:root{--bg:#02050a;--bg2:#070d14;--fg:#e6f1f5;--mut:#8fa6b1;--cy:#22e5ff;--gr:#39ff88;--au:#e8b85a;--line:rgba(120,200,220,.16);--glass:rgba(10,20,30,.55);--mono:ui-monospace,"JetBrains Mono","SF Mono",Menlo,Consolas,"DejaVu Sans Mono",monospace;--sans:Inter,"SF Pro Display","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--cy);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--au);outline-offset:3px;border-radius:4px}
::selection{background:var(--cy);color:#00131a}
.skip{position:absolute;left:-999px;top:8px;background:var(--au);color:#000;padding:8px 14px;z-index:99}.skip:focus{left:8px}
.mono{font-family:var(--mono)}
#scene{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
#glow{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(34,229,255,.09),transparent 65%);will-change:transform;opacity:0;transition:opacity .4s}
body.has-mouse #glow{opacity:1}
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:20px;padding:12px clamp(16px,4vw,48px);background:linear-gradient(#02050af0,#02050a00);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.logo{display:inline-flex;align-items:center;font-family:var(--mono);font-weight:700;letter-spacing:.18em;color:var(--fg);font-size:15px}.logo b{color:var(--cy)}
.logo img{display:block;width:290px;height:87px;object-fit:contain;object-position:left center}
nav .links{margin-left:auto;display:flex;gap:22px;font-family:var(--mono);font-size:13px}
nav .links a{color:var(--mut);position:relative;padding:4px 0}nav .links a:hover{color:var(--cy);text-decoration:none}
nav .links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--cy);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s}nav .links a:hover::after{transform:scaleX(1)}
.lang{font-family:var(--mono);font-size:12px;background:none;color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer}.lang:hover{border-color:var(--cy)}
@media(max-width:860px){nav .links a:not(.keep){display:none}}
@media(max-width:520px){nav .links{gap:12px;font-size:12px}.logo img{width:190px;height:57px}}
section{position:relative;padding:clamp(70px,11vw,140px) clamp(18px,5vw,64px);max-width:1280px;margin:0 auto;z-index:2}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gr)}
h1,h2,h3{line-height:1.06;margin:.3em 0;letter-spacing:-.025em}
h2{font-size:clamp(30px,4.8vw,60px);font-weight:800}
h2 em,h1 em{font-style:normal;color:var(--cy);text-shadow:0 0 30px rgba(34,229,255,.35)}
.lead{color:var(--mut);max-width:62ch;font-size:clamp(16px,1.6vw,19px)}
/* scanline sur les titres */
.scanl{position:relative;display:block}
.scanl::after{content:"";position:absolute;left:-2%;right:-2%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cy),var(--gr),transparent);box-shadow:0 0 14px var(--cy);opacity:0;pointer-events:none}
.scanl.in::after{animation:scanl 1.5s ease-out .15s 1 both}
@keyframes scanl{0%{top:0;opacity:.95}100%{top:100%;opacity:0}}
/* héros : Orvel au centre */
#hero{min-height:100svh;max-width:none;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;padding:110px clamp(18px,5vw,64px) clamp(60px,9svh,110px);text-align:center}
#hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(2,5,10,.82) 0%,rgba(2,5,10,.5) 34%,transparent 62%)}
#hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.gl #hero-canvas{display:none}
#hero .in{position:relative;z-index:2;max-width:980px;margin:0 auto;width:100%;will-change:transform,opacity}
#hero .in a,#hero .in button{pointer-events:auto}
#hero .lead{margin:.6em auto 0}
.by{display:block;font-size:clamp(14px,1.8vw,22px);letter-spacing:.42em;text-transform:uppercase;color:var(--au);font-weight:500;margin:.2em 0 .5em;text-shadow:0 0 18px rgba(232,184,90,.4)}
.emblem{display:flex;justify-content:center;margin-bottom:14px}
.emblem video{width:min(320px,70vw);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;background:#000;-webkit-mask-image:radial-gradient(circle,#000 58%,transparent 72%);mask-image:radial-gradient(circle,#000 58%,transparent 72%)}
.hero-mark{width:34px;height:34px;vertical-align:middle;margin-right:10px;display:inline-block}
#hero .eyebrow{display:flex;align-items:center;justify-content:center}
h1{font-size:clamp(46px,10.5vw,138px);font-weight:800;margin:.1em 0 0;text-shadow:0 2px 40px rgba(2,5,10,.9)}
.tag-line{display:inline-block;font-family:var(--mono);font-size:clamp(18px,3vw,38px);font-weight:500;letter-spacing:-.01em;color:var(--fg);margin-top:.15em}
.scr{font-family:var(--mono)}
.gl-x{display:inline}
.gl{position:relative;display:inline-block}
.gl.on::before,.gl.on::after{content:attr(data-t);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.gl.on::before{color:var(--cy);transform:translate(-3px,0);clip-path:inset(20% 0 55% 0)}
.gl.on::after{color:var(--au);transform:translate(3px,0);clip-path:inset(60% 0 12% 0)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;justify-content:center}
.badge-row{margin:22px 0 0}
.btn{display:inline-block;font-family:var(--mono);font-size:14px;padding:14px 26px;border-radius:10px;border:1px solid var(--cy);color:var(--cy);transition:background .2s,color .2s,box-shadow .2s,transform .2s;cursor:pointer;background:rgba(34,229,255,.04);position:relative}
.btn:hover{background:var(--cy);color:#00131a;text-decoration:none;box-shadow:0 0 34px rgba(34,229,255,.45)}
.btn.gold{border-color:var(--au);color:#1a1200;background:var(--au);font-weight:700}
.btn.gold:hover{box-shadow:0 0 34px rgba(232,184,90,.55);background:#f3c970;color:#1a1200}
.grid3d{position:absolute;left:-20%;right:-20%;bottom:0;height:42%;z-index:1;pointer-events:none;perspective:500px;mask-image:linear-gradient(transparent,#000 70%);-webkit-mask-image:linear-gradient(transparent,#000 70%);opacity:.7}
.gl .grid3d{opacity:.35}
.grid3d i{position:absolute;inset:0;transform:rotateX(62deg);transform-origin:50% 100%;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:60px 60px;animation:gridmove 4s linear infinite}
@keyframes gridmove{to{background-position:0 60px}}
.scroll-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:3;font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:.2em}
.hud{position:absolute;left:clamp(16px,4vw,48px);top:96px;z-index:2;font-size:11px;letter-spacing:.14em;color:var(--mut);display:flex;flex-direction:column;gap:4px;text-transform:uppercase;pointer-events:none}
.hud span:first-child{color:var(--gr)}
.hud::before{content:"";width:26px;height:26px;border-left:1px solid var(--cy);border-top:1px solid var(--cy);margin-bottom:6px}
@media(max-width:700px){.hud{display:none}}
/* marquee */
.marquee{position:relative;z-index:2;overflow:hidden;border-block:1px solid var(--line);background:rgba(4,9,14,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;width:max-content;gap:0;animation:mq 46s linear infinite;padding:16px 0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.mq-track span{display:inline-flex;align-items:center;padding:0 26px;white-space:nowrap}
.mq-track span::after{content:"◆";margin-left:52px;color:var(--cy);font-size:9px}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:48px}
.stat{background:rgba(7,13,20,.82);padding:28px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.stat b{display:block;font-family:var(--mono);font-size:clamp(34px,4vw,56px);color:var(--cy);font-weight:600;text-shadow:0 0 24px rgba(34,229,255,.35)}
.stat span{color:var(--mut);font-size:14px}
.badge{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;padding:5px 12px;border:1px solid var(--au);color:var(--au);border-radius:99px;text-transform:uppercase;background:rgba(232,184,90,.06)}
/* histoire épinglée : les 3 modes d'Orvel */
#story{position:relative;z-index:2;max-width:none;padding:0;--sp:0}
.story-pin{position:relative;padding:clamp(70px,9vw,120px) clamp(18px,5vw,64px);max-width:1280px;margin:0 auto}
.story-head{position:relative;z-index:2}
.story-stage{position:relative;z-index:2;max-width:560px}
.sstep{padding:40px 0}
.sstep .n{font-family:var(--mono);color:var(--au);font-size:13px;letter-spacing:.2em}
.sstep h3{font-size:clamp(38px,6vw,84px);font-weight:800;margin:.1em 0 .2em}
.sstep.t h3{color:var(--cy)}.sstep.r h3{color:var(--gr)}.sstep.s h3{color:var(--au)}
.sstep h3,.sstep.t h3{text-shadow:0 0 40px currentColor}
.chips{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.chips li{border:1px solid var(--line);border-radius:99px;padding:5px 12px;color:var(--mut);background:rgba(7,13,20,.6)}
.rail,.story-bg{display:none}
#story-canvas{display:none}
.no-gl #story-canvas{display:block;position:absolute;right:clamp(10px,5vw,64px);top:50%;width:min(44vw,520px);aspect-ratio:1;transform:translateY(-50%);z-index:1}
/* mode épinglé (JS actif, mouvement autorisé) */
#story.js-pin{height:430svh}
#story.js-pin .story-pin{position:sticky;top:0;height:100svh;padding-block:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;padding-top:clamp(84px,12svh,120px)}
#story.js-pin .story-stage{display:grid;align-self:center;padding-bottom:6svh}
#story.js-pin .sstep{grid-area:1/1;opacity:0;clip-path:inset(-10% 100% -10% 0);transition:clip-path .95s cubic-bezier(.7,0,.2,1),opacity .6s;pointer-events:none;align-self:center}
#story.js-pin .sstep.on{opacity:1;clip-path:inset(-10% 0 -10% 0);pointer-events:auto}
#story.js-pin .sstep.past{clip-path:inset(-10% 0 -10% 100%)}
#story.js-pin .rail{display:flex;position:absolute;left:clamp(18px,5vw,64px);bottom:clamp(22px,5svh,48px);z-index:3;gap:0;list-style:none;margin:0;padding:0;font-size:11px;letter-spacing:.2em}
.rail li{padding:8px 18px 8px 0;color:var(--mut);position:relative;margin-right:18px;opacity:.5;transition:.4s}
.rail li::before{content:"";display:block;height:2px;width:70px;background:var(--line);margin-bottom:8px;transform-origin:0 50%}
.rail li.on{opacity:1;color:var(--fg)}.rail li.on::before{background:linear-gradient(90deg,var(--cy),var(--gr),var(--au))}
#story.js-pin .story-bg{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.story-bg .sg{position:absolute;inset:-10% -10%;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.28;transform:translate3d(calc(var(--sp)*-90px),calc(var(--sp)*-260px),0);mask-image:radial-gradient(circle at 70% 50%,#000,transparent 70%);-webkit-mask-image:radial-gradient(circle at 70% 50%,#000,transparent 70%)}
.story-bg .num{position:absolute;right:3vw;bottom:-6vw;font-family:var(--mono);font-size:clamp(160px,34vw,520px);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(120,200,220,.2);transform:translate3d(calc(var(--sp)*-60px),calc(var(--sp)*-140px),0);letter-spacing:-.06em}
#story.js-pin .story-pin::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,5,10,.72),rgba(2,5,10,.2) 55%,transparent)}
@media(max-width:860px){
  #story.js-pin .story-pin::before{background:linear-gradient(to top,rgba(2,5,10,.9),rgba(2,5,10,.35) 60%,transparent)}
  #story.js-pin .story-stage{align-self:end;padding-bottom:12svh}
  .no-gl #story-canvas{position:relative;right:auto;top:auto;transform:none;margin:20px auto 0;width:min(70vw,360px)}
}
/* mouvement réduit / sans JS : étapes empilées */
#story:not(.js-pin) .story-pin{padding-block:clamp(70px,9vw,120px)}
/* globe pleine largeur */
.globe-bleed{position:relative;z-index:2;width:100%;height:clamp(460px,86svh,900px);border-block:1px solid var(--line);background:#04070d;overflow:hidden}
.globe-bleed #map-box{position:absolute;inset:0;height:auto}
.globe-bleed #map-box canvas{width:100%;height:100%;display:block}
.globe-title{position:absolute;z-index:2;left:clamp(18px,5vw,64px);top:clamp(22px,5vw,56px);max-width:min(560px,86%);pointer-events:none;text-shadow:0 2px 24px #000}
.globe-title h2{margin:.25em 0 .4em;font-size:clamp(32px,5.4vw,72px)}
.globe-bleed::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0 0,rgba(2,5,10,.85),transparent 55%),linear-gradient(to top,rgba(2,5,10,.55),transparent 22%);z-index:1}
.fallback{color:var(--mut);font-family:var(--mono);font-size:13px;padding:16px}
.fallback .l{color:var(--gr)}
/* panneaux */
.panel,.frame{background:linear-gradient(180deg,rgba(8,18,27,.9),rgba(5,10,16,.92));border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative;margin-top:36px;box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 60px rgba(34,229,255,.05)}
.frame{background:transparent;border:0;box-shadow:none;overflow:visible}
.panel h3{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin:0;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:500}
.panel h3::before{content:"●";color:var(--gr);margin-right:8px}
#term-box{min-height:360px;padding:0;font-family:var(--mono);font-size:13px;line-height:1.7;color:#bfe9dc}
#term-box .fallback{padding:16px}
#dash-box{min-height:380px}
#dash-box .fallback{padding:24px;border:1px dashed var(--line);border-radius:14px}
/* bento */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:44px;grid-auto-flow:dense}
.bento.pil{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.bcard{--mx:50%;--my:0%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px;padding:26px;border-radius:22px;color:var(--fg);background:linear-gradient(160deg,rgba(14,28,40,.62),rgba(5,10,16,.7));-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;isolation:isolate;overflow:hidden;grid-column:span 2}
a.bcard:hover,.bcard:hover{text-decoration:none}
.bcard::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang),transparent 0 55%,var(--cy) 70%,var(--gr) 82%,var(--au) 92%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask-composite:exclude;animation:ang 7s linear infinite;opacity:.55;transition:opacity .3s;z-index:-1}
.bcard::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(34,229,255,.17),transparent 62%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1}
.bcard:hover::before{opacity:1}.bcard:hover::after{opacity:1}
@keyframes ang{to{--ang:360deg}}
.bcard .ic{font-size:34px;margin-bottom:auto;filter:drop-shadow(0 0 14px rgba(34,229,255,.4))}
.bcard h3{font-size:clamp(19px,2vw,26px);margin:.7em 0 .2em}
.bcard p{color:var(--mut);margin:.2em 0;font-size:15px}
.bcard .meta{font-family:var(--mono);font-size:11px;color:var(--gr);letter-spacing:.1em;text-transform:uppercase;margin-top:14px}
.bcard .meta.soon{color:var(--au)}
.bento.pil .bcard{grid-column:auto;min-height:170px}
.bcard.b-xl{grid-column:span 3;grid-row:span 2;min-height:400px;background:linear-gradient(160deg,rgba(20,44,56,.7),rgba(5,10,16,.72))}
.bcard.b-xl h3{font-size:clamp(30px,3.6vw,52px)}.bcard.b-xl .ic{font-size:64px}
.bcard.b-m{grid-column:span 3}
.bcard.b-w{grid-column:span 6;min-height:150px}
@media(max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}.bcard,.bcard.b-m,.bcard.b-w{grid-column:span 1}.bcard.b-xl{grid-column:span 2;grid-row:auto;min-height:280px}}
@media(max-width:560px){.bento{grid-template-columns:1fr}.bcard,.bcard.b-m,.bcard.b-xl,.bcard.b-w{grid-column:auto}}
.road-h{margin-top:56px;font-size:14px;color:var(--mut);font-weight:500;letter-spacing:0}
.roadmap{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.roadmap li{border:1px dashed rgba(232,184,90,.5);border-radius:14px;padding:18px;color:var(--mut);font-size:14px;background:rgba(232,184,90,.03)}
.roadmap b{display:block;color:var(--au);font-family:var(--mono);font-size:14px;margin-bottom:4px}
/* cta */
#cta{text-align:center}
#cta h2{font-size:clamp(34px,7vw,92px)}
#cta .lead{margin:0 auto}
#cta .cta-row{justify-content:center}
.hint{margin-top:30px;font-size:12px;color:var(--mut);opacity:.7}
footer{position:relative;z-index:2;border-top:1px solid var(--line);padding:34px clamp(18px,5vw,64px);color:var(--mut);font-size:13px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;font-family:var(--mono);background:rgba(2,5,10,.7)}
.fbrand{display:inline-flex;align-items:center;gap:14px}
.fbrand img{display:block;width:190px;height:57px;object-fit:contain}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s,transform .9s}.reveal.in{opacity:1;transform:none}
.bcard.reveal.in{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.bcard.reveal{transition:opacity .9s,transform .25s ease-out}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}#glow{display:none}.mq-track{width:auto;flex-wrap:wrap;justify-content:center}.marquee{mask-image:none;-webkit-mask-image:none}.mq-track span[aria-hidden]{display:none}}
#progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;background:linear-gradient(90deg,var(--cy),var(--gr),var(--au));transform-origin:0 50%;transform:scaleX(0)}

/* === Ajouts finalisation (QA) === */
#hero h1{text-shadow:0 2px 6px rgba(2,5,10,.85),0 4px 44px rgba(2,5,10,.95)}
#hero .tag-line,#hero .by{text-shadow:0 1px 4px rgba(2,5,10,.95),0 2px 24px rgba(2,5,10,.9)}
#hero .in{isolation:isolate}
#hero .in::before{content:"";position:absolute;z-index:-1;left:50%;top:44%;width:min(900px,120%);height:80%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(2,5,10,.55),rgba(2,5,10,.28) 45%,transparent 70%);pointer-events:none}
#hero .lead{color:#b4c6ce}
/* --- barre du haut : liens supplémentaires + menu burger accessible (nav.has-burger) --- */
.burger{display:none;width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:10px;background:rgba(7,13,20,.6);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--fg)}
.burger:hover{border-color:var(--cy)}
.burger span{display:block;width:22px;height:2px;background:var(--fg);border-radius:2px;transition:transform .25s,opacity .2s}
nav.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.open .burger span:nth-child(2){opacity:0}
nav.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
nav.has-burger .links{gap:clamp(12px,1.6vw,22px)}
@media(max-width:1100px){
  nav.has-burger .burger{display:flex;margin-left:auto}
  nav.has-burger .lang{margin-left:auto;min-height:44px;min-width:48px}
  nav.has-burger .lang ~ .burger{margin-left:0}
  nav.has-burger .links{display:none;position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;gap:0;padding:8px clamp(16px,4vw,48px) 18px;background:rgba(2,5,10,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);font-size:15px;max-height:calc(100svh - 70px);overflow:auto}
  nav.has-burger.open .links{display:flex}
  nav.has-burger .links a:not(.keep){display:flex}
  nav.has-burger .links a{display:flex;align-items:center;min-height:48px;padding:6px 2px;color:var(--fg);border-bottom:1px solid var(--line)}
  nav.has-burger .links a::after{display:none}
}
@media(max-width:520px){nav.has-burger .links{font-size:15px}}
/* --- section « Vous êtes… » --- */
#voies{padding-top:clamp(56px,8vw,100px);padding-bottom:clamp(40px,6vw,80px)}
.bento.voies{grid-template-columns:repeat(3,1fr);margin-top:36px}
.bento.voies .bcard{grid-column:auto;min-height:340px;justify-content:flex-start}
.bento.voies .bcard .ic{margin-bottom:12px;font-size:46px}
.bento.voies .bcard h3{font-size:clamp(22px,2.3vw,30px);margin:.3em 0 .4em}
.bento.voies .bcard p{font-size:16px;color:#a9bdc6;margin-bottom:22px}
.bento.voies .bcard .btn{margin-top:auto;align-self:flex-start;min-height:48px}
.bento.voies .bcard:hover .btn{background:var(--cy);color:#00131a;box-shadow:0 0 34px rgba(34,229,255,.45)}
.bento.voies .bcard:hover .btn.gold{background:#f3c970;color:#1a1200;box-shadow:0 0 34px rgba(232,184,90,.55)}
@media(max-width:900px){.bento.voies{grid-template-columns:1fr}.bento.voies .bcard{min-height:0}}
/* --- pied de page --- */
.flinks{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
.flinks a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
footer a{color:#7fe9ff}
/* --- accessibilité : contraste, cibles tactiles --- */
.hint{opacity:1;color:#93a9b4}
@media(pointer:coarse){.lang,.btn{min-height:44px}}
.bcard p,.stat span,.lead{color:#9db2bc}
.flinks a{min-width:44px;justify-content:center}
@media(pointer:coarse){input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}}