/* ADMINOR v2 — identité « brutalisme technique / néo-futurisme ». Tokens : voir DESIGN.md */
@font-face{font-family:"Archivo Black";font-weight:400;font-display:swap;src:url(/assets/fonts/archivo-black-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo Black";font-weight:400;font-display:swap;src:url(/assets/fonts/archivo-black-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-weight:300 700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-weight:300 700;font-display:swap;src:url(/assets/fonts/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --tangerine:#FF5A1F;--terracotta:#D9541E;--braise:#FF8A3D;
  --bordeaux:#5A1A1E;--brun:#2B140F;
  --nuit:#0E0D0C;--anthracite:#1C1A19;--graphite:#2E2A27;
  --creme:#EFE6D6;--os:#F7F2E8;--bois:#C9A57A;--bois-clair:#E3CBA6;--marine:#1B3A6B;
  --display:"Archivo Black","JetBrains Mono",Impact,sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--text:"Space Grotesk",system-ui,sans-serif;
  --pad:clamp(20px,4vw,56px);
  --t-micro:120ms;--t-ui:240ms;--t-in:480ms;--t-scene:960ms;
  --out:cubic-bezier(.2,.8,.2,1);--swap:cubic-bezier(.7,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%;background:var(--nuit)}
body{margin:0;color:var(--creme);font:400 clamp(16px,1.2vw,19px)/1.5 var(--text);overflow-x:hidden}
img,svg,canvas{display:block;max-width:100%}
a{color:var(--tangerine);text-underline-offset:4px}
a:hover{color:var(--braise)}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0 0 1em}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--tangerine);outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-80px;z-index:200;background:var(--tangerine);color:var(--nuit);padding:.7rem 1rem;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.skip:focus{top:12px}
.mono{font:400 13px/1.8 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bois-clair)}
.mono b{font-weight:400;color:var(--tangerine)}
.wrap{padding-inline:var(--pad);max-width:1600px;margin-inline:auto}

/* ---------- Calques de fond ---------- */
.bg{position:fixed;inset:0;z-index:-4;background:radial-gradient(ellipse at var(--bx,72%) var(--by,38%),var(--c1,#5A1A1E) 0%,var(--brun) 34%,var(--nuit) 72%)}
#glow{position:fixed;left:0;top:0;z-index:-3;width:min(900px,130vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,90,31,.5) 0%,rgba(255,90,31,.26) 28%,rgba(217,84,30,.08) 50%,transparent 68%);pointer-events:none;transform:translate3d(72vw,40vh,0) translate(-50%,-50%);opacity:.85}
#scene{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity var(--t-scene) var(--out)}
.gl #scene{opacity:1}
body::after{content:"";position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main,footer{position:relative;z-index:1}

/* ---------- Header ---------- */
.hd{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:22px var(--pad);background:linear-gradient(var(--nuit) 0,rgba(14,13,12,.85) 55%,transparent)}
.logo{display:flex;align-items:center;gap:12px;color:var(--creme);text-decoration:none;font:400 20px/1 var(--display);letter-spacing:.02em}
.logo:hover{color:var(--creme)}
.logo svg{width:30px;height:30px}
.nav{display:flex;gap:clamp(20px,3vw,40px)}
.nav a{font:400 13px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--creme);text-decoration:none;padding:10px 0;transition:color var(--t-micro)}
.nav a:hover{color:var(--tangerine)}
.nav a.cta{color:var(--tangerine)}
.burger{display:none;background:none;border:1px solid var(--graphite);color:var(--creme);width:46px;height:46px;cursor:pointer;font:400 12px var(--mono)}
.burger span{display:block;width:20px;height:2px;background:currentColor;margin:5px auto;transition:transform var(--t-ui) var(--swap),opacity var(--t-ui)}
.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:14px 26px;border:1.5px solid var(--creme);background:transparent;color:var(--creme);font:500 13px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background var(--t-ui) var(--out),color var(--t-ui),transform var(--t-ui) var(--out),border-color var(--t-ui)}
.btn:hover{color:var(--nuit);background:var(--creme)}
.btn:active{transform:translateY(1px)}
.btn.pri{background:var(--tangerine);border-color:var(--tangerine);color:var(--nuit)}
.btn.pri:hover{background:var(--braise);border-color:var(--braise);color:var(--nuit)}
.btn[disabled]{opacity:.5;cursor:wait}

/* ---------- Hero ---------- */
.hero{min-height:100svh;padding:clamp(96px,14vh,140px) var(--pad) clamp(28px,5vh,44px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto auto;gap:24px;max-width:1600px;margin-inline:auto;position:relative;overflow:clip}
.hero-lead{align-self:center;max-width:34rem}
.hero-lead .lede{font-size:clamp(20px,2vw,28px);line-height:1.25;margin-bottom:1.4rem}
.hero-lead .lede em{font-style:normal;color:var(--tangerine)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.giant{font:400 14vw/.9 var(--display);letter-spacing:-.03em;white-space:nowrap;color:var(--creme);text-transform:uppercase;display:block;width:max-content;transform-origin:left center}
.hero h1{margin:0}
.hero-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.disc-fb{position:absolute;right:clamp(0px,6vw,90px);top:clamp(90px,14vh,150px);width:min(46vw,520px);aspect-ratio:1;z-index:-1;animation:spin 40s linear infinite}
.gl .disc-fb{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.reticle{position:absolute;right:clamp(140px,26vw,420px);top:38%;width:80px;height:80px;opacity:.7}
.coords{text-align:right}

/* ---------- Sections ---------- */
section{position:relative;padding:clamp(72px,11vw,150px) var(--pad);max-width:1600px;margin-inline:auto}
.sec-head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(28px,4vw,56px)}
.sec-head .giant{font-size:12vw}
.lead{max-width:44rem;font-size:clamp(17px,1.5vw,21px)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.eq{border-top:1px solid var(--graphite);padding-top:18px}
.eq .sym{font:400 clamp(40px,5vw,72px)/1 var(--display);color:var(--tangerine);letter-spacing:-.03em;margin-bottom:12px}
.eq h3{font:500 clamp(18px,1.6vw,22px)/1.25 var(--text);margin-bottom:.4em}
.eq p{color:var(--creme);opacity:.8;font-size:.95em;margin:0}

/* Cartes d'offre */
.tile{position:relative;background:linear-gradient(135deg,var(--brun) 0%,var(--bordeaux) 100%);padding:clamp(22px,2.4vw,32px);min-height:340px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' stroke='%23FF5A1F' stroke-width='1.5'%3E%3Cpath d='M16 0v11M16 21v11M0 16h11M21 16h11'/%3E%3Ccircle cx='16' cy='16' r='4'/%3E%3C/svg%3E") 16 16,crosshair}
.tile::before{content:"";position:absolute;inset:10px;pointer-events:none;background:
 linear-gradient(var(--tangerine),var(--tangerine)) 0 0/22px 2px no-repeat,linear-gradient(var(--tangerine),var(--tangerine)) 0 0/2px 22px no-repeat,
 linear-gradient(var(--tangerine),var(--tangerine)) 100% 0/22px 2px no-repeat,linear-gradient(var(--tangerine),var(--tangerine)) 100% 0/2px 22px no-repeat,
 linear-gradient(var(--tangerine),var(--tangerine)) 0 100%/22px 2px no-repeat,linear-gradient(var(--tangerine),var(--tangerine)) 0 100%/2px 22px no-repeat,
 linear-gradient(var(--tangerine),var(--tangerine)) 100% 100%/22px 2px no-repeat,linear-gradient(var(--tangerine),var(--tangerine)) 100% 100%/2px 22px no-repeat}
.tile.cream{background:var(--creme);color:var(--nuit)}
.tile.cream .mono{color:var(--terracotta)}
.tile.cream::before{opacity:.0}
.tile .ref{font:400 13px/1.6 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bois-clair);display:flex;justify-content:space-between;gap:8px}
.tile .ref b{font-weight:400;color:var(--tangerine)}
.price{font:400 clamp(56px,7vw,96px)/.95 var(--display);letter-spacing:-.03em}
.price small{font:400 13px/1.6 var(--mono);letter-spacing:.16em;color:var(--bois-clair);display:block;margin-top:10px;text-transform:uppercase}
.tile ul{font-size:.95em;display:grid;gap:6px;margin-top:10px}
.tile li::before{content:"— ";color:var(--tangerine)}
.tile .btn{align-self:stretch}
.tile.reco{outline:2px solid var(--tangerine);outline-offset:-2px}
.micro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid var(--graphite);padding-top:20px;margin-top:20px}
.micro div{font:400 13px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bois-clair)}
.micro strong{display:block;font:400 clamp(30px,3.6vw,52px)/1 var(--display);color:var(--tangerine);letter-spacing:-.02em;margin-bottom:6px}
.split{display:grid;grid-template-columns:5fr 4fr;gap:20px}
.stack{display:flex;flex-direction:column;gap:20px}
.note{max-width:44rem;color:var(--creme);opacity:.75;font-size:.92em;margin-top:24px}

/* Bandeau typo */
.strip{overflow:hidden;border-block:1px solid var(--graphite);padding:14px 0;margin-block:clamp(24px,4vw,56px)}
.strip-track{display:flex;width:max-content;will-change:transform;font:400 clamp(56px,9vw,120px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap}
.strip-track span{padding-right:.5em}
.strip-track i{font-style:normal;color:var(--tangerine)}

/* Process */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.step{border-top:2px solid var(--tangerine);padding-top:16px}
.step .mono{margin-bottom:10px;display:block}
.step h3{font:400 clamp(24px,2.4vw,34px)/1 var(--display);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:12px}
.step p{opacity:.8;font-size:.95em;margin:0}

/* Cartes dessin technique */
.blue{border:1px solid var(--graphite);background:var(--anthracite);position:relative;padding:28px;display:flex;align-items:center;justify-content:center;min-height:260px}
.blue .cap{position:absolute;left:14px;top:12px}
.blue .cap2{position:absolute;right:14px;bottom:12px}

/* Rendez-vous & formulaires */
.book{display:grid;grid-template-columns:5fr 6fr;gap:clamp(20px,3vw,48px);align-items:start}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{padding:0;margin-bottom:14px}
.choices{display:grid;gap:8px}
.choice{position:relative}
.choice input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}
.choice label{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;border:1px solid var(--graphite);background:var(--anthracite);cursor:pointer;transition:border-color var(--t-ui),background var(--t-ui);font-size:.98em}
.choice label span:last-child{font:400 13px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bois-clair);white-space:nowrap}
.choice input:checked+label{border-color:var(--tangerine);background:var(--brun)}
.choice input:focus-visible+label{outline:2px solid var(--tangerine);outline-offset:3px}
.recap{font:500 13px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tangerine);margin-bottom:12px}
.cal{min-height:420px;border:1px dashed var(--bois);display:grid;place-items:center;text-align:center;padding:24px;background:rgba(28,26,25,.6)}
.cal.loaded{display:block;padding:0;border-style:solid;border-color:var(--graphite);background:#fff}
.cal iframe{width:100%;height:700px;border:0}
.cal p{max-width:30rem}
form{display:grid;gap:16px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label.f{display:grid;gap:8px;font:400 13px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--bois-clair)}
input,select,textarea{font:400 16px/1.4 var(--text);letter-spacing:0;text-transform:none;color:var(--creme);background:var(--anthracite);border:1px solid var(--graphite);padding:14px 16px;width:100%;min-height:48px;border-radius:0}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tangerine) 50%),linear-gradient(135deg,var(--tangerine) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat}
textarea{min-height:150px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--tangerine);outline-offset:0;border-color:var(--tangerine)}
.check{display:flex;gap:12px;align-items:flex-start;font:400 14px/1.5 var(--text)!important;letter-spacing:0!important;text-transform:none!important;color:var(--creme)!important;opacity:.85}
.check input{width:22px;height:22px;min-height:22px;padding:0;flex:none;margin-top:2px;accent-color:var(--tangerine);appearance:auto}
.hp{position:absolute;left:-9999px}
.status{min-height:1.6em;font:500 13px/1.5 var(--mono);letter-spacing:.06em}
.status.ok{color:#7fd6a4}.status.err{color:#ff9c85}
.contact{display:grid;grid-template-columns:4fr 6fr;gap:clamp(24px,4vw,64px)}
.contact ul{display:grid;gap:12px;margin-top:24px;font:400 13px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.contact a{color:var(--creme)}
.contact a:hover{color:var(--tangerine)}

/* FAQ */
.faq{max-width:60rem}
.faq details{border-top:1px solid var(--graphite)}
.faq details:last-child{border-bottom:1px solid var(--graphite)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font:500 clamp(17px,1.5vw,21px)/1.3 var(--text)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 24px/1 var(--mono);color:var(--tangerine)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 22px;opacity:.82;max-width:48rem;margin:0}

/* Footer */
.ft{padding:clamp(56px,8vw,110px) var(--pad) 32px;max-width:1600px;margin-inline:auto}
.ft .giant{font-size:19vw;opacity:.95;margin-bottom:28px}
.ft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid var(--graphite);padding-top:24px}
.ft-grid a{color:var(--creme);text-decoration:none}
.ft-grid a:hover{color:var(--tangerine)}
.ft-grid ul{display:grid;gap:4px}
.linkbtn{background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--creme);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.linkbtn:hover{color:var(--tangerine)}
.ft-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px}

/* Badge de scroll */
.badge{position:fixed;left:50%;bottom:20px;z-index:90;width:72px;height:72px;transform:translateX(-50%);display:grid;place-items:center;pointer-events:none;border-radius:50%;background:rgba(14,13,12,.88);transition:opacity var(--t-in) var(--out)}
.badge.off{opacity:0}
.badge svg{position:absolute;inset:0;animation:spin 20s linear reverse infinite}
.badge span{font:400 14px/1 var(--mono);color:var(--tangerine);animation:bob 2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(5px)}}

/* Cookies */
.cookie{position:fixed;z-index:180;left:var(--pad);right:var(--pad);bottom:16px;max-width:640px;background:var(--anthracite);border:1px solid var(--graphite);border-left:3px solid var(--tangerine);padding:20px 22px;font-size:15px}
.cookie[hidden]{display:none}
.cookie p{margin:0 0 14px}
.cookie .btn{min-height:44px;padding:12px 20px}

/* Pages légales / 404 */
.doc{padding:clamp(110px,16vh,160px) var(--pad) 80px;max-width:900px;margin:0 auto}
.doc h1{font:400 clamp(36px,6vw,72px)/.95 var(--display);letter-spacing:-.03em;text-transform:uppercase;margin-bottom:20px}
.doc h2{font:400 clamp(20px,2.2vw,28px)/1.1 var(--display);letter-spacing:-.02em;text-transform:uppercase;color:var(--tangerine);margin:2.2em 0 .6em}
.doc table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:.95em}
.doc th,.doc td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--graphite);vertical-align:top}
.doc th{font:400 13px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bois);width:34%}
.doc ul{list-style:disc;padding-left:1.2em;margin-bottom:1em}
.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:120px var(--pad) 60px}
.nf .giant{font-size:min(36vw,340px);color:var(--tangerine);margin:0 auto}
.nf .cta-row{justify-content:center;margin-top:24px}

/* Révélations (blocs et cartes) */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity var(--t-in) var(--out),transform var(--t-in) var(--out)}
.js .rv.in{opacity:1;transform:none}
.kin{will-change:transform}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .grid3,.steps{grid-template-columns:1fr 1fr}
  .split,.book,.contact{grid-template-columns:1fr}
  .micro{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .burger{display:block}
  .nav{position:fixed;inset:0;background:var(--nuit);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:90px var(--pad) 40px;transform:translateY(-100%);visibility:hidden;transition:transform var(--t-in) var(--swap),visibility 0s var(--t-in)}
  .menu-open .nav{transform:none;visibility:visible;transition:transform var(--t-in) var(--swap)}
  .nav a{font:400 clamp(36px,11vw,64px)/1.05 var(--display);letter-spacing:-.02em;padding:6px 0}
  .hd{z-index:120}
  .logo,.burger{position:relative;z-index:130}
  .badge{display:none}
}
@media (max-width:620px){
  .grid3,.steps,.row,.ft-grid{grid-template-columns:1fr}
  .cta-row .btn{width:100%}
  .tile{min-height:0}
  .hero{gap:20px}
  .disc-fb{width:70vw;right:-10vw;opacity:.85}
  .reticle{display:none}
  .choice label{flex-direction:column;align-items:flex-start;gap:4px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .rv{opacity:1;transform:none}
  .kin{transform:none!important}
}

/* ---------- Preuve : exemple avant/après, à propos ---------- */
.plain{display:block;margin-top:10px;font:400 13px/1.5 var(--mono);letter-spacing:.04em;color:var(--bois-clair)}
.ex{display:grid;grid-template-columns:5fr auto 7fr;gap:clamp(16px,3vw,40px);align-items:center}
.before p,.after p{opacity:.85;max-width:34rem}
.files{display:grid;gap:10px;margin:16px 0}
.files li{border:1px dashed var(--bois);padding:12px 16px;font:400 14px/1.3 var(--mono);color:var(--creme);background:rgba(28,26,25,.7)}
.files li:nth-child(odd){transform:rotate(-1deg)}.files li:nth-child(even){transform:rotate(.8deg) translateX(10px)}
.arrow{font:400 clamp(40px,5vw,72px)/1 var(--display);color:var(--tangerine)}
.dash{margin:16px 0 0;background:var(--anthracite);border:1px solid var(--graphite);padding:16px;display:grid;gap:14px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.dash-top{display:flex;align-items:center;gap:6px;font:400 13px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bois-clair)}
.dash-top i{width:9px;height:9px;border-radius:50%;background:var(--graphite)}
.dash-top span{margin-left:10px}
.dash-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dash-kpis div{background:var(--brun);padding:12px}
.dash-kpis small{display:block;font:400 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bois-clair);margin-bottom:6px}
.dash-kpis b{font:400 clamp(22px,2.6vw,34px)/1 var(--display);letter-spacing:-.02em;color:var(--creme)}
.dash-chart{display:flex;align-items:flex-end;gap:10px;height:120px;padding:10px;background:rgba(255,255,255,.03)}
.dash-chart b{flex:1;background:linear-gradient(180deg,var(--braise),var(--tangerine))}
.dash-rows{display:grid;gap:6px}
.dash-rows li{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-top:1px solid var(--graphite);font-size:14px}
.dash-rows em{font:400 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--tangerine)}
.dash-rows em.ok{color:#7fd6a4}
.cap-ex{margin-top:12px;font-size:12px}
.about{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,64px);align-items:center}
.portrait{min-height:380px;background:linear-gradient(135deg,var(--brun),var(--bordeaux))}
.mono-kk{font:400 clamp(90px,12vw,170px)/1 var(--display);letter-spacing:-.04em;color:var(--tangerine);text-align:center}
.pledges{display:grid;gap:10px;margin:0 0 24px}
.pledges li{padding-left:26px;position:relative}
.pledges li::before{content:"[+]";position:absolute;left:0;font:400 13px/1.7 var(--mono);color:var(--tangerine)}
.pledges b{font-weight:500;color:var(--creme)}
@media (max-width:1000px){.ex{grid-template-columns:1fr}.arrow{transform:rotate(90deg);width:max-content}.about{grid-template-columns:1fr}.portrait{min-height:240px}}
@media (max-width:620px){.dash-kpis{grid-template-columns:1fr}.files li{font-size:13px}}

/* Corrections audit : zones tactiles, bandeau cookies compact, disque plus discret sur mobile */
.check{min-height:44px;align-items:center}
.check input{width:24px;height:24px}
.linkbtn,.ft a,.cookie a{display:inline-block;padding-block:11px}
.cookie a{padding-block:0;display:inline}
@media (max-width:620px){
  .cookie{padding:14px 16px;font-size:13px;bottom:10px}
  .cookie p{margin:0 0 10px}
  .cookie .cta-row{display:flex;flex-direction:row;gap:8px}
  .cookie .cta-row .btn{width:auto;flex:1;min-height:44px;padding:10px 12px}
  .disc-fb{opacity:.4}
}

/* Exemple avant/après intégré à PilotBoard */
.ex-wrap{margin:0 0 clamp(28px,4vw,48px)}
.ex-title{font:500 clamp(20px,2.4vw,28px)/1.2 var(--text);letter-spacing:-0.01em;margin:0 0 20px;max-width:40rem}
@media (max-width:760px){.ex-wrap .before p,.ex-wrap .dash-chart,.ex-wrap .dash-rows{display:none}.ex-wrap .arrow{display:none}.ex-wrap .ex{gap:16px}}