:root{
  --sable:#ebe2d5;--lin:#f2ede6;--ivoire:#f7f5f1;--blanc:#ffffff;--grege:#cfc3b3;
  --bronze:#b39a79;--bronze-fonce:#8a6d45;--taupe-texte:#6f5a3e;--graphite:#2a2e30;
  --encre:#222222;--noir:#000000;
  --titre:Roboto,'Helvetica Neue',Arial,sans-serif;
  --texte:Lato,'Segoe UI',Arial,sans-serif;
  --chiffre:Poppins,Lato,Arial,sans-serif;
  --r:4px;--r-carte:6px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{min-height:100vh;display:flex;flex-direction:column;background:var(--ivoire);color:var(--encre);font-family:var(--texte);font-size:15px;line-height:1.5}
a{color:inherit}
button{font-family:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left,0px)) 0 max(20px,env(safe-area-inset-right,0px))}

/* En-tête */
.entete{position:sticky;top:0;z-index:50;background:var(--blanc);border-bottom:1px solid var(--grege)}
.entete .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px}
.entete .gauche{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--encre)}
.entete .logo{height:22px;width:auto;display:block}
.lien-accueil{font-size:13px;font-weight:700;text-decoration:none;color:var(--encre);padding:6px 12px;border:1px solid var(--grege);border-radius:var(--r)}
.lien-accueil:hover{border-color:var(--encre)}
body.sur-accueil .lien-accueil{visibility:hidden}
.entete .titre{font-family:var(--titre);font-weight:700;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Vues */
.vue{display:none;padding:28px 0 40px}
.vue.active{display:block}
.surtitre .duree{letter-spacing:0;text-transform:none;vertical-align:-2px}
.surtitre{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe-texte);margin:0 0 6px}
h1,h2,h3{font-family:var(--titre);font-weight:700;margin:0;text-wrap:balance}
.titre-page{font-size:clamp(26px,3vw,32px);line-height:1.15;padding-bottom:10px;border-bottom:1px solid var(--encre);margin-bottom:18px}
.chapeau{font-family:var(--chiffre);font-size:17px;line-height:1.45;max-width:62ch;margin:0 0 22px}
.bandeau{background:var(--sable);font-weight:700;font-size:16px;padding:10px 16px;margin:28px 0 14px;border-radius:var(--r)}
.panneau{background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r);padding:22px}
.accroche{background:var(--sable);border-radius:var(--r);padding:16px 18px;font-weight:700;font-style:italic;font-size:15px;line-height:1.4;margin-top:22px}
.mention{font-size:12px;color:var(--taupe-texte)}
:focus-visible{outline:2px solid var(--bronze-fonce);outline-offset:2px}

/* Accueil */
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:0;background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r);overflow:hidden}
.hero .texte{padding:34px 36px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.hero h1{font-size:clamp(28px,3.4vw,38px);line-height:1.1}
.hero .chapeau{margin:0}
.accroche-home{margin:0;font-family:var(--chiffre);font-weight:700;font-size:clamp(17px,1.7vw,20px);line-height:1.4;display:flex;flex-direction:column;gap:6px}
.accroche-home .suite{color:var(--bronze-fonce)}
.hero .photo{position:relative;min-height:300px;background:var(--sable)}
.hero .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero .photo .coin{position:absolute;left:0;bottom:0;width:36px;height:96px;background:var(--noir)}
.grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.carte{position:relative;display:flex;flex-direction:column;gap:8px;min-height:168px;padding:18px 20px;background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r-carte);text-decoration:none;color:var(--encre);transition:border-color .15s,transform .15s}
.carte:hover{border-color:var(--encre);transform:translateY(-2px)}
.carte .haut{display:flex;align-items:center;justify-content:space-between;gap:8px}
.duree{display:inline-flex;align-items:center;gap:5px;font-family:var(--chiffre);font-weight:700;font-size:12px;color:var(--taupe-texte)}
.carte.noire .duree{color:var(--sable)}
.horloge{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.grille.deux{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}
.bandeau-decider{margin:26px 0 14px}
.carte .num{font-family:var(--chiffre);font-weight:700;font-size:13px;background:var(--sable);border-radius:var(--r);padding:2px 8px;align-self:flex-start}
.carte h2{font-size:19px;line-height:1.2}
.carte p{margin:0;font-size:13.5px;color:var(--graphite)}
.carte .ouvrir{margin-top:auto;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}
.carte.noire{background:var(--noir);border-color:var(--noir);color:var(--blanc)}
.carte.noire p{color:var(--sable)}
.carte.noire .num{background:var(--sable);color:var(--noir)}
.carte.cle{background:var(--lin);border-color:var(--bronze-fonce);box-shadow:0 0 0 1px var(--bronze-fonce)}
.carte .pastille{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--bronze-fonce);color:var(--blanc);border-radius:var(--r);padding:3px 8px}
@media (prefers-reduced-motion:reduce){.carte{transition:none}.carte:hover{transform:none}}

/* Vidéo */
.video{background:var(--noir);border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;max-width:100%}
.video video{width:100%;height:100%;display:block;background:var(--noir)}
.video-attente{position:relative;width:100%;height:100%}
.video-attente img{width:100%;height:100%;object-fit:cover;display:block;opacity:.45}
.video-attente span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--noir);color:var(--blanc);font-weight:700;padding:10px 18px;border-radius:var(--r);white-space:nowrap}

/* Enjeux */
.enjeu-titre{font-size:clamp(22px,2.6vw,28px);line-height:1.2;margin:0 0 4px}
.enjeu-sous{font-family:var(--chiffre);font-weight:700;font-size:16px;color:var(--taupe-texte);margin:0 0 22px}
.parcours{background:var(--lin);border-radius:var(--r-carte);padding:22px 22px 0;overflow:hidden}
.parcours .intro{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe-texte);margin:0 0 16px;text-align:center}
.etapes-client{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative}
.etapes-client::before{content:"";position:absolute;left:16.6%;right:16.6%;top:28px;border-top:2px dashed var(--bronze)}
.etape{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.etape .rond{width:56px;height:56px;border-radius:50%;background:var(--blanc);border:2px solid var(--bronze);display:flex;align-items:center;justify-content:center}
.etape svg{width:26px;height:26px;fill:none;stroke:var(--encre);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.etape b{font-family:var(--titre);font-size:17px}
.bande-ia{background:var(--noir);color:var(--blanc);text-align:center;margin:22px -22px 0;padding:20px 22px}
.desormais{font-family:var(--titre);font-weight:700;font-size:clamp(17px,2vw,20px);margin:0 0 4px}
.desormais-sous{font-size:14px;color:var(--sable);margin:0}
.question-ia{text-align:center;margin:28px auto 16px;max-width:720px}
.question-ia h2{font-size:20px;margin-bottom:6px}
.question-ia p{margin:0 0 10px;font-size:14px;color:var(--graphite)}
.question-ia b{font-family:var(--titre)}
.demo-ia{background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r-carte);padding:22px}
.demo-g{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}
.demo-g .bascule{margin:0 0 16px}
.demo-droite{border-left:1px solid var(--grege);padding-left:28px}
.demo-gauche .offre-v{flex-direction:column;align-items:flex-start;gap:10px}
.demo-gauche .offre-v img{width:138px;height:104px}
.offre-v{display:flex;gap:16px;align-items:center}
.offre-v img{width:138px;height:104px;border-radius:var(--r);object-fit:cover;flex:none;background:var(--lin)}
.offre-v h3{font-size:17px;margin:0 0 4px}
.offre-v .loyer{font-family:var(--chiffre);font-weight:700;font-size:24px;line-height:1.1;margin:0 0 4px}
.offre-v .det{font-size:12.5px;color:var(--taupe-texte);margin:0;line-height:1.5}
.bascule{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--encre);border-radius:var(--r);background:var(--blanc);margin:16px 0 14px}
.bascule button{border:0;border-radius:3px;padding:9px 16px;font-weight:700;font-size:14px;background:transparent;color:var(--encre);cursor:pointer}
.bascule button[aria-pressed="true"]{background:var(--noir);color:var(--blanc)}
.bascule button[data-mode="avec"][aria-pressed="false"]{background:var(--bronze-fonce);color:var(--blanc)}
.bascule button[data-mode="avec"][aria-pressed="false"]::after{content:" \2192"}
.contexte-pile{display:grid;margin-top:18px;border-top:1px solid var(--grege)}
.contexte-ago{grid-area:1/1;display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;align-content:flex-start;visibility:hidden}
.contexte-ago.actif{visibility:visible}
.contexte-ago span{font-size:12.5px;background:var(--sable);border-radius:999px;padding:4px 10px}
.contexte-ago b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe-texte);align-self:center;margin-right:4px}
.qui-ia{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe-texte);margin:0 0 4px}
.qui-assistant{display:flex;align-items:center;gap:6px;color:var(--encre);margin-bottom:8px}
.msg-client{font-weight:700;margin:0 0 16px}
.pile{display:grid}
.rep{grid-area:1/1;visibility:hidden}
.rep.actif{visibility:visible}
.verdict{display:inline-block;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;margin:0 0 10px}
.verdict.prudence{background:#f6d9d3;color:#9c2f22;border:1px solid #e3aca3}
.verdict.coherent{background:#dcecd5;color:#2d6a2a;border:1px solid #a9cf9e}
.rep p{margin:0 0 12px;font-size:15px;line-height:1.6}
.rep.apparait{animation:fondu .45s ease-out}
@keyframes fondu{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.conclusion{text-align:center;margin-top:24px;background:var(--noir);color:var(--blanc);border-radius:var(--r);padding:22px 24px;font-family:var(--titre);font-weight:700;font-size:clamp(18px,2vw,22px);line-height:1.35}
.conclusion span{color:var(--sable)}
@media (prefers-reduced-motion:reduce){.rep.apparait{animation:none}}
@media (max-width:860px){.demo-g{grid-template-columns:1fr;gap:6px}.demo-droite{border-left:0;padding-left:0}.demo-gauche .offre-v{flex-direction:row;align-items:center}}
@media (max-width:560px){.offre-v{align-items:flex-start}.offre-v img{width:96px;height:72px}.etape b{font-size:14px}.etape .rond{width:48px;height:48px}.etapes-client::before{top:24px}}

/* Session en 10 secondes : réplique de l'écran Offres de l'outil concession */
.mode{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--encre);border-radius:var(--r);background:var(--blanc);margin-bottom:12px}
.mode button{border:0;border-radius:3px;padding:8px 16px;font-weight:700;font-size:14px;background:transparent;color:var(--encre);cursor:pointer}
.mode button[aria-pressed="true"]{background:var(--noir);color:var(--blanc)}
.moov-barre{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.moov-barre .chrono{font-family:var(--chiffre);font-weight:700;font-size:22px}
.moov-consigne{font-size:14px;color:var(--graphite);margin:0}
.moov-cadre{position:relative;border:1px solid var(--grege);border-radius:var(--r);overflow:hidden;background:#f7f9fa}
.moov-echelle{position:absolute;left:0;top:0;width:1100px;height:640px;transform-origin:0 0}

.moov{position:relative;width:1100px;height:640px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#292c2c;background:#f7f9fa;line-height:normal;
  --olive:#55594c;--olive-deep:#474c3f;--olive-row:#87897d}
.moov *{box-sizing:border-box}
.moov button,.moov input,.moov select,.moov textarea{font:inherit}
.moov [hidden]{display:none!important}
.moov .ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em}
.moov .app-header{height:68px;display:flex;align-items:stretch;border-bottom:1px solid #cbd1d2;background:#f9fbfc}
.moov .brand-slot{width:200px;flex:none;display:flex;align-items:center;justify-content:center;border-right:1px solid #d3dadb;padding:15px 20px}
.moov .brand-slot img{width:100%;height:auto;max-width:160px;max-height:42px;object-fit:contain;display:block}
.moov .app-top-info{display:flex;align-items:center;gap:24px;flex:1;min-width:0;padding:0 14px 0 20px}
.moov .tarif{white-space:nowrap}
.moov .top-divider{height:30px;border-left:1px solid #d9ddde}
.moov .top-name{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px}
.moov .top-name .ic{font-size:17px}
.moov .top-right{display:flex;align-items:center;gap:16px;margin-left:auto;white-space:nowrap;font-size:12px}
.moov .top-right .ic{font-size:16px}
.moov .current-offer{background:#1f211f;color:#fff;min-width:150px;padding:8px 14px;text-align:center;font:700 11px/1.35 Arial,sans-serif}
.moov .current-offer span{font-weight:400}
.moov .workspace{display:grid;grid-template-columns:200px minmax(0,1fr);height:572px}
.moov .sidebar{background:#e9eff1;border-right:1px solid #cbd3d5;display:flex;flex-direction:column}
.moov .usage{background:#363d34;color:#f4f4f1;font-weight:700;font-size:12px;padding:9px 11px}
.moov .side-inner{padding:9px 12px}
.moov .segmented{display:grid;grid-template-columns:1fr 1fr;height:30px;margin-bottom:6px;border:1px solid #bec8ca;border-radius:2px;overflow:hidden;font-size:12px}
.moov .segmented span{display:flex;justify-content:center;align-items:center;color:#8a9397;background:#f8f9fa}
.moov .segmented .selected{background:var(--olive);color:#fff;font-weight:700}
.moov .side-nav-item{display:flex;align-items:center;gap:14px;min-height:38px;padding:6px 12px;font-weight:600}
.moov .side-nav-item .ic{font-size:18px}
.moov .side-nav-item.active{background:#272b29;color:#fff;border-radius:2px}
.moov .sidebar-bottom{margin-top:auto;padding:10px 12px 12px;color:#444;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px}
.moov .main-area{padding:0 18px 16px;display:flex;flex-direction:column;min-width:0}
.moov .main-titlebar{display:flex;align-items:center;gap:18px;min-height:60px;border-bottom:1px solid #dde2e4;padding:0 6px}
.moov .main-titlebar h1{font:700 22px Arial,sans-serif;margin:0}
.moov .round{display:inline-grid;place-items:center;border-radius:50%;width:26px;height:26px;background:var(--olive);color:#fff;flex:none}
.moov .round .ic{font-size:13px}
.moov .usage-detail{font-size:12px;font-weight:700;text-align:center;flex:1}
.moov .quick-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:9px 4px}
.moov .comparator{background:#aeb5b5;color:#f6f6f6;border-radius:2px;padding:6px 10px;font-size:11px;font-style:italic}
.moov .search-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 4px 10px}
.moov .search-box{width:190px;height:36px;border:1px solid #bfc9ce;border-radius:3px;background:#fff;padding:0 12px;font-size:12px;color:#8a9397;display:flex;align-items:center}
.moov .secondary-btn{background:#e1e5e6;color:#555;padding:10px 12px;border-radius:2px;font-size:12px}
.moov .select-label{font-size:12px;white-space:nowrap}
.moov .table-scroll{border:1px solid #d2dade;background:#fff;overflow:hidden}
.moov table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}
.moov th{height:46px;text-align:left;font-weight:500;padding:6px;border-bottom:1px solid #d7dfe1}
.moov td{height:64px;padding:6px;border-bottom:1px solid #dde2e4;line-height:1.4}
.moov tbody tr:last-child td{border-bottom:0}
.moov .selected-row{background:var(--olive-row);cursor:pointer}
.moov .selected-row td{font-weight:700}
.moov .selected-row:hover{background:#797d70}
.moov .normal-row{background:#f6f9fa}
.moov .row-control{display:flex;gap:4px}
.moov .row-control .round{width:22px;height:22px}
.moov .chk{width:14px;height:14px;border:1px solid #8a9397;border-radius:2px;background:#fff;display:inline-block}
.moov .table-footer{margin-top:auto;border:1px solid #d9dfe1;display:flex;gap:16px;align-items:center;justify-content:flex-end;padding:8px 18px;font-size:11px;color:#5a6062}
.moov .page-select{border:1px solid #ccd3d6;background:#f3f6f7;border-radius:2px;padding:5px 10px}

.moov .scrim{position:absolute;inset:0;z-index:5;background:rgba(27,31,31,.40)}
.moov .dialog-stage{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:16px}
.moov .dialog{width:880px;background:#f9fbfc;border:1px solid #d0d8db;border-radius:2px;box-shadow:0 18px 52px rgba(0,0,0,.27);padding:0 28px 24px}
.moov .dialog-header{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-bottom:1px solid #dce2e4;margin-bottom:18px}
.moov .dialog-title{margin:0;font:400 20px Arial,sans-serif}
.moov .close-button{color:#707778;background:transparent;border:0;width:32px;height:32px;border-radius:3px;cursor:pointer;font-size:18px;display:grid;place-items:center}
.moov .close-button:hover{background:#e8eded}
.moov .actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 20px}
.moov .actions-section h2{font:700 15px Arial,sans-serif;margin:0 0 9px}
.moov .action-stack{display:grid;gap:5px}
.moov .action-button{border:0;border-radius:2px;min-height:27px;width:100%;padding:5px 10px;display:flex;justify-content:center;align-items:center;gap:8px;font-weight:600;color:#fff;font-size:12px}
.moov .action-button .ic{font-size:14px}
.moov .action-button.brown{background:var(--olive);cursor:pointer}
.moov .action-button.brown:hover{background:var(--olive-deep)}
.moov .action-button.faded{background:#cac1af;color:#e1e0dc}
.moov .action-button.export{background:#2b292b}
.moov .action-button.disabled{background:#bfc2c2;color:#e7e8e8}
.moov .actions-export.right{padding-top:24px}
.moov .top-fields{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-bottom:10px}
.moov .field-pair{display:grid;grid-template-columns:45% 1fr;align-items:center;gap:10px}
.moov .input{height:30px;padding:6px 10px;border:1px solid #bfcbd0;border-radius:3px;background:#fcfdfd;font-size:12px;display:flex;align-items:center;justify-content:space-between}
.moov .trial-line{display:flex;gap:11px;align-items:center;margin:4px 0 16px}
.moov .radio{display:inline-flex;align-items:center;gap:4px}
.moov .radio i{width:14px;height:14px;border-radius:50%;border:1px solid #62675c;display:inline-grid;place-items:center;background:#fff}
.moov .radio i.on::after{content:"";width:8px;height:8px;border-radius:50%;background:#62675c}
.moov .form-section h3{font:400 18px Arial,sans-serif;margin:0 0 6px}
.moov .hint{margin:0 0 4px;font-size:12px}
.moov .select{height:30px;border:1px solid #c2cbd0;border-radius:3px;background:#fcfdfd}
.moov .textarea{height:34px;border:1px solid #c2cbd0;border-radius:3px;background:#fcfdfd}
.moov .contact-line{display:grid;grid-template-columns:170px 460px;align-items:center;gap:10px;margin-top:10px}
.moov .document-title{font-size:15px;font-weight:700;margin:14px 0 8px}
.moov .document-checks{display:flex;gap:14px;font-size:12px}
.moov .document-checks span{display:inline-flex;gap:5px;align-items:center}
.moov .box{width:14px;height:14px;border:1px solid #5c6052;border-radius:2px;background:#fff;display:inline-grid;place-items:center;font-size:10px;line-height:1}
.moov .box.on{background:#5c6052;color:#fff}
.moov .commercial-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px;margin-top:12px}
.moov .demo-button{height:30px;padding:6px 14px;border:0;border-radius:2px;color:#fff;background:var(--olive);font-weight:600;justify-self:center;width:210px;display:flex;align-items:center;justify-content:center;gap:9px}
.moov .print-button{cursor:pointer}
.moov .print-button:hover:not(:disabled){background:var(--olive-deep)}
.moov .print-button:disabled{cursor:wait}
.moov .back-button{background:#e2e6e7;color:#444;width:auto;height:27px;font-weight:400;font-size:12px;cursor:pointer}
.moov .spinner{display:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:moovspin .8s linear infinite}
.moov .is-loading .spinner{display:inline-block}
@keyframes moovspin{to{transform:rotate(360deg)}}
.moov .status{font-size:11px;color:#576056;text-align:center;min-height:14px;margin-top:6px}

/* Panneau de téléchargements (générique, façon navigateur) */
.moov .dl{position:absolute;right:14px;top:78px;z-index:8;width:380px;background:#fff;border:1px solid #cfd6d8;border-radius:8px;box-shadow:0 12px 34px rgba(0,0,0,.22);padding:10px 12px;font-family:Lato,Arial,sans-serif}
.moov .dl-titre{font-size:12px;font-weight:700;color:#444;margin-bottom:6px}
.moov .dl-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;animation:moovin .35s ease-out}
.moov .dl-item+.dl-item{margin-top:4px}
.moov .dl-item .pdf{width:30px;height:36px;flex:none;border-radius:3px;background:#e9eff1;color:#55594c;font:700 9px Arial,sans-serif;display:grid;place-items:center}
.moov .dl-item b{display:block;font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}
.moov .dl-item small{font-size:11px;color:#6f5a3e}
.moov .dl-item.ago{background:#ebe2d5}
.moov .dl-item.ago .pdf{background:#000;color:#ebe2d5}
.moov .dl-attente{display:flex;align-items:center;gap:8px;font-size:12px;color:#6f5a3e;padding:6px 8px}
.moov .dl-attente i{width:12px;height:12px;border-radius:50%;border:2px solid #cfc3b3;border-top-color:#000;animation:moovspin .8s linear infinite}
@keyframes moovin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.moov .curseur{position:absolute;left:560px;top:400px;width:22px;height:22px;z-index:20;pointer-events:none;transition:left .5s cubic-bezier(.4,.1,.2,1),top .5s cubic-bezier(.4,.1,.2,1)}
.moov .curseur.clic::after{content:"";position:absolute;left:-8px;top:-8px;width:24px;height:24px;border-radius:50%;border:2px solid #b39a79;animation:clic .45s ease-out}
.moov.auto .selected-row,.moov.auto .action-button.brown,.moov.auto .print-button,.moov.auto .close-button,.moov.auto .back-button{pointer-events:none}
.moov-fin{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--sable);border-radius:var(--r);padding:12px 16px;font-weight:700}
@media (prefers-reduced-motion:reduce){.moov .curseur{transition:none}.moov .dl-item{animation:none}}

/* Reporting */
.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--sable);border-radius:var(--r);padding:3px 8px;color:var(--taupe-texte)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.kpi{background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r-carte);padding:14px 16px}
.kpi b{display:block;font-family:var(--chiffre);font-size:26px;line-height:1.1}
.kpi span{font-size:12.5px;color:var(--taupe-texte)}
.rapport{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:12px}
table.tab{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
table.tab th{background:#212121;color:var(--blanc);text-align:left;padding:8px 10px;font-weight:700}
table.tab td{padding:8px 10px;border-bottom:1px solid var(--grege)}
table.tab tr:nth-child(even) td{background:var(--ivoire)}
table.tab td.n{text-align:right}

/* Témoignages */
.acces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.acces-carte{background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r-carte);border-top:4px solid var(--bronze-fonce);padding:0;display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s,transform .15s,box-shadow .15s}
.acces-carte:hover{border-color:var(--bronze-fonce);transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.acces-corps{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.acces-etiq{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--sable);color:var(--bronze-fonce);border-radius:var(--r);padding:3px 9px}
@media (prefers-reduced-motion:reduce){.acces-carte{transition:none}.acces-carte:hover{transform:none}}
.acces-carte h2{font-size:22px}
.acces-carte p{margin:0;font-size:14.5px;color:var(--graphite)}
.acces-liens{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.acces-lien{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--encre);border-radius:var(--r);padding:12px 16px;font-weight:700;font-size:14.5px;color:var(--encre);text-decoration:none;background:var(--blanc)}
.acces-lien:first-child{background:var(--noir);color:var(--blanc)}
.acces-lien:hover,.acces-lien:first-child:hover{background:var(--bronze-fonce);border-color:var(--bronze-fonce);color:var(--blanc)}
.acces-lien.attente{border-color:var(--grege);color:var(--taupe-texte);font-weight:400;background:var(--ivoire)}
.sous-titre-vue{font-size:20px;margin:6px 0 12px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.stats .panneau h3{font-size:16px;margin-bottom:12px}
.stats .panneau.large{grid-column:1/-1}
.duo-legende{display:flex;gap:16px;font-size:12.5px;color:var(--taupe-texte);margin:0 0 10px}
.duo-legende i{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.duo-legende i.non,.duo-barres .non{background:var(--grege)}
.duo-legende i.ach,.duo-barres .ach{background:var(--bronze-fonce)}
.duo-ligne{margin:0 0 14px}
.duo-lib{display:block;font-size:14px;margin-bottom:5px}
.duo-barres{display:flex;flex-direction:column;gap:4px}
.duo-barres div{height:26px;border-radius:3px;display:flex;align-items:center;justify-content:flex-end;padding:0 10px}
.duo-barres b{font-family:var(--chiffre);font-size:13px;color:var(--encre)}
.duo-barres .ach b{color:var(--blanc)}
.note-graph{margin:4px 0 0;font-size:12.5px;color:var(--taupe-texte)}
.kicker{margin:0 0 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe-texte)}
.obs-ligne{padding:12px 0;border-top:1px solid var(--grege)}
.obs-ligne:first-child{border-top:0;padding-top:0}
.obs-tete{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}
.obs-tete span{font-weight:700;font-size:15px}
.obs-tete b{font-family:var(--chiffre);font-size:22px}
.obs-piste{background:var(--lin);border-radius:999px;height:14px;overflow:hidden}
.obs-piste i{display:block;height:100%;background:var(--bronze);border-radius:999px}
.obs-ligne.fort .obs-piste i{background:var(--bronze-fonce)}
.obs-ligne.fort .obs-tete b{color:var(--bronze-fonce)}
.obs small{display:block;margin-top:6px;font-size:12.5px;color:var(--taupe-texte)}
.marqueurs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.marqueur{background:var(--lin);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:3px}
.marqueur b{font-family:var(--chiffre);font-size:34px;line-height:1;color:var(--bronze-fonce)}
.marqueur em{font-style:normal;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe-texte);margin-bottom:8px}
.marqueur strong{font-family:var(--chiffre);font-size:16px}
.marqueur span{font-size:13.5px;line-height:1.4;color:var(--graphite)}
.marqueur.sombre{background:var(--noir)}
.marqueur.sombre b{color:var(--sable)}.marqueur.sombre em{color:var(--grege)}.marqueur.sombre strong{color:var(--blanc)}.marqueur.sombre span{color:var(--sable)}
.sur{font-family:var(--chiffre);font-weight:700;font-size:12px;background:var(--sable);border-radius:var(--r);padding:2px 8px;margin-left:8px;vertical-align:2px}
.conclu-impact{margin:14px 0 0;font-size:15px}
.conclu-impact strong{font-family:var(--titre)}
.barre-impact{display:flex;height:38px;border-radius:var(--r);overflow:hidden;gap:2px;margin:6px 0 14px}
.legende-impact{display:flex;gap:2px;font-size:14px;text-align:center}
.legende-impact b{display:block;font-family:var(--chiffre);font-size:22px;color:var(--encre)}
.legende-impact .fort b{color:var(--bronze-fonce)}
.dlg-temoignage{border:1px solid var(--grege);border-radius:var(--r-carte);padding:0;width:min(760px,94vw);max-height:88vh;background:var(--blanc);color:var(--encre)}
.dlg-temoignage::backdrop{background:rgba(0,0,0,.55)}
.dlg-tete{position:sticky;top:0;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:var(--blanc);border-bottom:1px solid var(--grege);padding:18px 22px}
.dlg-tete h2{font-size:20px;margin:0 0 4px}
.dlg-tete p{margin:0;font-size:13.5px;color:var(--taupe-texte)}
.dlg-fermer{flex:none;width:36px;height:36px;border:1px solid var(--encre);border-radius:var(--r);background:var(--blanc);font-size:22px;line-height:1;cursor:pointer}
.dlg-corps{padding:6px 22px 24px}
.dlg-corps ul{margin:0 0 10px;padding-left:20px;font-size:15px;line-height:1.6}
.dlg-corps li{margin-bottom:6px}
.dlg-fiche{width:min(640px,94vw)}
.dlg-fiche .dlg-tete{align-items:center}
.fiche-titre .badge-f{margin-bottom:6px}
.fiche-titre h2{margin:0 0 2px}
.fiche-titre .prix{margin:0;font-family:var(--chiffre);font-weight:700;font-size:15px;color:var(--taupe-texte)}
.fiche-corps{padding:0 22px 14px}
.fiche-corps .cel{padding:14px 0;border-top:1px solid var(--grege);font-size:14px;line-height:1.5}
.fiche-corps .cel:first-child{border-top:0}
button.lien-retail.lien-bloc{display:block;margin:6px 0 0;text-align:left}
.dlg-retail{width:min(820px,94vw);position:relative;border:0;overflow:auto}
.dlg-retail img{display:block;width:100%;height:auto}
.dlg-retail .dlg-fermer{position:sticky;top:10px;float:right;margin:10px 10px -46px 0;z-index:2;background:rgba(255,255,255,.92)}
button.lien-retail{background:none;border:0;padding:0;margin-left:4px;font:inherit;font-size:13px;font-weight:700;color:var(--bronze-fonce);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.dlg-corps h3{font-size:16px;margin:20px 0 6px;color:var(--bronze-fonce)}
.dlg-corps p{margin:0 0 10px;font-size:15px;line-height:1.6}
.temoins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.temoin{background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r-carte);padding:20px;display:flex;flex-direction:column;gap:12px}
.temoin .avatar{width:56px;height:56px;border-radius:50%;background:var(--sable);display:flex;align-items:center;justify-content:center;font-family:var(--chiffre);font-weight:700}
.temoin .profil{font-family:var(--titre);font-weight:700;font-size:17px}
.temoin .fait{margin:0;font-family:var(--chiffre);font-weight:700;font-size:17px;line-height:1.35}
.temoin button.lien-temoignage{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.temoin .lien-temoignage{margin-top:auto;font-weight:700;color:var(--bronze-fonce);text-decoration:underline;text-underline-offset:3px}
.temoin .lien-temoignage.attente{color:var(--taupe-texte);text-decoration:none;font-weight:400}

/* Notre offre */
.comparatif{border-collapse:separate;border-spacing:14px 0;margin:0 -14px;table-layout:fixed;width:calc(100% + 28px)}
.comparatif thead th{background:var(--blanc);border:1px solid var(--grege);border-bottom:0;border-radius:var(--r-carte) var(--r-carte) 0 0;padding:18px 22px 14px;text-align:left;font-weight:400;vertical-align:top}
.comparatif h2{font-size:22px;margin:8px 0 4px}
.comparatif .prix{margin:0;font-family:var(--chiffre);font-weight:700;font-size:15px;color:var(--taupe-texte)}
.cel{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px}
.lib{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe-texte);padding-top:3px}
.gros{display:block;font-family:var(--chiffre);font-weight:700;font-size:19px;line-height:1.3}
.gros.fort{color:var(--bronze-fonce);margin-bottom:8px}
.det{display:block;font-size:13px;color:var(--taupe-texte);line-height:1.5}
.comparatif tbody td{background:var(--blanc);border-left:1px solid var(--grege);border-right:1px solid var(--grege);border-top:1px solid var(--grege);padding:14px 22px;font-size:14px;line-height:1.5;vertical-align:top}
.comparatif tbody tr:last-child td{border-bottom:1px solid var(--grege);border-radius:0 0 var(--r-carte) var(--r-carte)}
.comparatif td.vide{color:var(--grege)}
.comparatif td.fusion{border-bottom:1px solid var(--grege);border-radius:0 0 var(--r-carte) var(--r-carte)}
.det-bloc{display:block;margin-top:8px}
.det-ital{display:block;margin-top:8px;font-size:12.5px;font-style:italic;line-height:1.5}
.badge-f{display:inline-block;font-family:var(--chiffre);font-weight:700;font-size:12px;background:var(--sable);border-radius:var(--r);padding:2px 8px}
@media (max-width:760px){
 .comparatif,.comparatif thead,.comparatif tbody,.comparatif tr,.comparatif th,.comparatif td{display:block;width:100%;margin:0}
 .comparatif{border-spacing:0}
 .comparatif thead th{margin-bottom:10px;border-bottom:1px solid var(--grege);border-radius:var(--r-carte)}
 .comparatif tbody tr{margin-bottom:12px}
 .comparatif tbody td{border:1px solid var(--grege);border-top:0;border-radius:0}
 .comparatif tbody td:first-of-type{border-top:1px solid var(--grege)}
 .comparatif tbody tr:last-child td{border-radius:0}
 .comparatif td::before{content:attr(data-sol);display:block;font-family:var(--chiffre);font-weight:700;font-size:11px;color:var(--bronze-fonce);margin-bottom:4px}
 .comparatif td.vide{display:none}
 .comparatif td.fusion{border-radius:0}
 .cel{grid-template-columns:1fr;gap:2px}
}
.etapes-offre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:6px}
.etape-o{background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r-carte);padding:20px;display:flex;flex-direction:column;gap:8px}
.etape-o .num-o{align-self:flex-start;font-family:var(--chiffre);font-weight:700;font-size:13px;background:var(--noir);color:var(--blanc);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.etape-o h2{font-size:20px}
.etape-o .but{margin:0;font-weight:700;font-size:14.5px;line-height:1.4}
.etape-o ul{margin:4px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--encre);border-radius:var(--r);padding:10px 18px;font-weight:700;font-size:14px;background:var(--blanc);color:var(--encre);cursor:pointer;text-decoration:none}
.bouton.plein{background:var(--noir);color:var(--blanc);border-color:var(--noir)}
.bouton:hover{opacity:.88}
@media (max-width:900px){.etapes-offre{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.acces{grid-template-columns:1fr}}
@media (max-width:760px){.marqueurs{grid-template-columns:1fr}}

/* Formulaire */
.formulaire{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r);overflow:hidden}
.formulaire .gauche{background:var(--noir);color:var(--blanc);padding:30px}
.formulaire .gauche h2{font-size:26px;line-height:1.15;margin-bottom:12px}
.formulaire .gauche p{color:var(--sable);margin:0 0 10px}
.formulaire .form{padding:30px;display:flex;flex-direction:column;gap:14px}
.formulaire label.l{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--taupe-texte)}
.formulaire input[type=text],.formulaire input[type=tel]{width:100%;border:1px solid var(--grege);border-radius:var(--r);padding:12px;font-size:16px;font-family:var(--texte);background:var(--blanc);color:var(--encre)}
.civilite{display:flex;gap:8px}
.civilite label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--grege);border-radius:var(--r);padding:10px;cursor:pointer;font-weight:700}
.civilite input{accent-color:var(--noir)}
.civilite label:has(input:checked){border-color:var(--encre);background:var(--lin)}
.erreur{color:#8a2b2b;font-size:13px;min-height:18px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--graphite)}
.consent input{margin-top:3px;accent-color:var(--noir)}
.confirmation{background:var(--sable);border-radius:var(--r);padding:14px 16px;font-weight:700}

/* Simulateur */
.cadre-sim{background:var(--blanc);border:1px solid var(--grege);border-radius:var(--r);overflow:hidden}
.cadre-sim iframe{display:block;width:100%;height:760px;border:0}
@media (max-width:900px){.cadre-sim iframe{height:calc(100vh - 200px);min-height:520px}}

/* Pied */
.pied{border-top:1px solid var(--grege);background:var(--blanc)}
.pied .wrap{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;font-size:11px;color:var(--taupe-texte)}
.pied b{font-weight:700}

@media (max-width:900px){
  .hero,.demo-ia,.scene,.rapport,.formulaire{grid-template-columns:1fr}
  .hero .photo{min-height:220px}
  .grille,.colonnes,.temoins{grid-template-columns:1fr 1fr}
  .kpis{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .grille,.grille.deux,.colonnes,.temoins{grid-template-columns:1fr}
  .hero .texte,.formulaire .gauche,.formulaire .form{padding:22px}
}

.version-label{border:0;background:none;font:inherit;font-weight:700;color:inherit;cursor:pointer;padding:8px}
.portal-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;background:#222;color:white;padding:14px 22px;border-radius:6px;max-width:90vw;box-shadow:0 5px 25px #0003}
#v-apercu{position:fixed;inset:var(--preview-top,76px) 0 0;z-index:20;background:#f7f5f1;padding:0}
#preview-frame{display:block;width:100%;height:100%;border:0}
body.preview-open{overflow:hidden}
body.preview-open .pied{display:none}
.entete{z-index:50}
.pdf-dialog{max-width:900px;width:94vw}
.pdf-dialog img{display:block;width:100%;height:auto;margin:12px 0}
#form-session button:disabled{opacity:.65;cursor:wait}
#form-session input[type=email]{width:100%;padding:12px;border:1px solid #cfc3b3;border-radius:4px;font:inherit}
/* Outlines decorate the existing row/buttons without adding table cells or changing their size. */
.moov .click-guide{outline:3px solid #00d6e8;outline-offset:3px;box-shadow:0 0 14px #00d6e844;animation:guide-highlight 2.8s ease-in-out infinite}
.moov tr.click-guide{outline-offset:-3px}
@keyframes guide-highlight{
  0%,100%{outline-color:#00d6e880;box-shadow:0 0 4px #00d6e822}
  50%{outline-color:#00e5f5;box-shadow:0 0 0 3px #00d6e826,0 0 20px #00d6e86b}
}
@media(prefers-reduced-motion:reduce){.moov .click-guide{animation:none}}

.acces-plus{font-weight:700;color:var(--bronze-fonce)}