/* Vitrine Neuve — nuit d'atelier, laiton, plâtre. Un seul grand moment : la rénovation au défilement. */
:root{
  --nuit:#0D1626;--nuit-2:#14223B;--nuit-3:#1C2D4B;
  --laiton:#D9AE62;--laiton-vif:#ECC985;--laiton-texte:#87642B;
  --platre:#F2F1EC;--blanc:#FFFFFF;--encre:#131B28;--ardoise:#566174;--trait:#DAD9D1;
  --titres:"Bricolage Grotesque",system-ui,sans-serif;
  --texte:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ombre-appareil:0 40px 80px -30px rgba(0,0,0,.55),0 18px 36px -18px rgba(0,0,0,.4);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--blanc);color:var(--encre);font:1.125rem/1.6 var(--texte);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--titres);font-optical-sizing:auto;line-height:1;letter-spacing:-.025em;margin:0 0 .55em;text-wrap:balance}
h1{font-size:clamp(2.8rem,7vw,6.2rem);font-weight:800}
h2{font-size:clamp(2.1rem,4.6vw,3.9rem);font-weight:800}
h3{font-size:1.45rem;font-weight:700;letter-spacing:-.015em}
p{margin:0 0 1em;max-width:36em}
:focus-visible{outline:3px solid var(--laiton);outline-offset:3px}
.cadre{width:min(1200px,100% - 2.5rem);margin-inline:auto}
.aller{position:absolute;left:1rem;top:-5rem;background:var(--blanc);color:var(--encre);padding:.5rem 1rem;z-index:60}
.aller:focus{top:1rem}

.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--nuit);color:var(--blanc);font:700 1.05rem/1.2 var(--texte);padding:1.05rem 1.6rem;border-radius:12px;text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:var(--nuit-3);transform:translateY(-1px)}
.btn-laiton{background:var(--laiton);color:var(--nuit)}
.btn-laiton:hover{background:var(--laiton-vif)}
.btn-petit{padding:.65rem 1.05rem;font-size:.95rem;border-radius:10px}
.lien-clair{color:var(--blanc);font-weight:700;text-underline-offset:.3em;text-decoration-color:rgba(255,255,255,.4)}
.lien-clair:hover{text-decoration-color:var(--laiton)}

/* En-tête */
.tete{position:sticky;top:0;z-index:40;background:rgba(13,22,38,.82);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);color:var(--blanc);border-bottom:1px solid rgba(255,255,255,.08)}
.tete .cadre{display:flex;align-items:center;gap:1.5rem;min-height:4.3rem}
.marque{display:flex;align-items:center;gap:.65rem;font:800 1.3rem var(--titres);color:var(--blanc);text-decoration:none;letter-spacing:-.02em;white-space:nowrap;margin-right:auto}
.marque-signe{width:1.55rem;height:1.55rem;border-radius:6px;background:linear-gradient(90deg,#6B7486 0 50%,var(--laiton) 50%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.tete-liens{display:flex;gap:1.6rem;font-size:.98rem}
.tete-liens a{text-decoration:none;opacity:.82}
.tete-liens a:hover{opacity:1;color:var(--laiton-vif)}
.tete .btn-petit{background:var(--laiton);color:var(--nuit);white-space:nowrap}
.btn-petit .court{display:none}
@media(max-width:820px){.tete-liens{display:none}}
@media(max-width:420px){.btn-petit .long{display:none}.btn-petit .court{display:inline}.marque{font-size:1.12rem}}

/* Appareils dessinés */
.ordi{position:relative}
.ordi-ecran{position:relative;aspect-ratio:16/10;border:clamp(6px,.9vw,11px) solid #161C27;border-bottom-width:clamp(10px,1.4vw,16px);border-radius:16px 16px 0 0;overflow:hidden;background:#fff;container-type:inline-size}
.ordi-ecran>img{width:100%;height:auto}
.ordi-socle{height:clamp(10px,1.3vw,16px);margin:0 -7%;background:linear-gradient(180deg,#D7DAE0,#9EA4AE);border-radius:0 0 18px 18px;box-shadow:inset 0 2px 0 rgba(255,255,255,.6)}
.ordi-socle::after{content:"";display:block;width:16%;height:40%;margin:0 auto;background:rgba(0,0,0,.12);border-radius:0 0 8px 8px}
.tel{position:absolute;aspect-ratio:9/19.5;border:clamp(4px,.55vw,7px) solid #0E1117;border-radius:clamp(18px,2.6vw,32px);overflow:hidden;background:#fff;box-shadow:var(--ombre-appareil)}
.tel-ecran{height:100%;overflow:hidden}
.tel-ecran img{width:100%;height:auto}

/* Ouverture */
.ouverture{position:relative;min-height:calc(100svh - 4.3rem);display:flex;align-items:center;padding:clamp(3rem,7vw,5.5rem) 0 clamp(4rem,8vw,6rem);background:var(--nuit);color:var(--blanc);overflow:hidden;isolation:isolate}
.ouverture-fond{position:absolute;inset:0;z-index:-1}
.ouverture-fond img{width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.75)}
.ouverture-fond::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 18% 40%,rgba(13,22,38,.92),rgba(13,22,38,.55) 60%,rgba(13,22,38,.85)),linear-gradient(180deg,transparent 60%,var(--nuit))}
.ouverture-grille{display:grid;gap:clamp(3rem,6vw,4rem);align-items:center}
@media(min-width:980px){.ouverture-grille{grid-template-columns:1.05fr .95fr}}
.ouverture h1{max-width:9.5em}
.chapo{font-size:clamp(1.15rem,1.7vw,1.35rem);color:rgba(255,255,255,.8);max-width:31em}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;margin:2.2rem 0 1.2rem}
.rassure{font-size:.98rem;color:rgba(255,255,255,.6)}
.appareils{position:relative;padding:0 13% 11% 0;perspective:1800px}
.appareils .ordi{transform:rotateY(-13deg) rotateX(5deg) rotateZ(.6deg);transform-origin:left center;filter:drop-shadow(0 50px 50px rgba(0,0,0,.55))}
.appareils .tel{width:26%;right:0;bottom:0;transform:rotate(5deg)}
/* Le seul enchaînement au chargement : le texte, puis les appareils qui se posent */
@media(prefers-reduced-motion:no-preference){
  .ouverture-texte>*{animation:monte .9s cubic-bezier(.2,.7,.2,1) both}
  .ouverture-texte>:nth-child(2){animation-delay:.12s}
  .ouverture-texte>:nth-child(3){animation-delay:.22s}
  .ouverture-texte>:nth-child(4){animation-delay:.3s}
  .appareils .ordi{animation:pose 1.3s cubic-bezier(.2,.7,.2,1) both .25s}
  .appareils .tel{animation:pose-tel 1.3s cubic-bezier(.2,.7,.2,1) both .55s}
}
@keyframes monte{from{opacity:0;transform:translateY(24px)}}
@keyframes pose{from{opacity:0;transform:rotateY(-30deg) rotateX(12deg) translateY(60px)}}
@keyframes pose-tel{from{opacity:0;transform:rotate(12deg) translateY(90px)}}

/* Rénovation : l'écran se refait sous les yeux, au rythme du défilement */
.renovation{position:relative;height:260vh;background:var(--platre)}
.renovation-colle{position:sticky;top:4.3rem;height:calc(100svh - 4.3rem);display:flex;align-items:center;overflow:hidden}
.renovation-grille{display:grid;gap:clamp(1.5rem,4vw,4rem);align-items:center}
@media(min-width:980px){.renovation-grille{grid-template-columns:.78fr 1.22fr}}
.phases{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:1.1rem}
.phases li{padding-left:1.2rem;border-left:3px solid var(--trait);color:var(--ardoise);opacity:.55;transition:opacity .4s,border-color .4s,color .4s;font-size:1.05rem}
.phases li strong{display:block;color:var(--encre);font-size:1.15rem}
.phases li.actif{opacity:1;border-color:var(--laiton);color:var(--encre)}
.chantier{margin:0;position:relative}
.ordi-grand .ordi-ecran{box-shadow:var(--ombre-appareil)}
.vieux,.neuf{position:absolute;inset:0}
.neuf{clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0)}
.neuf img{width:100%;height:auto}
.rabot{position:absolute;top:0;bottom:0;left:calc(var(--p) * 100%);width:0;z-index:3;pointer-events:none}
.rabot::before{content:"";position:absolute;inset:0 -2px;background:linear-gradient(180deg,var(--laiton-vif),var(--laiton));box-shadow:0 0 18px rgba(217,174,98,.8)}
.rabot span{position:absolute;top:50%;left:0;translate:-50% -50%;width:3rem;height:3rem;border-radius:50%;background:var(--laiton);box-shadow:0 6px 18px rgba(0,0,0,.35),inset 0 0 0 2px var(--nuit)}
.rabot span::before,.rabot span::after{content:"";position:absolute;top:50%;translate:0 -50%;border:6px solid transparent}
.rabot span::before{left:.5rem;border-right-color:var(--nuit)}
.rabot span::after{right:.5rem;border-left-color:var(--nuit)}
.curseur{position:absolute;inset:0 0 auto;width:100%;aspect-ratio:16/10;opacity:0;margin:0;cursor:ew-resize;z-index:4}
.chantier figcaption{margin-top:1.6rem;font-size:.95rem;color:var(--ardoise);text-align:center}
@media(max-width:979px){.renovation{height:220vh}.renovation h2{font-size:clamp(1.7rem,6vw,2.4rem)}.phases{gap:.6rem}.phases li{font-size:.92rem}.phases li strong{font-size:1rem}}
@media(max-width:979px) and (max-height:760px){.phases li:not(.actif){display:none}}

/* L'ancien site, tout ce qui a mal vieilli */
.vieux{background:#D4D0C8 repeating-linear-gradient(45deg,#d9d5cd 0 6px,#cfcbc2 6px 12px);font-family:"Times New Roman",Times,serif;color:#000;text-align:center;font-size:2.1cqi;line-height:1.3}
.v-bandeau{background:#000080;color:#FFFF00;font:bold 3.5cqi/1.25 "Comic Sans MS","Comic Sans",cursive;padding:1.6cqi}
.v-menu{margin:1.2cqi auto;border-collapse:separate;border-spacing:.6cqi}
.v-menu td{background:#C0C0C0;border:.35cqi outset #fff;padding:.5cqi 1.4cqi;color:#00E;text-decoration:underline}
.v-defile{background:#fff;color:#C00;font-weight:bold;white-space:nowrap;overflow:hidden;border-block:1px solid #999;padding:.4cqi 0}
.v-defile span{display:inline-block;padding-left:100%;animation:defile 16s linear infinite}
@keyframes defile{to{transform:translateX(-100%)}}
.v-corps{width:72%;margin:1.6cqi auto;background:#fff;border:1px solid #888;padding:1.4cqi 2cqi;text-align:left}
.v-photo{float:left;width:22cqi;height:15cqi;margin:0 1.6cqi 1cqi 0;background:#bbb;border:1px solid #777;display:grid;place-items:center;font-size:1.5cqi;color:#555}
.v-corps p{margin:0 0 1cqi;max-width:none}
.v-compteur span{background:#000;color:#0f0;font-family:monospace;padding:0 .5cqi}
.v-maj{clear:both;font-size:1.5cqi;color:#666;font-style:italic}

/* Essayez avec votre métier */
.couleurs{background:var(--nuit);color:rgba(255,255,255,.78);padding:clamp(5rem,10vw,8rem) 0}
.couleurs h2,.couleurs .reglage-titre{color:var(--blanc)}
.couleurs-grille{display:grid;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
@media(min-width:980px){.couleurs-grille{grid-template-columns:.8fr 1.2fr}}
.reglage-titre{font-weight:700;margin:1.6rem 0 .6rem}
.pastilles{display:flex;flex-wrap:wrap;gap:.6rem}
.pastilles button,.bascule button{font:inherit;font-size:.98rem;cursor:pointer;border-radius:999px;padding:.55rem 1rem .55rem .55rem;border:2px solid transparent;background:var(--nuit-3);color:var(--blanc);display:inline-flex;align-items:center;gap:.55rem}
.pastilles button::before{content:"";width:1.6rem;height:1.6rem;border-radius:50%;background:var(--c)}
.pastilles button[aria-checked=true]{border-color:var(--laiton)}
.bascule{display:inline-flex;gap:.4rem;background:var(--nuit-3);padding:.3rem;border-radius:999px}
.choix-metier{display:flex;flex-wrap:wrap;gap:.5rem}
.choix-metier button{font:inherit;font-size:.98rem;cursor:pointer;border-radius:999px;padding:.6rem 1.15rem;border:2px solid rgba(255,255,255,.22);background:transparent;color:var(--blanc)}
.choix-metier button:hover{border-color:rgba(255,255,255,.5)}
.choix-metier button[aria-checked=true]{background:var(--laiton);border-color:var(--laiton);color:var(--nuit)}
.pastilles button:hover,.bascule button:not([aria-checked=true]):hover{background:#26395c}
.couleurs .essai{box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.essai [data-champ]{transition:opacity .3s}
.essai.change [data-champ]{opacity:0}
.bascule button{padding:.55rem 1.3rem;box-shadow:none}
.bascule button[aria-checked=true]{background:var(--laiton);color:var(--nuit)}

.essai{--c1:#7a4e2d;--c2:#2e3b32;--c3:#c8893e;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--ombre-appareil);container-type:inline-size;font-family:var(--texte);transition:background .5s}
.essai[data-teinte=ardoise]{--c1:#2c4a6b;--c2:#1c2b3d;--c3:#d9a441}
.essai[data-teinte=foret]{--c1:#2f6b3a;--c2:#1f3d2b;--c3:#8db33a}
.essai[data-teinte=brique]{--c1:#a4432c;--c2:#3a1f1a;--c3:#e0a14a}
.essai-tete{display:flex;align-items:center;gap:3cqi;padding:2.4cqi 4cqi;font-size:1.8cqi;color:#555;border-top:.8cqi solid var(--c1);transition:border-color .5s}
.essai-tete b{font:800 2.6cqi var(--titres);color:#111;margin-right:auto}
.essai-tete i{font-style:normal;background:var(--c3);color:#1a1a1a;border-radius:99px;padding:1cqi 2.2cqi;font-weight:700;transition:background .5s}
.essai-hero{position:relative;height:42cqi;overflow:hidden;transition:all .5s}
.essai-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.2,.7,.2,1)}
.essai-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,color-mix(in srgb,var(--c2) 92%,transparent),color-mix(in srgb,var(--c1) 55%,transparent) 60%,transparent);transition:opacity .5s,background .5s}
.essai-texte{position:absolute;z-index:1;left:4cqi;top:50%;translate:0 -50%;display:grid;gap:1.6cqi;max-width:50cqi;color:#fff;transition:all .5s}
.essai-texte strong{font:800 4.4cqi/1.04 var(--titres);letter-spacing:-.02em;transition:all .5s}
.essai-texte span{font-size:1.9cqi;opacity:.9}
.essai-texte em{font-style:normal;justify-self:start;background:var(--c3);color:#1a1a1a;border-radius:99px;padding:1.2cqi 2.6cqi;font-weight:700;font-size:1.8cqi;transition:all .5s}
.essai-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqi;padding:3.4cqi 4cqi 4cqi;font:700 1.9cqi var(--texte);color:#222}
.essai-cartes div{display:flex;align-items:center;gap:1.4cqi;padding:2.2cqi;border-radius:1.6cqi;background:color-mix(in srgb,var(--c1) 9%,#fff);border-top:.6cqi solid var(--c1);transition:all .5s}
.essai-cartes i{width:3.4cqi;height:3.4cqi;border-radius:50%;background:var(--c1);flex:none;transition:background .5s}
/* Style sobre : photo à droite, fond clair, titres à empattements, angles droits */
.essai[data-style=sobre] .essai-hero{background:color-mix(in srgb,var(--c1) 7%,#fff)}
.essai[data-style=sobre] .essai-hero img{left:56%;top:12%;width:calc(44% - 4cqi);height:76%;border-radius:.4cqi}
.essai[data-style=sobre] .essai-hero::after{opacity:0}
.essai[data-style=sobre] .essai-texte{color:#151515;max-width:46cqi}
.essai[data-style=sobre] .essai-texte strong{font:600 4.2cqi/1.1 Georgia,"Times New Roman",serif;letter-spacing:0}
.essai[data-style=sobre] .essai-texte span{color:#444}
.essai[data-style=sobre] .essai-texte em{border-radius:.4cqi;background:var(--c1);color:#fff}
.essai[data-style=sobre] .essai-tete i{border-radius:.4cqi}
.essai[data-style=sobre] .essai-cartes div{border-radius:.4cqi;background:#fff;border:1px solid #e3e3e3;border-top:1px solid #e3e3e3}

/* Garde / change */
.garde{padding:clamp(5rem,10vw,7.5rem) 0}
.deux{display:grid;gap:clamp(2.5rem,6vw,5rem)}
@media(min-width:820px){.deux{grid-template-columns:1fr 1fr}.deux-inverse>:first-child{order:2}}
.liste{list-style:none;padding:0;margin:0 0 2rem;display:grid;gap:1rem}
.liste li{position:relative;padding-left:2.2rem;font-size:1.15rem}
.liste li::before{content:"";position:absolute;left:0;top:.28em;width:1.25rem;height:1.25rem}
.liste-garde li::before{background:var(--laiton);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,38% 72%)}
.liste-change li::before{border-radius:50%;background:radial-gradient(circle,var(--laiton) 0 35%,transparent 38%);box-shadow:inset 0 0 0 2px var(--encre);width:1.05rem;height:1.05rem;top:.36em}
.garde .liste-garde li::before{background:var(--encre)}

/* Étapes : une vraie suite, reliée par un fil de laiton */
.etapes{background:var(--platre);padding:clamp(5rem,10vw,7.5rem) 0}
.suite{list-style:none;counter-reset:etape;padding:0;margin:3rem 0 0;display:grid;gap:2rem}
@media(min-width:900px){.suite{grid-template-columns:repeat(4,1fr);gap:2.2rem}}
.suite li{counter-increment:etape;position:relative;padding-top:4.6rem}
.suite li::before{content:counter(etape);position:absolute;top:0;left:0;font:800 3.4rem/1 var(--titres);color:var(--laiton-texte)}
.suite li::after{content:"";position:absolute;top:1.7rem;left:3.2rem;right:-2.2rem;height:2px;background:linear-gradient(90deg,var(--laiton),transparent)}
.suite li:last-child::after{display:none}
@media(max-width:899px){.suite li::after{display:none}}
.suite strong{display:block;font:700 1.25rem/1.25 var(--titres);letter-spacing:-.01em;margin-bottom:.45rem}
.suite div{color:var(--ardoise)}
.suite div strong{color:var(--encre)}

/* Éditeur */
.editeur{background:var(--nuit-2);color:#DCE2EA;padding:clamp(5rem,10vw,7.5rem) 0}
.editeur h2{color:var(--blanc)}
.maquette-editeur{border-radius:14px;overflow:hidden;background:#fff;color:var(--encre);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);font-size:.9rem;align-self:center}
.me-barre{display:flex;justify-content:space-between;align-items:center;background:#16181d;color:#fff;padding:.7rem 1rem}
.me-barre b{background:#2f6bff;border-radius:7px;padding:.35rem .9rem}
.me-page{padding:1.5rem 1.5rem 1rem}
.me-titre{font:800 1.45rem/1.15 var(--titres);outline:2px solid #2f6bff;outline-offset:6px;border-radius:2px;margin-bottom:1.3rem}
.me-titre i{display:inline-block;width:2px;height:1.1em;background:var(--encre);vertical-align:-.15em;margin-left:2px;animation:clignote 1.1s steps(1) infinite}
@keyframes clignote{50%{opacity:0}}
.me-ligne{height:.55rem;border-radius:4px;background:#E2E5EA;margin:.5rem 0}
.me-ligne.courte{width:62%}
.me-photo{position:relative;margin-top:1.1rem;height:9rem;border-radius:10px;overflow:hidden;outline:2px dashed rgba(47,107,255,.8);outline-offset:3px}
.me-photo img{width:100%;height:100%;object-fit:cover}
.me-photo span{position:absolute;left:50%;top:50%;translate:-50% -50%;background:rgba(0,0,0,.65);color:#fff;font-size:.8rem;padding:.35rem .7rem;border-radius:6px;white-space:nowrap}
.me-outils{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;background:#16181d;padding:.65rem;margin:1rem .9rem .9rem;border-radius:12px}
.me-outils span{color:#fff;background:#262a32;border:1px solid #3a3f4a;border-radius:7px;padding:.32rem .65rem;font-size:.8rem}
.me-outils .rouge{background:#7a1c17;border-color:#9b2a23}

/* Prix */
.prix{padding:clamp(5rem,10vw,8rem) 0}
.offre{display:grid;gap:2.5rem;margin-top:2.5rem;padding:clamp(1.8rem,5vw,3.2rem);border-radius:22px;background:var(--platre);max-width:68rem}
@media(min-width:880px){.offre{grid-template-columns:1fr 1fr;align-items:center}}
.montant{display:flex;align-items:baseline;gap:.6rem;margin:0;max-width:none}
.chiffre{font:800 clamp(4.5rem,11vw,8rem)/.9 var(--titres);letter-spacing:-.05em;color:var(--encre);background:linear-gradient(transparent 70%,var(--laiton) 70% 90%,transparent 90%);padding:0 .05em}
.unite{font:700 1.2rem var(--titres);color:var(--ardoise)}
.montant-doux .chiffre{font-size:clamp(2.6rem,6vw,3.8rem);background:none}
.montant-legende{color:var(--ardoise);margin:.6rem 0 1.8rem}
.note{color:var(--ardoise);font-size:1rem;margin-top:1.6rem}
.prix .note{max-width:68rem}   /* même largeur que l'encadré du prix */

/* Questions */
.questions{background:var(--platre);padding:clamp(5rem,10vw,7.5rem) 0}
details{border-top:1px solid var(--trait)}   /* toute la largeur, comme les autres blocs */
details:last-of-type{border-bottom:1px solid var(--trait)}
summary{cursor:pointer;font:700 1.2rem/1.35 var(--titres);letter-spacing:-.01em;padding:1.35rem 3rem 1.35rem 0;list-style:none;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.4rem;top:50%;translate:0 -50%;font:700 1.8rem var(--titres);color:var(--laiton-texte);transition:rotate .25s}
details[open] summary::after{rotate:45deg}
details p{padding-bottom:1.2rem;color:var(--ardoise);max-width:none}

/* Demande */
.demande{position:relative;background:var(--nuit);color:var(--blanc);padding:clamp(5rem,10vw,8rem) 0;overflow:hidden;isolation:isolate}
.demande-fond{position:absolute;inset:0;z-index:-1}
.demande-fond img{width:100%;height:100%;object-fit:cover;opacity:.18}
.demande-fond::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--nuit) 30%,rgba(13,22,38,.6))}
.demande .deux{align-items:center}
.demande-texte p{color:rgba(255,255,255,.78);font-size:1.15rem}
.demande .note{color:rgba(255,255,255,.55);font-size:.98rem}
.formulaire{display:grid;gap:1.05rem;background:var(--blanc);color:var(--encre);padding:clamp(1.5rem,3.5vw,2.4rem);border-radius:20px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.formulaire label{display:grid;gap:.4rem;font-weight:700;font-size:1rem}
.formulaire input{font:inherit;font-weight:400;padding:.9rem 1rem;border:1.5px solid var(--trait);border-radius:11px;background:#FBFBF9;color:var(--encre);width:100%}
.formulaire input:focus{border-color:var(--laiton-texte);outline:none;box-shadow:0 0 0 4px rgba(217,174,98,.3)}
.facultatif{font-weight:400;color:var(--ardoise)}
.deux-champs{display:grid;gap:1.05rem}
@media(min-width:560px){.deux-champs{grid-template-columns:1fr 1fr}}
.piege{position:absolute;left:-9999px}
.formulaire .btn{margin-top:.3rem}
.etat{margin:0;font-weight:700}
.etat.ok{color:#1d6b38}.etat.erreur{color:#b3261e}

/* Pied */
.pied{background:#09101C;color:rgba(255,255,255,.62);padding:2.6rem 0;font-size:.95rem}
.pied a{color:rgba(255,255,255,.85);margin-right:1.2rem}
.pied p{max-width:none}
.credit{font-size:.85rem;opacity:.7}

/* Pages légales (même en-tête et même pied) */
.legal{padding:3.5rem 0 5rem}
.legal h1{font-size:clamp(2.2rem,5vw,3.4rem)}
.legal h2{font-size:1.45rem;margin-top:2.2rem}
.legal a{color:var(--laiton-texte)}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .v-defile span,.me-titre i{animation:none}
  .v-defile span{padding-left:0}
  .phases li,.essai,.essai *{transition:none}
  .essai.change [data-champ]{opacity:1}
}

/* Captures de contrôle uniquement (?capture) */
.capture .renovation{height:auto}
.capture .renovation-colle{position:static;height:auto;padding:6rem 0}
.capture .ouverture{min-height:900px}