.demo{--d-fond:#f3f4f8;--d-surface:#fff;--d-surface-2:#f3f5f9;--d-bord:#e3e6ee;--d-bord-fort:#cfd4e0;--d-texte:#121829;--d-texte-2:#4a536b;--d-or:#b07a12;--d-or-texte:#7a520a;--d-or-fond:#fbf1dc;--d-marque:#be1e2d;--d-ok:#15803d;--d-sur-ok:#fff;--d-ok-fond:#e8f6ee;--d-ok-texte:#166534;--d-attention:#8a4b05;--d-attention-fond:#fdf1e1;--e-texte-3:#5f6880;min-height:100vh;overflow-x:hidden;padding:0 0 3rem}.demo.demo--nuit,html.ecab-one-nuit .demo{--d-fond:#0b0b0d;--d-surface:#16161a;--d-surface-2:#1f1f24;--d-bord:#2e2e34;--d-bord-fort:#4a4a52;--d-texte:#f5f3ee;--d-texte-2:#b9b6ae;--d-or:#d4af37;--d-or-texte:#ecd27f;--d-or-fond:rgba(212,175,55,.14);--d-marque:#be1e2d;--d-ok:#22c55e;--d-sur-ok:#04230f;--d-ok-fond:rgba(34,197,94,.14);--d-ok-texte:#bbf7d0;--d-attention:#fde68a;--d-attention-fond:rgba(251,191,36,.14);--e-fond:#0b0b0d;--e-surface:#16161a;--e-surface-2:#1f1f24;--e-bord:#2e2e34;--e-bord-fort:#4a4a52;--e-texte:#f5f3ee;--e-texte-2:#b9b6ae;--e-texte-3:#a6a6ae;--e-or:#d4af37;--e-bleu:#93c5fd;--e-ok:#4ade80;--e-ok-fond:rgba(34,197,94,.14);--e-ko:#fca5a5;--e-ko-fond:rgba(248,113,113,.14);--e-attention:#fde68a;--e-attention-fond:rgba(251,191,36,.14);--e-info-fond:#172554;--e-ombre:none;background:radial-gradient(circle at 10% 0,rgba(190,30,45,.18),transparent 30rem),linear-gradient(180deg,#050505,#0f0f12 40%,#0b0b0d);color-scheme:dark}.demo-shell{box-sizing:border-box;margin-inline:auto;width:min(1180px,calc(100% - 32px))}.demo-hero{align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:3rem 0 1.5rem}.demo-surtitre{color:var(--d-or-texte);font-size:.78rem;font-weight:900;letter-spacing:.2em;margin:0 0 .6rem;text-transform:uppercase}.demo-hero h1{color:var(--d-texte);font-size:clamp(2rem,4.4vw,3.6rem);letter-spacing:-.04em;line-height:1.05;margin:0}.demo-lead{color:var(--d-texte-2);font-size:1.02rem;line-height:1.7;margin:1rem 0 0;max-width:62ch}.demo-bandeau{align-items:flex-start;background:var(--d-or-fond);border:2px solid var(--d-or);border-radius:16px;color:var(--d-texte);display:flex;font-size:.94rem;gap:.7rem;line-height:1.55;margin:1.3rem 0 0;padding:.9rem 1rem}.demo-bandeau svg{color:var(--d-or-texte);flex:none;margin-top:.1rem}.demo-bandeau strong{color:var(--d-or-texte);display:block;font-size:1.02rem;letter-spacing:.01em}.demo-theme{background:var(--d-surface);border:1px solid var(--d-bord);border-radius:14px;display:inline-flex;gap:4px;margin-top:1.1rem;padding:4px}.demo-theme button{background:transparent;border:0;border-radius:10px;color:var(--d-texte-2);cursor:pointer;font:inherit;font-size:.92rem;font-weight:750;min-height:44px;min-width:44px;padding:0 1rem}.demo-theme button.on{background:var(--d-or-fond);box-shadow:inset 0 0 0 2px var(--d-or);color:var(--d-or-texte)}.demo-hero-photo{aspect-ratio:5/3;background:#0c0c0e;border:1px solid var(--d-bord);border-radius:28px;box-shadow:0 24px 60px #0a0c142e;margin:0;overflow:hidden}.demo-hero-photo img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.demo-fil{padding:1.4rem 0 0}.demo-fil ol{align-items:center;color:var(--d-texte-2);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.2rem .5rem;list-style:none;margin:0;padding:0}.demo-fil li+li:before{color:var(--d-texte-2);content:"›";margin-right:.5rem}.demo-fil a{align-items:center;color:var(--d-or-texte);display:inline-flex;font-weight:800;min-height:44px;text-decoration:none}.demo-fil a:focus-visible,.demo-fil a:hover{text-decoration:underline}.demo-fil [aria-current]{color:var(--d-texte);font-weight:750}.demo-sommaire{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0 1rem}.demo-sommaire a{align-items:center;background:var(--d-surface);border:1px solid var(--d-bord-fort);border-radius:999px;color:var(--d-texte);display:inline-flex;font-size:.9rem;font-weight:750;min-height:44px;padding:0 1rem;text-decoration:none}.demo-sommaire a:focus-visible,.demo-sommaire a:hover{border-color:var(--d-or);color:var(--d-or-texte)}.demo-pas{background:var(--d-surface);border:1px solid var(--d-bord);border-radius:24px;margin-top:1.4rem;padding:1.4rem}.demo-pas h2{color:var(--d-texte);font-size:clamp(1.25rem,2.2vw,1.6rem);letter-spacing:-.02em;margin:0 0 1rem}.demo-pas ol{counter-reset:pas;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));list-style:none;margin:0;padding:0}.demo-pas li{align-content:start;background:var(--d-surface-2);border:1px solid var(--d-bord);border-radius:16px;counter-increment:pas;display:grid;gap:.3rem;padding:.9rem 1rem .95rem}.demo-pas li:before{background:var(--d-or-fond);border-radius:50%;box-shadow:inset 0 0 0 2px var(--d-or);color:var(--d-or-texte);content:counter(pas);display:grid;font-size:.9rem;font-weight:900;height:30px;margin-bottom:.2rem;place-items:center;width:30px}.demo-pas strong{color:var(--d-texte);font-size:.98rem}.demo-pas span{color:var(--d-texte-2);font-size:.88rem;line-height:1.55}.demo-section{margin-top:2.2rem;scroll-margin-top:5rem}.demo-section-tete{align-items:flex-end;border-bottom:1px solid var(--d-bord);display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.demo-section-tete>div:first-child{flex:1 1 520px;min-width:0}.demo-sur{align-items:center;color:var(--d-or-texte);display:flex;flex-wrap:wrap;font-size:.76rem;font-weight:900;gap:.6rem;letter-spacing:.14em;margin:0 0 .35rem;text-transform:uppercase}.demo-pastille{background:var(--d-attention-fond);border-radius:999px;color:var(--d-attention);font-size:.72rem;font-weight:800;letter-spacing:.02em;padding:.18rem .6rem;text-transform:none}.demo-section h2{color:var(--d-texte);font-size:clamp(1.5rem,2.8vw,2.2rem);letter-spacing:-.03em;line-height:1.1;margin:0}.demo-explication{color:var(--d-texte-2);line-height:1.65;margin:.55rem 0 0;max-width:70ch}.demo-liens{display:flex;flex-wrap:wrap;gap:.5rem}.demo-btn{align-items:center;background:var(--d-surface);border:1px solid var(--d-bord-fort);border-radius:999px;box-sizing:border-box;color:var(--d-texte);display:inline-flex;font-size:.92rem;font-weight:800;justify-content:center;min-height:46px;padding:0 1.15rem;text-align:center;text-decoration:none}.demo-btn:hover{border-color:var(--d-or)}.demo-btn.principal{background:var(--d-marque);border-color:var(--d-marque);box-shadow:0 12px 28px #be1e2d40;color:#fff}.demo-corps{min-width:0}.demo-composer{margin:0 auto;max-width:940px}.demo-corps .esp-btn{min-height:44px}.demo-corps .esp-grille--kpi{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.demo-corps--flotte .btn,.demo-corps--flotte .csel,.demo-corps--flotte .ghost-act,.demo-corps--flotte .km-btn{min-height:44px}.demo-cartes{display:grid;gap:1rem;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;margin:1.6rem auto 0;padding:0}.demo-cartes>li{display:flex;grid-column:span 2}.demo-cartes>li:nth-child(4){grid-column:2/span 2}.demo-carte{background:var(--d-surface);border:1px solid var(--d-bord);border-radius:22px;box-shadow:0 14px 40px #0a0c1414;color:var(--d-texte);display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;width:100%}.demo-carte:focus-visible,.demo-carte:hover{border-color:var(--d-or);box-shadow:0 20px 50px #0a0c1424;transform:translateY(-2px)}.demo-carte img{aspect-ratio:5/3;background:#0c0c0e;display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.demo-carte-corps{align-content:start;display:grid;flex:1;gap:.45rem;padding:1rem 1.15rem 1.15rem}.demo-carte-sur{color:var(--d-or-texte);font-size:.72rem;font-weight:900;letter-spacing:.14em;margin:0;text-transform:uppercase}.demo-carte h2,.demo-carte h3{color:var(--d-texte);font-size:1.3rem;letter-spacing:-.02em;margin:0}.demo-carte p{color:var(--d-texte-2);font-size:.9rem;line-height:1.55;margin:0}.demo-carte .demo-carte-action{align-items:center;color:var(--d-marque);display:inline-flex;font-size:.92rem;font-weight:850;margin-top:auto;min-height:44px;padding-top:.5rem}.demo.demo--nuit .demo-carte .demo-carte-action,html.ecab-one-nuit .demo .demo-carte .demo-carte-action{color:#f08a93}.demo-autres{margin-top:2.6rem}.demo-autres-tete{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.demo-autres h2{color:var(--d-texte);font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:-.02em;margin:0}.demo-autres-liste{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}.demo-autres-liste li{display:flex}.demo-autres-liste .demo-carte img{aspect-ratio:16/9}.demo-autres-liste .demo-carte h3{font-size:1.08rem}.demo-autres-liste .demo-carte p{font-size:.84rem}.demo-fin{background:var(--d-surface);border:1px solid var(--d-bord);border-radius:24px;margin-top:3rem;padding:2rem 1.5rem;text-align:center}.demo-fin h2{color:var(--d-texte);font-size:clamp(1.4rem,2.6vw,2rem);margin:0}.demo-fin>p{color:var(--d-texte-2);margin:.5rem auto 1.2rem;max-width:60ch}.demo-liens--fin{justify-content:center}.demo-fin>p.demo-faq{margin:1.2rem 0 0}.demo-faq a{align-items:center;color:var(--d-or-texte);display:inline-flex;font-weight:800;min-height:44px}.demo-filigrane{color:var(--d-texte-2);font-size:.7rem;letter-spacing:.16em;margin:2rem 0 0;opacity:.45;text-align:center}@media(max-width:960px){.demo-hero{grid-template-columns:1fr;padding-top:2rem}.demo-cartes,.demo-corps .esp-grille--kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-cartes>li,.demo-cartes>li:nth-child(4){grid-column:auto}.demo-cartes>li:last-child:nth-child(odd){grid-column:1/-1}.demo-autres-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.demo-shell{width:calc(100% - 32px)}.demo-btn,.demo-liens{width:100%}.demo-theme{display:flex}.demo-theme button{flex:1;padding:0 .4rem}.demo-fin{padding:1.5rem 1rem}.demo-pas{padding:1.1rem 1rem}.demo-autres-liste,.demo-cartes{grid-template-columns:1fr}.demo-cartes>li:last-child:nth-child(odd){grid-column:auto}}@media(max-width:380px){.demo-corps .esp-grille--kpi{grid-template-columns:1fr}}