.diapo-anim .xa{max-width:none}
.xa{position:relative;width:100%;max-width:520px;aspect-ratio:10/11;font-family:var(--f-ui);color:var(--texte);isolation:isolate;user-select:none}
.xa *{box-sizing:border-box}
.xa-fen{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;border-radius:24px;background:var(--verre);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--trait);box-shadow:0 40px 80px -40px rgba(0,0,0,.65);overflow:hidden}
.xa-fen::before{content:"";position:absolute;left:8%;right:8%;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-texte),transparent);box-shadow:0 0 14px var(--lueur)}
.xa-tete{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--trait)}
.xa-orbe{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0,var(--accent-texte) 30%,var(--accent) 70%);box-shadow:0 0 18px var(--lueur);flex:none}
.xa-tete b{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em}
.xa-tete small{display:block;font-size:12.5px;color:var(--doux)}
.xa-badge{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--doux);border:1px solid var(--trait);border-radius:999px;padding:5px 10px 5px 8px;white-space:nowrap}
.xa-badge svg{width:16px;height:16px;color:var(--accent-texte)}
.xa-fil{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:18px;overflow:hidden}
.xa-bulle{max-width:84%;padding:11px 14px;border-radius:16px;font-size:15px;line-height:1.45}
.xa-moi{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:6px}
.xa-ia{align-self:flex-start;background:var(--surface-2);border:1px solid var(--trait);border-bottom-left-radius:6px}
.xa-ia .xa-m{display:inline-block}
.xa-pense{align-self:flex-start;display:flex;gap:6px;padding:14px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--trait)}
.xa-pense i{width:9px;height:9px;border-radius:50%;background:var(--accent-texte);box-shadow:0 0 10px var(--lueur)}
.xa-choix{align-self:flex-start;display:flex;gap:8px;flex-wrap:wrap}
.xa-choix span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:12px;font-size:13.5px;font-weight:700;border:1px solid var(--trait);background:var(--surface)}
.xa-choix .xa-oui{background:var(--accent);border-color:var(--accent);color:#fff}
.xa-ok{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;border-radius:999px;background:var(--surface);border:1px solid color-mix(in srgb,var(--ok) 50%,var(--trait));font-size:13.5px;font-weight:700}
.xa-ok b{width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center}
.xa-ok svg{width:14px;height:14px}
.xa-saisie{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:8px 8px 8px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--trait);min-height:52px;transition:none}
.xa-saisie.actif{border-color:color-mix(in srgb,var(--accent) 60%,var(--trait));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}
.xa-texte{flex:1;font-size:15px;min-width:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.xa-texte.vide{color:var(--doux)}
.xa-caret{display:inline-block;width:2px;height:1.05em;background:var(--accent);vertical-align:-.15em;margin-left:1px}
.xa-envoi{width:38px;height:38px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;flex:none}
.xa-envoi svg{width:18px;height:18px}
.xa-curseur{position:absolute;left:0;top:0;opacity:0;width:26px;height:26px;z-index:5;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}
.xa-onde{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:2px solid var(--accent-texte);z-index:4;pointer-events:none;opacity:0}
.xa-note{position:absolute;left:0;right:0;bottom:-34px;text-align:center;font-size:13px;color:var(--doux)}
.xa-doc{align-self:flex-start;display:grid;gap:10px;width:88%;padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--trait)}
.xa-doc-tete{display:flex;align-items:center;gap:10px}
.xa-doc-ic{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;color:var(--accent-texte);flex:none}
.xa-doc-ic svg{width:20px;height:20px}
.xa-doc-tete b{display:block;font-size:14.5px}.xa-doc-tete small{display:block;font-size:12.5px;color:var(--doux)}
.xa-doc-prix{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
.xa-doc .xa-choix{align-self:stretch}
section.s.panneau.demo-ia{margin-top:clamp(48px,6vw,80px)}
.vitrine-barre{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-bottom:1px solid var(--trait);background:var(--surface);position:relative;z-index:1}
.vitrine-barre i{width:10px;height:10px;border-radius:10px;background:var(--trait)}
.vitrine-barre span{margin-left:10px;padding:3px 12px;border-radius:999px;background:var(--surface-2);font-size:12px;color:var(--doux);font-weight:600}
.fil2{--fil-sens:h;position:relative;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.fil-ligne{position:absolute;left:calc(100% / var(--n,3) / 2);right:calc(100% / var(--n,3) / 2);top:var(--fil-y,22px);height:2px;border-radius:2px;background:color-mix(in srgb,var(--trait) 80%,transparent);pointer-events:none}
.fil-trace{position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 30%,transparent),var(--accent));transform-origin:left;transform:scaleX(1)}
.fil-tete,.fil-signal{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:14px;background:var(--accent);box-shadow:0 0 18px 6px var(--lueur);opacity:0;pointer-events:none}
.fil-signal{width:8px;height:8px;margin:-4px 0 0 -4px;box-shadow:0 0 12px 4px var(--lueur)}
.noeud{position:relative;display:grid;gap:8px;align-content:start;justify-items:start}
.noeud-point{width:44px;height:44px;border-radius:44px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--trait);color:var(--accent-texte);position:relative;z-index:1;transition:border-color var(--standard) var(--ressort),box-shadow var(--standard) var(--ressort)}
.noeud-point svg{width:20px;height:20px}
.noeud.allume .noeud-point{animation:noeud-eclot .7s var(--ressort-rebond);border-color:color-mix(in srgb,var(--accent) 70%,var(--trait));box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 12%,transparent),0 0 22px -4px var(--lueur)}
.noeud b{font-family:var(--f-titre);font-weight:600;font-size:20px;letter-spacing:-.005em;line-height:1.15}
.noeud span{color:var(--doux);font-size:15px;line-height:1.5}
.fil2.compact .noeud-point{width:36px;height:36px}.fil2.compact{--fil-y:18px}
.fil2.compact .noeud b{font-size:16px}.fil2.compact .noeud span{font-size:13.5px}
.trois .fil2{--n:3;--fil-y:28px}
.trois .noeud-point{width:56px;height:56px}
.trois .noeud-point svg{width:24px;height:24px}
.trois .noeud b{font-size:clamp(26px,2.6vw,34px);font-weight:700}
.plan-sol{position:relative;aspect-ratio:16/11;background-image:linear-gradient(color-mix(in srgb,var(--trait) 55%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--trait) 55%,transparent) 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px}
.piece{position:absolute;border:1.5px solid color-mix(in srgb,var(--doux) 35%,transparent);border-radius:14px;background:color-mix(in srgb,var(--fond) 55%,transparent)}
.piece span{position:absolute;left:12px;top:8px;font-family:var(--f-titre);font-variation-settings:"wdth" 75;font-weight:600;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--doux)}
.piece.suisse{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 5%,transparent)}
.piece.suisse span{color:var(--accent-texte)}
.plan svg.liens{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.plan svg.liens path{fill:none;stroke:color-mix(in srgb,var(--accent) 70%,transparent);stroke-width:2;stroke-linecap:round}
.plan svg.liens circle{fill:var(--accent);filter:drop-shadow(0 0 6px var(--lueur))}
.equipement{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;font:inherit;background:none;border:0;padding:0;cursor:pointer;color:var(--texte);z-index:2}
.equipement i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--trait);color:var(--accent-texte);box-shadow:0 10px 24px -14px rgba(10,20,50,.35);transition:transform var(--vif) var(--ressort),border-color var(--vif) var(--ressort),box-shadow var(--standard) var(--ressort)}
.equipement i svg{width:24px;height:24px}
.equipement b{font-size:13px;font-weight:800;white-space:nowrap;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--surface) 85%,transparent)}
.equipement:hover i,.equipement:focus-visible i{transform:translateY(-3px);border-color:var(--accent)}
.equipement[aria-pressed="true"] i{border-color:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 14%,transparent),0 0 26px -4px var(--lueur)}
.equipement:focus-visible{outline:none}
.equipement:focus-visible i{outline:2px solid var(--accent);outline-offset:3px}
.plan-detail{display:grid;gap:6px;padding:18px 22px;border-top:1px solid var(--trait);background:var(--surface);min-height:118px}
.plan-detail b{font-family:var(--f-titre);font-weight:600;font-size:20px}
.plan-detail p{margin:0;font-size:15px;color:var(--doux)}
.plan-detail p strong{color:var(--texte)}
.plan-detail a{justify-self:start}
.chantier{position:relative;border-radius:20px;background:var(--surface);border:1px solid var(--trait);overflow:hidden;box-shadow:0 50px 100px -40px rgba(10,20,50,.4)}
.chantier-ecran{--pos:55%;position:relative;aspect-ratio:16/9;background:#0B0D12;overflow:hidden;touch-action:pan-y}
.chantier-ecran img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.maquette{position:absolute;inset:0;background:var(--surface);clip-path:inset(0 calc(100% - var(--pos)) 0 0);display:grid;grid-template-rows:auto 1fr auto;gap:5%;padding:4% 5%;background-image:linear-gradient(color-mix(in srgb,var(--trait) 50%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--trait) 50%,transparent) 1px,transparent 1px);background-size:24px 24px}
.maquette i,.maquette b{display:block;border-radius:6px;background:color-mix(in srgb,var(--doux) 22%,transparent)}
.maquette b{background:color-mix(in srgb,var(--accent) 55%,transparent)}
.mq-nav{display:flex;gap:3%;align-items:center}.mq-nav i{height:8px;width:9%}.mq-nav i:first-child{width:14%;margin-right:auto;height:12px}.mq-nav b{height:16px;width:12%}
.mq-heros{display:grid;gap:4%;align-content:center;justify-items:center}.mq-heros .l1{height:18px;width:52%}.mq-heros .l2{height:18px;width:40%}.mq-heros .l3{height:9px;width:46%;margin-top:2%}.mq-heros b{height:22px;width:16%;margin-top:3%}
.mq-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.mq-cartes i{height:48px}
.chantier-poignee{position:absolute;top:50%;left:var(--pos);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:44px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 20%,transparent),0 10px 26px -6px var(--lueur);pointer-events:none;z-index:2}
.chantier-poignee svg{width:20px;height:20px}
.chantier-ecran::after{content:"";position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 14px 2px var(--lueur);z-index:1}
.chantier-lib{position:absolute;top:12px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;z-index:2;font-family:var(--f-titre);font-variation-settings:"wdth" 75;letter-spacing:.07em;text-transform:uppercase}
.chantier-lib.g{left:12px;background:var(--surface-2);color:var(--doux)}.chantier-lib.d{right:12px;background:rgba(0,0,0,.6);color:#fff}
.chantier-curseur{position:absolute;left:0;right:0;top:36px;width:100%;height:calc(100% - 36px - 41px);margin:0;opacity:0;cursor:ew-resize;z-index:3}
.chantier:has(.chantier-curseur:focus-visible){outline:2px solid var(--accent);outline-offset:4px}
.legende-v2{font-size:13px;color:var(--doux);padding:10px 14px;border-top:1px solid var(--trait)}
.demo-v2{border-radius:22px;background:var(--surface);border:1px solid var(--trait);overflow:hidden;box-shadow:0 50px 100px -40px rgba(10,20,50,.4)}
.demo-scene{display:grid;place-items:center;padding:clamp(16px,2.4vw,28px);min-height:340px;background:radial-gradient(520px circle at 70% 20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%)}
.demo-scene .xa{max-width:460px}
.legende-v2 b{color:var(--texte)}
.telephone-v2{display:grid;justify-items:center;gap:0;border-radius:22px;background:var(--surface);border:1px solid var(--trait);overflow:hidden;padding-top:clamp(20px,3vw,32px);background-image:radial-gradient(480px circle at 50% 10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}
.telephone{position:relative;width:min(280px,70%);aspect-ratio:9/18.5;border-radius:38px;border:8px solid #0B0D12;background:#0B0D12;overflow:hidden;box-shadow:0 40px 80px -30px rgba(10,20,50,.5);margin-bottom:clamp(20px,3vw,28px);transform:rotate(-2deg)}
.telephone img,.telephone video{width:100%;height:100%;object-fit:cover;display:block}
.telephone-legende{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;display:grid;gap:2px}
.telephone-legende b{font-size:13px}.telephone-legende span{font-size:13px;opacity:.9;line-height:1.35}
.telephone-vide{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:4px;color:#fff}
.telephone-v2 .legende-v2{width:100%}
.liens-v2{display:grid;gap:8px;justify-items:start}
.filtres-v2{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(32px,4vw,48px)}
.filtres-v2 button{font:inherit;font-size:14.5px;font-weight:700;padding:9px 16px;border-radius:999px;border:1px solid var(--trait);background:var(--surface);color:var(--texte);cursor:pointer;transition:background var(--vif) var(--ressort),border-color var(--vif) var(--ressort),color var(--vif) var(--ressort)}
.filtres-v2 button:hover{border-color:var(--accent)}
.filtres-v2 button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.xa-flux{display:flex;flex-direction:column;gap:12px}
.xa-accueil{flex:none}
.vitrine-barre span{color:color-mix(in srgb,var(--texte) 30%,var(--doux))}
.seg span,.chantier-lib.g{color:color-mix(in srgb,var(--texte) 30%,var(--doux))}
/* Scènes interactives : plaque sombre à cheval sur le héros, dans les deux sens de lecture. */
.scene-bloc{position:relative;z-index:5;margin-top:clamp(-96px,-7vw,-56px);padding-bottom:clamp(40px,5vw,64px)}
.scene-plaque{--fond:#07090E;--surface:#10141C;--surface-2:#171C27;--trait:#2A3243;--texte:#EEF1F7;--doux:#A3ACBD;--accent:#2F6BFF;--accent-texte:#8FB0FF;--lueur:rgba(47,107,255,.55);--verre:rgba(16,20,28,.66);--vif:400ms;--standard:550ms;--f-titre:var(--f-t);--f-mono:ui-monospace,monospace;--ok:#3DD68C;--succes:#3DD68C;--plaque:#121823;color:var(--texte);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(20px,3.2vw,44px);border-radius:24px;background:radial-gradient(70% 90% at 80% 0,rgba(47,107,255,.14),transparent),#0B0E15;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 40px 80px -32px rgba(7,9,14,.55)}
.scene-texte .titre{font-size:clamp(28px,3vw,44px)}
.scene-texte p{margin-top:14px;color:var(--doux);font-size:var(--t4);line-height:1.5}
.scene-demo{min-width:0}
.scene-choix{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.scene-choix button,.filtres-v2 button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--trait);background:transparent;color:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:background-color 400ms var(--ressort),border-color 400ms var(--ressort),transform 100ms var(--ressort)}
.scene-choix button:active,.filtres-v2 button:active,.scene-action:active{transform:scale(.97)}
.scene-choix button[aria-pressed="true"],.filtres-v2 button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.scene-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--trait);background:var(--surface-2);color:var(--texte);font-weight:650;font-size:14px;cursor:pointer;white-space:nowrap;transition:border-color 400ms var(--ressort),transform 100ms var(--ressort)}
.scene-action:disabled{opacity:.55;cursor:default}
@media (hover:hover){.scene-action:not(:disabled):hover{border-color:var(--accent)}.scene-choix button[aria-pressed="false"]:hover{border-color:var(--accent-texte)}}
.plan-bas{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}
.plan svg.liens path.actif{stroke:#8FB0FF;stroke-width:2.5;opacity:1;filter:drop-shadow(0 0 5px rgba(47,107,255,.9))}
.plan svg.liens .bille{fill:#fff;filter:drop-shadow(0 0 8px #8FB0FF)}
.plan-detail b{display:block;font-size:16px}
.plan-detail p{margin-top:6px;font-size:14px;line-height:1.5;color:var(--doux)}
.plan-detail strong{color:var(--texte)}
.plan-detail .lien{color:var(--accent-texte);min-height:0}
.volets .plan-detail{margin-top:18px;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--trait)}
.noeud-bouton{display:grid;justify-items:center;gap:8px;width:100%;padding:6px;border:0;border-radius:12px;background:none;color:inherit;font:inherit;font-weight:700;text-align:center;cursor:pointer}
.noeud-bouton[aria-pressed="true"] .noeud-point{background:var(--accent);color:#fff;box-shadow:0 0 22px var(--lueur)}
.echelle .ordres{display:flex;gap:4px}
.ordre{min-width:0;padding:14px;border:1px solid var(--trait);border-radius:12px;background:var(--surface);color:var(--texte);text-align:left;cursor:pointer;transition:background-color 400ms var(--ressort),border-color 400ms var(--ressort)}
.ordre b{display:block;font-size:15px;line-height:1.2}
.ordre small{display:block;margin-top:6px;font-family:var(--f-t);font-weight:600;font-size:clamp(17px,1.6vw,22px);color:var(--accent-texte);font-variant-numeric:tabular-nums}
.ordre[aria-pressed="true"]{border-color:var(--accent);background:rgba(47,107,255,.2)}
.ordre-detail{margin-top:14px;font-weight:600;line-height:1.45}
.ordre-note{margin-top:6px;font-size:14px;color:var(--doux)}
.telephone-v2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;align-items:center;margin:0}
.telephone{position:relative}
.telephone-ouvrir{position:absolute;inset:0;z-index:2;border:0;background:none;cursor:pointer;border-radius:inherit}
.vignettes{display:grid;gap:8px}
.vignette{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:6px;border:1px solid var(--trait);border-radius:12px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:600;line-height:1.3;text-align:left;cursor:pointer;transition:border-color 400ms var(--ressort),background-color 400ms var(--ressort)}
.vignette img{width:44px;height:64px;object-fit:cover;border-radius:6px}
.vignette[aria-pressed="true"]{border-color:var(--accent);background:rgba(47,107,255,.14)}
.filtres-v2{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:24px;--trait:#C9CAD3}
.filtre-compte{margin-left:8px;font-size:var(--t6);color:var(--doux)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[hidden]{display:none!important}
@media (max-width:820px){
  .scene-plaque{grid-template-columns:1fr;padding:18px}
  .plan-bas{grid-template-columns:1fr}.scene-action{width:100%;justify-content:center}
  .plan-sol{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background-image:none}
  .piece,.plan svg.liens{display:none}
  .equipement{position:static;transform:none;grid-template-columns:40px 1fr;justify-items:start;align-items:center;gap:10px;padding:7px;border-radius:14px}
  .equipement i{width:40px;height:40px;border-radius:12px;box-shadow:none}
  .equipement i svg{width:20px;height:20px}
  .equipement b{background:none;padding:0;font-size:13.5px;white-space:normal;line-height:1.2}
  .equipement[aria-pressed="true"]{border-color:var(--accent)}
  .fil2{grid-template-columns:1fr;gap:22px}
  .fil-trace{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,transparent),var(--accent));transform-origin:top}
  .noeud{grid-template-columns:var(--pt,44px) 1fr;column-gap:16px;align-items:start;text-align:left}
  .noeud-point{grid-row:span 2}
  .noeud-bouton{grid-template-columns:var(--pt,44px) 1fr;grid-column:1/-1;justify-items:start;text-align:left;column-gap:16px;align-items:center}
  .echelle .ordres{flex-direction:column}
  .telephone-v2{grid-template-columns:1fr}.telephone{max-width:260px;margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){.noeud.allume .noeud-point{animation:none}}
.plan{position:relative;border-radius:16px;border:1px solid var(--trait);background:var(--surface);overflow:hidden}
.plan-bas{padding:0 14px 14px}
.demo-scene>[data-assistant]{width:100%;max-width:460px;margin-inline:auto}
.demo-v2 .scene-choix{margin:0;padding:12px 14px 0}
.demo-scene{min-height:0}
.xa{aspect-ratio:10/12}
.demo-scene .xa{max-width:none}
@media (max-width:820px){
  .demo-scene{padding:8px}
  .xa{aspect-ratio:auto;height:470px}
  .xa-tete{gap:10px;padding:12px 14px}
  .xa-badge{font-size:0;gap:0;padding:6px}.xa-badge svg{width:18px;height:18px}
  .scene-choix button{padding:0 12px}
}

/* ── Plus d'encadré : un seul niveau de cadre, et 3 présentations à comparer ── */
.scene-plaque{background:none;box-shadow:none;border-radius:0;padding:0}
.plan{border:0;background:none;border-radius:0;overflow:visible}
.plan-sol{background:none;background-image:none;border:0}
.piece{border:0;border-radius:18px;background:rgba(255,255,255,.035)}
.piece.suisse{background:rgba(47,107,255,.09)}
.plan-bas{padding:0;margin-top:18px;border:0}
.plan-detail{border:0;background:none;padding:0}
.volets .plan-detail{background:none;border:0;padding:0;align-content:start}
.demo-v2{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible}
.demo-scene{background:none;padding:0}
.demo-v2 .scene-choix{padding:0;margin:0 0 14px}
.chantier{border:0;background:none;box-shadow:none;border-radius:0;overflow:visible;margin:0}
.chantier .vitrine-barre{display:none}
.chantier-ecran{border-radius:16px;overflow:hidden;box-shadow:0 40px 70px -32px rgba(0,0,0,.75)}
.chantier .legende-v2{border:0;background:none;padding:12px 0 0}
.ordre{border-width:0;background:rgba(255,255,255,.07)}
.ordre[aria-pressed="true"]{background:var(--accent)}
.ordre[aria-pressed="true"] small{color:#fff}
.vignette{border:0;background:rgba(255,255,255,.06)}
.vignette[aria-pressed="true"]{background:rgba(47,107,255,.32)}

/* 1. Le héros continue, l'élément flotte, la brume referme. */

/* 2. À plat : fond de page, sans rien autour. */
html[data-scene="clair"] .scene-bloc{margin-top:0;padding-block:clamp(48px,6vw,88px)}
html[data-scene="clair"] .scene-plaque{--fond:#F5F5F7;--surface:#FFFFFF;--surface-2:#ECECEF;--trait:#D9D9E0;--texte:#1D1D1F;--doux:#5F5F66;--accent:#1F5EFF;--accent-texte:#1F5EFF;--lueur:rgba(31,94,255,.35);--verre:rgba(255,255,255,.86);--plaque:#FFFFFF;--ok:#1C8A4E;--succes:#1C8A4E}
html[data-scene="clair"] .piece{background:#ECECF1}
html[data-scene="clair"] .piece.suisse{background:rgba(31,94,255,.08)}
html[data-scene="clair"] .plan svg.liens path.actif{stroke:#1F5EFF;filter:none}
html[data-scene="clair"] .plan svg.liens .bille{fill:#1F5EFF;filter:none}
html[data-scene="clair"] .ordre,html[data-scene="clair"] .vignette{background:#ECECF1}
html[data-scene="clair"] .vignette[aria-pressed="true"]{background:rgba(31,94,255,.14)}
html[data-scene="clair"] .ordre[aria-pressed="true"]{background:#1F5EFF;color:#fff}
html[data-scene="clair"] .scene-action{background:#fff}

/* 3. Bande bord à bord : même langage que le bloc des prix de l'accueil. */
.demo-v2 .scene-choix{justify-content:center}
.telephone-v2{background:none;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible}