@font-face{font-family:"Outfit";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/outfit-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/outfit-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-latin-600-normal.woff2) format("woff2")}

/* obiwankenobi : classique et lisible (texte 18 px, contrastes forts, taille réglable), du peps par le mouvement : surligneur, cartes qui s'empilent, balance qui s'équilibre, cartes à retourner, écran qui suit la lecture. Blanc et creme, bleu en structure, orange en un point. Single-theme clair. */
:root{
  --blanc:#FFFFFF; --creme:#FFFAF1; --brume:#ECF0F7; --ink:#0B2540; --ink-2:#4D5E73; --line:#D5DCE6;
  --bleu:#004F8A; --bleu-pale:#D6E4F2; --bleu-marque:#0A5DA0; --x:#5B9BD5; --nuit:#081A2E;
  --orange:#F07C4B; --orange-h:#F1905D; --on-orange:#0B2540; --orange-encre:#B4461A; --orange-pale:#FDE6DA;
  --vert:#2E6B2B; --vert-bg:#E3F0DD; --rouge:#B42318; --rouge-bg:#FDE8E6;
  --shadow:0 1px 2px rgba(11,37,64,.06),0 8px 24px rgba(11,37,64,.08);
  --shadow-lg:0 2px 6px rgba(11,37,64,.06),0 24px 60px rgba(11,37,64,.14);
  --f-d:"Outfit","Avenir Next",system-ui,sans-serif; --f-t:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1); --r:18px;
  color-scheme:light;
}
html{font-size:100%}
html.fs1{font-size:112.5%}html.fs2{font-size:125%}
*{box-sizing:border-box}
b,strong{font-weight:600}
body{background:var(--blanc);color:var(--ink);font:400 1.125rem/1.65 var(--f-t);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}p{margin:0}
h1,h2,h3{font-family:var(--f-d);font-weight:600;margin:0;text-wrap:balance;letter-spacing:-.015em}
:focus-visible{outline:3px solid var(--bleu);outline-offset:3px;border-radius:6px}
.wrap{max-width:1200px;margin:0 auto;padding-inline:max(16px,4vw)}
.eyebrow{font:600 .8125rem/1.2 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--bleu);margin:0 0 .9rem}
.h2{font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.12}
.lead{font-size:1.1875rem;line-height:1.6;color:var(--ink-2);max-width:58ch}
.num{font-variant-numeric:tabular-nums}
section{padding-block:clamp(72px,10vw,128px)}
.creme{background:var(--creme)}

/* Surligneur animé */
.mark{background:linear-gradient(transparent 58%,var(--bleu-pale) 58%,var(--bleu-pale) 92%,transparent 92%) no-repeat 0 0/0% 100%;transition:background-size 1s var(--ease);padding:0 .08em}
.mark.on{background-size:100% 100%}
.mark.o{background-image:linear-gradient(transparent 58%,var(--orange-pale) 58%,var(--orange-pale) 92%,transparent 92%)}

/* Boutons */
.btn{font:600 1rem/1 var(--f-t);min-height:54px;padding:0 1.5rem;border-radius:999px;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;cursor:pointer;text-decoration:none;transition:transform .25s var(--ease),box-shadow .25s,background-color .2s,color .2s;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn-o{background:var(--orange);color:var(--on-orange)}.btn-o:hover{background:var(--orange-h);box-shadow:0 10px 26px rgba(240,124,75,.35)}
.btn-l{background:transparent;color:var(--bleu);border-color:var(--bleu)}.btn-l:hover{background:var(--bleu-pale)}
.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translateX(4px)}

.preview-bar{background:var(--ink);color:var(--blanc);font:400 .75rem/1.4 var(--f-t);text-align:center;padding:8px 16px}
.preview-bar b{color:var(--orange)}

/* Header */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.hdr.sc{border-bottom-color:var(--line);box-shadow:0 4px 20px rgba(11,37,64,.05)}
.hdr .wrap{display:flex;align-items:center;gap:1.4rem;height:76px}
.logo img{height:32px;display:block}
.nav{display:flex;gap:.25rem}
.nav a{font:600 .9375rem/1 var(--f-t);text-decoration:none;padding:.7rem .8rem;border-radius:999px;transition:background-color .2s,color .2s}
.nav a:hover{background:var(--brume);color:var(--bleu)}
.tools{margin-left:auto;display:flex;align-items:center;gap:.8rem}
.fs{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.fs button{border:0;background:var(--blanc);color:var(--ink);font:600 .875rem/1 var(--f-t);width:40px;height:38px;cursor:pointer}
.fs button[aria-pressed="true"]{background:var(--bleu);color:#fff}
.fs button+button{border-left:1px solid var(--line)}
.tel{font:600 .9375rem/1.2 var(--f-t);color:var(--ink);white-space:nowrap;display:flex;flex-direction:column}
.tel small{font:400 .6875rem/1 var(--f-t);color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.hdr .btn{min-height:44px;font-size:.9375rem;padding:0 1.1rem}
@media (max-width:1180px){.nav{display:none}}
@media (max-width:760px){.tel{display:none}.hdr .btn .long{display:none}.fs button{width:34px}}

/* Hero */
.hero{padding-block:clamp(40px,6vw,88px) clamp(64px,8vw,112px);background:linear-gradient(var(--blanc),var(--creme));overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero-grid>*{min-width:0}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.06}
.hero-copy{display:flex;flex-direction:column;gap:1.4rem}
.ctas{display:flex;gap:.8rem;flex-wrap:wrap}
.trust{display:flex;gap:1.6rem;flex-wrap:wrap;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.9375rem;color:var(--ink-2)}
.trust b{display:block;font:600 1.6rem/1.1 var(--f-d);color:var(--ink)}
.stage{position:relative;height:520px}
.frame{position:absolute;background:var(--blanc);border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden;will-change:transform;transition:opacity .8s var(--ease)}
.frame .bar{height:30px;background:var(--brume);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px;font:400 .6875rem/1 var(--f-t);color:var(--ink-2)}
.frame .bar i{width:8px;height:8px;border-radius:9px;background:var(--line)}
.frame .bar span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.frame .in{padding:14px;font:400 .8125rem/1.35 var(--f-t)}
.f1{left:0;top:40px;width:78%;z-index:1}
.f2{right:0;top:0;width:44%;z-index:2;border:6px solid var(--ink);border-radius:26px}
.f3{right:8%;bottom:0;width:52%;z-index:3}
.f2 .bar{display:none}
.blob{position:absolute;border-radius:28%;z-index:0;will-change:transform}
.blob.b1{width:200px;height:170px;background:var(--bleu-marque);left:-30px;bottom:30px}
.blob.b2{width:120px;height:140px;background:var(--orange);right:-20px;top:120px}
.kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.kp div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}
.kp small{display:block;font-size:.625rem;color:var(--ink-2)}
.kp b{font:600 1.05rem/1.4 var(--f-d);white-space:nowrap}
.bars{display:flex;align-items:flex-end;gap:6px;height:110px;border-bottom:1px solid var(--line)}
.bars i{flex:1;background:var(--bleu-pale);border-radius:4px 4px 0 0;height:var(--h);transform-origin:bottom;animation:grow 1.2s var(--ease) both;animation-delay:calc(var(--k)*80ms + .6s)}
.bars i:last-child{background:var(--bleu)}
@keyframes grow{from{transform:scaleY(0)}to{transform:none}}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}
.row:last-child{border:0}
.badge{display:inline-flex;align-items:center;gap:5px;font:600 .6875rem/1.7 var(--f-t);padding:0 7px;border-radius:6px;white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:9px;background:currentColor}
.b-ok{background:var(--vert-bg);color:var(--vert)}.b-att{background:var(--orange-pale);color:var(--orange-encre)}.b-br{background:var(--bleu-pale);color:var(--bleu)}.b-ko{background:var(--rouge-bg);color:var(--rouge)}
.cap{position:absolute;right:8px;bottom:8px;z-index:5;font:600 .625rem/1.4 var(--f-t);letter-spacing:.05em;text-transform:uppercase;color:var(--orange-encre);background:var(--blanc);border:1px dashed var(--orange-encre);border-radius:6px;padding:1px 6px}
.ph{display:flex;gap:6px;margin-top:6px}.ph i{flex:1;height:38px;border-radius:6px;background:repeating-linear-gradient(135deg,var(--brume) 0 6px,var(--line) 6px 12px)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.stage{height:440px}}
@media (max-width:520px){.stage{height:380px}.f2{width:52%}.f3{width:70%;right:0}}

/* Cartes qui s'empilent */
.stack-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:48px}
@media (max-width:900px){.stack-head{grid-template-columns:1fr}}
.stack{display:flex;flex-direction:column;gap:22vh;padding-bottom:6vh}
.scard{position:sticky;top:calc(110px + var(--i)*18px);background:var(--blanc);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,48px);box-shadow:var(--shadow);display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;transform-origin:50% 0;will-change:transform}
.scard .n{width:64px;height:64px;border-radius:28%;display:grid;place-items:center;background:var(--brume);font:600 1.5rem/1 var(--f-d);color:var(--bleu)}
.scard p{font:400 clamp(1.3rem,2.4vw,1.9rem)/1.3 var(--f-d);letter-spacing:-.01em}
.scard.fin{background:var(--ink);color:#fff;border-color:var(--ink)}
.scard.fin .n{background:var(--orange);color:var(--on-orange)}
.scard.fin p small{display:block;font:400 1.0625rem/1.5 var(--f-t);color:#BFD0E2;margin-top:.6rem;letter-spacing:0}
@media (max-width:640px){.scard{grid-template-columns:1fr;gap:14px}.scard .n{width:48px;height:48px;font-size:1.2rem}}

/* Balance */
.bal-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.bal-grid{grid-template-columns:1fr}}
.balance{width:100%;height:auto;display:block;overflow:visible}
.balance .beam{fill:var(--ink)}
.balance .post{fill:var(--ink)}
.balance .base{fill:var(--brume);stroke:var(--line)}
.balance .rope{stroke:var(--ink-2);stroke-width:2}
.balance .pan{fill:var(--blanc);stroke:var(--ink);stroke-width:2}
.balance .lbl{font:600 18px var(--f-d);fill:var(--ink)}
.balance .sub{font:400 13px var(--f-t);fill:var(--ink-2)}
.balance .w{rx:10}
.balance .wd{fill:var(--bleu)}.balance .we{fill:var(--x)}
.balance .ok{opacity:0;transition:opacity .5s}
.balance .ok.on{opacity:1}
.balance .okc{fill:var(--vert-bg);stroke:var(--vert)}
.balance .okt{font:600 14px var(--f-t);fill:var(--vert)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.two div{background:var(--blanc);border:1px solid var(--line);border-radius:16px;padding:18px}
.two h3{font-size:1.05rem;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.two h3 i{width:12px;height:12px;border-radius:4px;display:inline-block}
.two ul{margin:0;padding-left:1.1rem;font-size:1rem;line-height:1.7;color:var(--ink-2)}
@media (max-width:560px){.two{grid-template-columns:1fr}}
.punch{font:600 clamp(1.3rem,2.2vw,1.75rem)/1.3 var(--f-d);text-wrap:balance}

/* Cartes à retourner */
.flips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:44px}
@media (max-width:820px){.flips{grid-template-columns:1fr}}
.flip{perspective:1400px;min-height:320px;cursor:pointer;border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit}
.flip .inner{position:relative;width:100%;height:100%;min-height:320px;transform-style:preserve-3d;transition:transform .8s var(--ease)}
.flip.on .inner{transform:rotateY(180deg)}
.flip .face{position:absolute;inset:0;border-radius:24px;padding:clamp(22px,3vw,36px);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.flip .front{background:var(--blanc);border:1px solid var(--line);box-shadow:var(--shadow)}
.flip .front h3{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.2;margin-top:auto}
.flip .front .tag{font:600 .8125rem/1 var(--f-t);color:var(--bleu);letter-spacing:.06em;text-transform:uppercase}
.flip .front .turn{display:inline-flex;align-items:center;gap:8px;font:600 .9375rem/1 var(--f-t);color:var(--ink-2)}
.flip .front .turn i{width:30px;height:30px;border-radius:99px;border:1.5px solid var(--line);display:grid;place-items:center;font-style:normal;transition:transform .5s var(--ease)}
.flip:hover .front .turn i{transform:rotate(180deg)}
.flip .front .deco{position:absolute;right:-30px;top:-30px;width:150px;height:120px;border-radius:28%;background:var(--brume)}
.flip .back{background:var(--bleu);color:#fff;transform:rotateY(180deg)}
.flip .back p{font-size:1.0625rem;line-height:1.55;color:#DCE8F5}
.flip .back .so{font:600 1.25rem/1.3 var(--f-d);color:#fff}
.flip .back .mini{margin-top:auto;background:var(--blanc);color:var(--ink);border-radius:14px;padding:10px 14px;font:400 .8125rem/1.4 var(--f-t);position:relative}

/* Écran qui suit la lecture */
.seq{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px)}
.seq-sticky{position:sticky;top:120px;align-self:start}
.laptop{width:100%}
.laptop .scr{background:var(--ink);border-radius:18px 18px 0 0;padding:12px 12px 0}
.laptop .scr .app{background:var(--blanc);border-radius:8px 8px 0 0;min-height:300px;overflow:hidden;position:relative}
.laptop .base{height:16px;background:linear-gradient(#D5DCE6,#B9C4D3);border-radius:0 0 14px 14px;margin:0 -4%}
.app-bar{height:30px;background:var(--brume);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 12px;font:400 .75rem/1 var(--f-t);color:var(--ink-2)}
.app-bar i{width:8px;height:8px;border-radius:9px;background:var(--line)}
.app-body{padding:18px;font:400 .875rem/1.4 var(--f-t);transition:opacity .25s,transform .35s var(--ease)}
.app-body.swap{opacity:0;transform:translateY(10px)}
.app-body .ti{font:600 1.25rem/1.3 var(--f-d);display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.dots{display:flex;gap:6px;margin-top:16px;justify-content:center}
.dots i{width:28px;height:4px;border-radius:4px;background:var(--line);transition:background-color .3s,width .3s}
.dots i.on{background:var(--bleu);width:44px}
.steps{display:flex;flex-direction:column}
.step{min-height:56vh;display:flex;flex-direction:column;justify-content:center;gap:12px;opacity:.28;transition:opacity .5s}
.step.on{opacity:1}
.step .k{font:600 .8125rem/1 var(--f-t);color:var(--bleu);letter-spacing:.08em;text-transform:uppercase}
.step h3{font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15}
.step p{color:var(--ink-2);max-width:40ch}
@media (max-width:900px){.seq{grid-template-columns:1fr}.seq-sticky{top:84px;z-index:2;background:var(--blanc);padding-bottom:10px}.laptop .scr .app{min-height:210px}.step{min-height:46vh}}

/* Appareils */
.devs{position:relative;height:420px;margin-top:40px}
.dv{position:absolute;bottom:0;will-change:transform}
.dv .lbl{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);font:600 .875rem/1 var(--f-t);white-space:nowrap;color:var(--ink)}
.dv-lap{left:50%;width:min(560px,70%);transform:translateX(-50%)}
.dv-lap .scr{background:var(--ink);border-radius:16px 16px 0 0;padding:10px 10px 0}
.dv-lap .app{background:var(--bleu);color:#fff;border-radius:6px 6px 0 0;height:250px;display:grid;place-items:center;text-align:center;font:600 1.5rem/1.2 var(--f-d)}
.dv-lap .app small{display:block;font:400 .9rem/1.4 var(--f-t);color:#BFD6EE;margin-top:6px}
.dv-lap .base{height:14px;background:linear-gradient(#D5DCE6,#B9C4D3);border-radius:0 0 12px 12px;margin:0 -5%}
.dv-tab{left:2%;width:200px;height:270px;background:var(--ink);border-radius:22px;padding:10px;z-index:2}
.dv-ph{right:4%;width:120px;height:230px;background:var(--ink);border-radius:22px;padding:8px;z-index:2}
.dv-tab .s,.dv-ph .s{background:var(--blanc);height:100%;border-radius:14px;padding:12px;font:400 .75rem/1.35 var(--f-t);display:flex;flex-direction:column;gap:6px;overflow:hidden}
.dv .s b{font:600 .875rem/1.2 var(--f-d)}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:70px}
.chips span{border:1px solid var(--line);background:var(--blanc);border-radius:999px;padding:8px 16px;font-size:.9375rem}
@media (max-width:700px){.devs{height:340px}.dv-tab{width:130px;height:180px;left:0}.dv-ph{width:84px;height:160px;right:0}.dv-lap{width:78%}.dv-lap .app{height:170px;font-size:1.1rem}}

/* Pensé ici */
.ici{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.ici{grid-template-columns:1fr}}
.big{font:600 clamp(5rem,12vw,9rem)/.9 var(--f-d);letter-spacing:-.04em;color:var(--bleu)}
.big small{display:block;font:400 1.0625rem/1.5 var(--f-t);color:var(--ink-2);letter-spacing:0;margin-top:.8rem;max-width:30ch}
.mq{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);margin-top:48px}
.mq-in{display:flex;gap:12px;width:max-content;animation:mq 40s linear infinite}
.mq:hover .mq-in{animation-play-state:paused}
.mq-in span{border:1px solid var(--line);background:var(--blanc);border-radius:14px;padding:14px 22px;font:600 1rem/1 var(--f-d);white-space:nowrap}
.mq-in span small{font:400 .8125rem var(--f-t);color:var(--ink-2);margin-left:8px}
@keyframes mq{to{transform:translateX(-50%)}}

/* Accordéon */
.acc-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:900px){.acc-grid{grid-template-columns:1fr}}
.acc{border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;padding:1.3rem 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font:600 1.2rem/1.35 var(--f-d)}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{flex:0 0 36px;height:36px;border-radius:99px;background:var(--brume);position:relative;transition:background-color .3s,transform .4s var(--ease)}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--bleu);transform:translate(-50%,-50%)}
.acc summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .4s var(--ease)}
.acc details[open] summary i{background:var(--bleu);transform:rotate(180deg)}
.acc details[open] summary i::before,.acc details[open] summary i::after{background:#fff}
.acc details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.acc .ans{overflow:hidden;color:var(--ink-2);padding-bottom:1.3rem}
.acc .ans ul{margin:.6rem 0;padding-left:1.2rem}
.acc .ans b{color:var(--ink)}
.road{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;margin-top:28px;counter-reset:s}
.road span{position:relative;text-align:center;font:400 .8125rem/1.3 var(--f-t);color:var(--ink-2);padding-top:44px;counter-increment:s}
.road span::before{content:counter(s);position:absolute;left:50%;top:0;transform:translateX(-50%) scale(var(--sc,.8));width:34px;height:34px;border-radius:99px;background:var(--blanc);border:2px solid var(--line);display:grid;place-items:center;font:600 .875rem/1 var(--f-d);color:var(--ink-2);transition:all .4s var(--ease);z-index:1}
.road span::after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:var(--line)}
.road span:last-child::after{display:none}
.road span.on{color:var(--ink);font-weight:600}
.road span.on::before{background:var(--bleu);border-color:var(--bleu);color:#fff;--sc:1}
@media (max-width:640px){.road{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:16px}.road span:nth-child(4)::after{display:none}}

/* Choisir sa version */
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
@media (max-width:900px){.vgrid{grid-template-columns:1fr}}
.vc{background:var(--blanc);border:2px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:border-color .4s,transform .5s var(--ease),box-shadow .4s,opacity .4s;position:relative}
.vc .role{font:600 .8125rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--bleu)}
.vc h3{font-size:1.6rem}
.vc .pr{color:var(--ink-2);font-size:.9375rem}
.vc .pr b{font:600 3.2rem/1 var(--f-d);color:var(--ink);letter-spacing:-.03em}
.vc .lim{font-size:.9375rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.vc .pick{position:absolute;top:-14px;left:24px;background:var(--orange);color:var(--on-orange);font:600 .8125rem/1 var(--f-t);padding:7px 12px;border-radius:999px;opacity:0;transform:translateY(6px);transition:all .4s var(--ease)}
.vgrid.chosen .vc{opacity:.45}
.vgrid.chosen .vc.win{opacity:1;border-color:var(--bleu);transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.vgrid.chosen .vc.win .pick{opacity:1;transform:none}
.wiz{background:var(--brume);border-radius:24px;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.wiz .q{font:600 clamp(1.3rem,2.2vw,1.7rem)/1.3 var(--f-d);min-height:3.2em}
.wiz .opts{display:flex;gap:10px;flex-wrap:wrap}
.wiz .opt{border:2px solid var(--bleu);background:var(--blanc);color:var(--bleu);font:600 1rem/1 var(--f-t);border-radius:999px;padding:14px 24px;cursor:pointer;transition:background-color .2s,color .2s}
.wiz .opt:hover{background:var(--bleu);color:#fff}
.wiz .prog{display:flex;gap:6px}.wiz .prog i{flex:1;height:5px;border-radius:5px;background:#C9D3E0;transition:background-color .3s}.wiz .prog i.on{background:var(--bleu)}
.wiz .again{background:none;border:0;color:var(--bleu);font:600 .9375rem var(--f-t);cursor:pointer;text-decoration:underline;text-underline-offset:4px;align-self:flex-start;padding:0}
.wiz-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:40px}
@media (max-width:900px){.wiz-row{grid-template-columns:1fr}}

/* Final */
.final{background:var(--nuit);color:#fff;position:relative;overflow:hidden}
.final .eyebrow{color:#7FB2E5}
.final .lead{color:#BFD0E2}
.final-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:start;position:relative;z-index:1}
@media (max-width:900px){.final-grid{grid-template-columns:1fr}}
.final .call{display:flex;gap:16px;align-items:center;margin-top:8px;padding:18px 20px;border:1px solid #24425F;border-radius:18px;max-width:440px}
.final .call i{width:46px;height:46px;border-radius:99px;background:var(--orange);display:grid;place-items:center;font-style:normal;color:var(--on-orange);font-weight:600}
.final .call b{display:block;font:600 1.3rem/1.2 var(--f-d)}
.final .call small{color:#BFD0E2;font-size:.875rem}
.form{background:var(--blanc);color:var(--ink);border-radius:24px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.form h3{font-size:1.4rem}
.form .ctx{display:none;align-items:center;gap:8px;background:var(--bleu-pale);color:var(--bleu);border-radius:10px;padding:10px 12px;font:600 .9375rem/1.3 var(--f-t)}
.form .ctx.on{display:flex;animation:pop .5s var(--ease)}
@keyframes pop{0%{transform:scale(.96);opacity:0}100%{transform:none;opacity:1}}
.form label{font:600 .9375rem/1.2 var(--f-t);display:flex;flex-direction:column;gap:6px}
.form label small{font-weight:400;color:var(--ink-2)}
.form input,.form textarea{font:400 1.0625rem/1.4 var(--f-t);padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--blanc);color:var(--ink);transition:border-color .2s}
.form input:focus,.form textarea:focus{border-color:var(--bleu);outline:none}
.form .g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:520px){.form .g2{grid-template-columns:1fr}}
.form .hp{position:absolute;left:-9999px}
.form .micro{font-size:.875rem;color:var(--ink-2);text-align:center}
.form .done{display:none;text-align:center;padding:30px 10px;flex-direction:column;gap:10px;align-items:center}
.form.sent>*:not(.done){display:none}.form.sent .done{display:flex}
.done .chk{width:64px;height:64px;border-radius:99px;background:var(--vert-bg);display:grid;place-items:center}
.done .chk path{stroke:var(--vert);stroke-width:4;fill:none;stroke-dasharray:40;stroke-dashoffset:40;animation:dr .6s .2s var(--ease) forwards}
@keyframes dr{to{stroke-dashoffset:0}}
.fmod{position:absolute;border-radius:28%;opacity:.9}
.fm1{width:240px;height:200px;background:var(--bleu-marque);right:-60px;bottom:-60px}
.fm2{width:160px;height:190px;background:#12304F;right:120px;bottom:-110px}

footer{background:var(--blanc);border-top:1px solid var(--line);padding-block:48px 32px;font-size:.9375rem}
.fgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
@media (max-width:820px){.fgrid{grid-template-columns:1fr 1fr}}
footer h4{font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 12px}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
footer a{text-decoration:none}footer a:hover{color:var(--bleu);text-decoration:underline}
.legal{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:36px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink-2);font-size:.875rem}
.legal nav{display:flex;gap:18px}


.nav a,.hdr .btn{white-space:nowrap}
@media (max-width:1340px){.tel{display:none}}
.hdr .wrap{max-width:1360px;gap:1rem}.nav a{padding:.65rem .65rem}
@media (max-width:1300px){.nav{display:none}}
.flip{display:block;width:100%}
.flip .inner{display:block}
.vc{padding:22px;min-width:0}.vc .pr{white-space:nowrap}.vc .pr b{font-size:2.6rem}
.wiz-row{grid-template-columns:1fr}.wiz{max-width:760px}.vc .pr b{font-size:3rem}
.form input,.form textarea{min-width:0;width:100%}
.form .g2>*{min-width:0}
#local{overflow:hidden}
@media (max-width:900px){.wiz-row{grid-template-columns:1fr}}
/* ===== anakinskywalker : couche d'effets au survol + pages ===== */
.scard p{font:400 clamp(1.1rem,1.7vw,1.4rem)/1.35 var(--f-d)}
.scard{padding:clamp(20px,3vw,34px);transition:box-shadow .3s}
.scard .n{width:52px;height:52px;font-size:1.25rem}
.scard:hover{box-shadow:var(--shadow-lg)}

/* Curseur compagnon */
.cur{position:fixed;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid var(--bleu);border-radius:50%;pointer-events:none;z-index:90;opacity:0;transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background-color .3s,border-color .3s,opacity .3s}
.cur.on{opacity:.55}
.cur.big{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(0,79,138,.08);border-color:transparent;opacity:1}
.cur.o{background:rgba(240,124,75,.14)}
.cur-dot{position:fixed;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--bleu);pointer-events:none;z-index:91;opacity:0;transition:opacity .3s}
.cur-dot.on{opacity:1}
@media (hover:none){.cur,.cur-dot{display:none}}

/* Hero : grille de points révélée autour de la souris */
.hero{position:relative}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,79,138,.28) 1.2px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(260px circle at var(--hx,-500px) var(--hy,-500px),#000,transparent 75%);mask-image:radial-gradient(260px circle at var(--hx,-500px) var(--hy,-500px),#000,transparent 75%)}
.hero .wrap{position:relative}
.stage{perspective:1200px}
.frame{transform-style:preserve-3d}
.frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.55),transparent 55%);opacity:var(--go,0);transition:opacity .3s;mix-blend-mode:soft-light}
.frame:hover{box-shadow:0 30px 70px rgba(11,37,64,.22)}
.mark{cursor:default}

/* Contour lumineux qui suit la souris */
.glow{position:relative}
.glow::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:2px;pointer-events:none;z-index:3;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),var(--bleu),transparent 60%);
  -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);opacity:0;transition:opacity .3s}
.glow:hover::before{opacity:1}
.glow-fill::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(0,79,138,.07),transparent 60%);opacity:0;transition:opacity .3s}
.glow-fill:hover::after{opacity:1}

/* Cartes à retourner : inclinaison */
.flip{transition:transform .35s var(--ease)}
.flip .front .deco{transition:transform .5s var(--ease)}
.flip:hover .front .deco{transform:translate(-14px,14px) rotate(-8deg) scale(1.1)}
.flip .front{background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),#F4F8FC,var(--blanc) 60%)}

/* Balance interactive */
.balance{cursor:pointer}
.bal-hint{text-align:center;font:400 .875rem/1.4 var(--f-t);color:var(--ink-2);margin-top:4px;transition:opacity .3s}

/* Portable : léger relief au survol */
.laptop{transition:transform .4s var(--ease);transform-style:preserve-3d}
.seq-sticky{perspective:1400px}

/* Chips d'écosystème */
.mq-in span{transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.mq-in span:hover{transform:translateY(-4px);border-color:var(--bleu);box-shadow:var(--shadow)}
.chips span{transition:transform .3s var(--ease),background-color .3s,color .3s,border-color .3s}
.chips span:hover{background:var(--bleu);color:#fff;border-color:var(--bleu);transform:translateY(-3px)}

/* Versions : inclinaison */
.vc{transform-style:preserve-3d;will-change:transform}
.vgrid .vc{transition:border-color .4s,box-shadow .4s,opacity .4s}

/* Final : modules qui suivent la souris */
.fmod{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.form{transition:transform .4s var(--ease)}

/* Rideau de transition entre pages */
.curtain{position:fixed;inset:0;z-index:95;pointer-events:none;overflow:hidden}
.curtain i{position:absolute;top:-10%;height:120%;border-radius:28%;transform:translateX(-140vw)}
.curtain i:nth-child(1){left:-10vw;width:70vw;background:var(--bleu-marque)}
.curtain i:nth-child(2){left:30vw;width:60vw;background:var(--ink)}
.curtain i:nth-child(3){left:70vw;width:46vw;background:var(--orange)}
.curtain.go i{animation:sweep .95s cubic-bezier(.7,0,.3,1) forwards}
.curtain.go i:nth-child(2){animation-delay:.06s}.curtain.go i:nth-child(3){animation-delay:.12s}
@keyframes sweep{0%{transform:translateX(-140vw)}45%,55%{transform:translateX(-20vw)}100%{transform:translateX(140vw)}}

/* Vues */
[data-view]{display:none}[data-view].on{display:block}
.nav a.cur-page{background:var(--brume);color:var(--bleu)}

/* ===== BLOG ===== */
.page-head{padding-block:clamp(48px,7vw,96px) clamp(28px,4vw,44px);background:linear-gradient(var(--blanc),var(--creme))}
.crumbs{font-size:.9375rem;color:var(--ink-2);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.crumbs a{color:var(--bleu);text-decoration:none}.crumbs a:hover{text-decoration:underline}
.page-head h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;max-width:20ch}
.page-head .lead{margin-top:14px}
.blog-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{border:1.5px solid var(--line);background:var(--blanc);color:var(--ink);font:600 .9375rem/1 var(--f-t);padding:11px 18px;border-radius:999px;cursor:pointer;transition:all .25s var(--ease)}
.filters button:hover{border-color:var(--bleu);color:var(--bleu);transform:translateY(-2px)}
.filters button[aria-pressed="true"]{background:var(--bleu);border-color:var(--bleu);color:#fff}
.search-blog{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);background:var(--blanc);border-radius:999px;padding:0 18px;height:46px;min-width:260px;margin-left:auto}
.search-blog input{border:0;outline:0;background:transparent;font:400 1rem var(--f-t);color:var(--ink);width:100%}
.blog-body{background:var(--creme);padding-block:8px clamp(64px,9vw,112px)}
.feat-post{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--blanc);text-decoration:none;box-shadow:var(--shadow);transition:box-shadow .3s}
.feat-post:hover{box-shadow:var(--shadow-lg)}
.feat-post .thumb{min-height:360px}
.feat-post .body{padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;gap:14px;justify-content:center}
.feat-post h2{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15}
@media (max-width:820px){.feat-post{grid-template-columns:1fr}.feat-post .thumb{min-height:220px}.search-blog{margin-left:0;min-width:0;width:100%}}
.thumb{position:relative;overflow:hidden;background:var(--brume)}
.thumb.t1{background:#E4ECF6}.thumb.t2{background:#F6EEE4}.thumb.t3{background:#E6EEF0}
.thumb .sh{position:absolute;border-radius:28%;transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}
.thumb .s1{width:46%;height:52%;left:12%;top:22%;background:var(--bleu-marque)}
.thumb .s2{width:30%;height:58%;left:44%;top:12%;background:var(--ink)}
.thumb .s3{width:22%;height:30%;left:66%;top:52%;background:var(--orange)}
.thumb.t2 .s1{background:var(--ink)}.thumb.t2 .s2{background:var(--bleu-marque)}
.thumb.t3 .s3{background:var(--x)}
section.news[hidden]{display:none!important}
.thumb .ill{position:absolute;inset:0;width:100%;height:100%;display:block}
.thumb .ill .ia{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform-box:fill-box;transform-origin:center}
.post:hover .thumb .ill .a1{transform:translate(-6px,-4px)}
.post:hover .thumb .ill .a2{transform:translate(6px,-6px) rotate(-2deg)}
.post:hover .thumb .ill .a3{transform:translate(4px,6px)}
@media (prefers-reduced-motion:reduce){.thumb .ill .ia{transition:none}}
.thumb .cat{position:absolute;left:16px;bottom:16px;z-index:2;font:600 .8125rem/1 var(--f-t);color:var(--bleu);background:var(--blanc);padding:8px 12px;border-radius:999px}
.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--ink-2);font-size:.9375rem;align-items:center}
.meta .dot{width:4px;height:4px;border-radius:9px;background:#A9B6C8}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
@media (max-width:1000px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.posts{grid-template-columns:1fr}}
.post{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--blanc);text-decoration:none;display:flex;flex-direction:column;min-width:0;transition:box-shadow .3s,transform .3s var(--ease);transform-style:preserve-3d}
.post:hover{box-shadow:var(--shadow-lg)}
.post .thumb{height:190px}
.post .body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.post h3{font-size:1.25rem;line-height:1.3}
.post p.ex{color:var(--ink-2);font-size:1rem;line-height:1.55}
.post .meta{margin-top:auto;font-size:.875rem}
.post .more{font:600 .9375rem/1 var(--f-t);color:var(--bleu);display:inline-flex;gap:6px;align-items:center}
.post .more i{font-style:normal;transition:transform .3s var(--ease)}.post:hover .more i{transform:translateX(5px)}
.empty{padding:48px;text-align:center;color:var(--ink-2);border:2px dashed var(--line);border-radius:24px;grid-column:1/-1}
.news{margin-top:40px;background:var(--ink);color:#fff;border-radius:28px;padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;position:relative;overflow:hidden}
.news h2{font-size:clamp(1.5rem,2.4vw,2rem)}
.news p{color:#BFD0E2}
.news form{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.news input{flex:1;min-width:200px;height:54px;border:0;border-radius:999px;padding:0 20px;font:400 1rem var(--f-t)}
.news .sh{position:absolute;border-radius:28%;right:-60px;top:-70px;width:220px;height:180px;background:var(--bleu-marque);opacity:.6;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@media (max-width:820px){.news{grid-template-columns:1fr}}

/* Article */
.progress{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 76px);height:4px;z-index:39;pointer-events:none}
.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--bleu),var(--orange));transform-origin:left;transform:scaleX(var(--rp,0))}
.art-hero{border-radius:28px;overflow:hidden;height:clamp(220px,30vw,380px);margin-top:28px}
.art-hero .thumb{height:100%}
.art-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 240px;gap:clamp(24px,4vw,56px);align-items:start;padding-block:56px clamp(64px,9vw,112px)}
@media (max-width:1100px){.art-grid{grid-template-columns:210px minmax(0,1fr)}.art-aside{display:none}}
@media (max-width:820px){.art-grid{grid-template-columns:1fr}.toc{display:none}}
.toc{position:sticky;top:110px;font-size:.9375rem}
.toc p{font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}
.toc a{display:block;padding:8px 0 8px 14px;border-left:3px solid var(--line);text-decoration:none;color:var(--ink-2);transition:all .25s}
.toc a:hover{color:var(--bleu)}
.toc a.cur{border-left-color:var(--bleu);color:var(--ink);font-weight:600}
.prose{max-width:66ch}
.prose h2{font-size:clamp(1.4rem,2.2vw,1.75rem);line-height:1.25;margin:44px 0 14px;scroll-margin-top:110px}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 18px}
.prose ul{margin:0 0 18px;padding-left:22px}.prose li{margin-bottom:6px}
.prose .note{background:var(--brume);border-radius:18px;padding:22px 24px;margin:26px 0;font-size:1.0625rem}
.prose .note b{display:block;font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--bleu);margin-bottom:8px}
.prose .calc{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--blanc);margin:22px 0}
.prose .calc div{display:flex;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);font-size:.9875rem}
.prose .calc div:last-child{border-bottom:0;background:var(--orange-pale);font-weight:600}
.prose .calc span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.prose .flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:600 .9375rem/1 var(--f-t);margin:22px 0}
.prose .flow span{background:var(--blanc);border:1.5px solid var(--line);border-radius:999px;padding:10px 16px;transition:all .25s var(--ease)}
.prose .flow span:hover{background:var(--bleu);color:#fff;border-color:var(--bleu);transform:translateY(-3px)}
.prose .flow em{font-style:normal;color:var(--bleu)}
.inline-cta{background:var(--creme);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:14px;margin:36px 0}
.inline-cta p{font:600 1.3rem/1.3 var(--f-d)}
.art-aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:14px;font-size:.9375rem}
.art-aside .box{background:var(--blanc);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px}
.art-aside .btn{min-height:46px;font-size:.9375rem;white-space:normal;line-height:1.3;padding:10px 16px}
.copy-btn{border:1.5px solid var(--line);background:var(--blanc);border-radius:999px;padding:11px 14px;font:600 .875rem var(--f-t);cursor:pointer;color:var(--ink)}
.copy-btn:hover{border-color:var(--bleu);color:var(--bleu)}
.draft{display:inline-block;font:600 .75rem/1 var(--f-t);color:var(--orange-encre);border:1px dashed var(--orange-encre);border-radius:999px;padding:6px 10px}
.related{background:var(--creme);padding-block:clamp(56px,8vw,96px)}

/* Pages légales */
.legal-body{padding-block:48px clamp(64px,9vw,112px)}
.legal-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:820px){.legal-grid{grid-template-columns:1fr}.legal-grid .toc{display:none}}
.legal-doc{max-width:70ch;font-size:1.0625rem}
.legal-doc h2{font-size:1.4rem;line-height:1.3;margin:40px 0 12px;scroll-margin-top:110px}
.legal-doc h2:first-child{margin-top:0}
.legal-doc p{margin:0 0 14px}
.legal-doc dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;margin:0 0 14px;background:var(--creme);border:1px solid var(--line);border-radius:18px;padding:22px}
.legal-doc dt{color:var(--ink-2)}.legal-doc dd{margin:0;font-weight:400}
@media (max-width:560px){.legal-doc dl{grid-template-columns:1fr}.legal-doc dd{margin-bottom:8px}}
.legal-doc ul{padding-left:20px;margin:0 0 14px}
.tbl{overflow-x:auto;margin-bottom:14px;border:1px solid var(--line);border-radius:16px}
.legal-doc table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:560px}
.legal-doc th,.legal-doc td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.legal-doc th{background:var(--brume);font-weight:600}
.legal-doc tr:last-child td{border-bottom:0}
.todo{color:var(--orange-encre);background:var(--orange-pale);border-radius:6px;padding:0 6px;font-weight:600}
.legal-grid>*,.art-grid>*{min-width:0}
.updated{color:var(--ink-2);font-size:.9375rem;margin-top:10px}
.legal-switch{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}
.legal-switch a{border:1.5px solid var(--line);border-radius:999px;padding:10px 18px;text-decoration:none;font:600 .9375rem/1 var(--f-t);transition:all .25s}
.legal-switch a:hover{border-color:var(--bleu);color:var(--bleu)}
.legal-switch a.on{background:var(--bleu);border-color:var(--bleu);color:#fff}

/* ===== DEUX EXIGENCES ===== */
.duo{padding-block:clamp(80px,11vw,140px)}
.duo-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:end;margin-bottom:48px}
.compare{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);user-select:none;touch-action:pan-y;cursor:ew-resize;background:var(--blanc);box-shadow:var(--shadow)}
.compare .layer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:420px}
.compare .eq{position:absolute;inset:0;clip-path:inset(0 0 0 var(--cut,50%));background:var(--brume)}
.pane{padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:16px;min-width:0}
.pane .tag{font:600 12px/16px var(--f-text);letter-spacing:.1em;text-transform:uppercase}
.pane h3{font-size:clamp(24px,2.6vw,34px);line-height:1.1}
.pane ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pane li{padding:10px 0;border-bottom:1px solid var(--line);font:400 16px/24px var(--f-text);display:flex;gap:12px;align-items:baseline}
.pane li::before{content:"";flex:0 0 7px;height:7px;border-radius:2px;background:var(--bleu);transform:translateY(-2px)}
.mini{background:var(--blanc);border:1px solid var(--line);border-radius:14px;padding:14px;font:400 13px/18px var(--f-text);position:relative;box-shadow:var(--shadow)}
.handle{position:absolute;top:0;bottom:0;left:var(--cut,50%);width:2px;background:var(--orange);transform:translateX(-1px);z-index:5}
.handle button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:99px;border:0;background:var(--orange);color:var(--on-orange);font:600 18px/1 var(--f-display);cursor:grab;box-shadow:0 0 0 8px rgba(240,124,75,.2)}
.compare .nd,.compare .ne{position:absolute;bottom:14px;font:600 11px/1 var(--f-text);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);z-index:4}
.compare .nd{left:18px}.compare .ne{right:18px}
.duo-foot{margin-top:40px;max-width:28ch}
@media (max-width:900px){.duo-head{grid-template-columns:1fr}}
@media (max-width:760px){.compare .layer{grid-template-columns:1fr}.compare .dir .pane:nth-child(2),.compare .eq .pane:nth-child(1){display:none}}

/* ===== PREUVES horizontales ===== */
.hscroll{position:relative;height:400vh;background:var(--brume);border-top:1px solid var(--line)}
.hscroll .stick{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:28px;padding-top:72px}
.track{display:flex;gap:28px;padding-inline:max(16px,4vw);will-change:transform}
.card{flex:0 0 min(78vw,920px);min-height:min(62vh,520px);border-radius:24px;background:var(--blanc);border:1px solid var(--line);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);overflow:hidden;position:relative}
.card .txt{padding:clamp(24px,3.4vw,48px);display:flex;flex-direction:column;gap:16px;justify-content:center}
.card .idx{font:400 clamp(64px,8vw,120px)/.9 var(--f-display);color:transparent;-webkit-text-stroke:1.5px #A9B6C8;letter-spacing:-.04em}
.card h3{font-size:clamp(24px,2.6vw,34px);line-height:1.1}
.card .d{color:var(--ink-2)}
.card .so{font:600 18px/26px var(--f-display);color:var(--bleu)}
.card .vis{background:var(--creme);border-left:1px solid var(--line);padding:clamp(18px,2.4vw,32px);display:flex;align-items:center;position:relative;min-width:0}
.card .vis>div{width:100%}
.hs-progress{display:flex;gap:8px;padding-inline:max(16px,4vw)}
.hs-progress i{flex:0 0 48px;height:3px;border-radius:3px;background:var(--line);overflow:hidden;position:relative}
.hs-progress i b{position:absolute;inset:0;background:var(--bleu);transform-origin:left;transform:scaleX(var(--f,0))}
@media (max-width:900px){.hscroll{height:auto}.hscroll .stick{position:static;height:auto;padding-block:80px}.track{flex-direction:column;transform:none!important}.card{flex:auto;grid-template-columns:1fr}.card .vis{border-left:0;border-top:1px solid var(--line)}.hs-progress{display:none}}
.inv{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;background:var(--blanc);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;opacity:.2;transform:translateX(-20px) scale(.97);transition:opacity .35s,transform .45s var(--ease)}
.inv.on{opacity:1;transform:none}
.big-count{font:600 64px/1 var(--f-display);letter-spacing:-.03em}
.price{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.price .v{font:600 22px/1 var(--f-display);position:relative;height:24px;overflow:hidden;min-width:96px;text-align:right}
.price .v span{display:block;transition:transform .5s var(--ease)}
.price.upd .v span{transform:translateY(-100%)}
.price.upd .v{color:var(--bleu)}
.tline{position:relative;padding-left:28px;display:flex;flex-direction:column;gap:16px}
.tline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tline::after{content:"";position:absolute;left:8px;top:6px;width:2px;height:calc(var(--tp,0)*(100% - 12px));background:var(--bleu)}
.tl{position:relative;display:flex;justify-content:space-between;gap:10px;align-items:center;opacity:.35;transition:opacity .3s}
.tl::before{content:"";position:absolute;left:-26px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:9px;border:2px solid var(--bleu);background:var(--creme);transition:background-color .3s}
.tl.on{opacity:1}.tl.on::before{background:var(--bleu)}
.tl.last.on::before{background:var(--orange);border-color:var(--orange)}
.rbars{display:flex;flex-direction:column;gap:10px}
.rbar{display:grid;grid-template-columns:64px minmax(0,1fr) 112px;gap:10px;align-items:center;font-size:13px}
.rbar .t{height:18px;border-radius:5px;position:relative}
.rbar .t .ca{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--app-bleu);transition:background-color .4s}
.rbar .t .mgb{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:5px;background:var(--bleu);transition:width .9s var(--ease) .15s}
.show-mg .rbar .t .mgb{width:var(--mw)}
.show-mg .rbar.worst .t .mgb{background:var(--rouge)}
.show-mg .rbar.best .t .mgb{background:var(--vert)}
.rbar .v{text-align:right;position:relative;height:18px;overflow:hidden}
.rbar .v b{position:absolute;right:0;top:0;white-space:nowrap;font-weight:600;transition:transform .5s var(--ease),opacity .4s}
.rbar .v small{font-weight:400;color:var(--ink-2)}
.rbar .v .vmg{transform:translateY(100%);opacity:0}
.show-mg .rbar .v .vca{transform:translateY(-100%);opacity:0}
.show-mg .rbar .v .vmg{transform:none;opacity:1}
.show-mg .rbar.worst .v .vmg{color:var(--rouge)}
.show-mg .rbar.best .v .vmg{color:var(--vert)}
.track::after{content:"";flex:0 0 1px}
.rlegend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--ink-2)}
.rlegend span{display:inline-flex;align-items:center;gap:6px}
.rlegend i{width:12px;height:12px;border-radius:3px;display:inline-block}
.lg-ca{background:var(--app-bleu)}.lg-mg{background:var(--bleu)}
.v4note{margin-top:10px;font-size:13px;color:var(--ink-2);opacity:0;transform:translateY(6px);transition:opacity .4s .5s,transform .4s .5s}
.v4note.on{opacity:1;transform:none}
.v4note b{color:var(--ink)}
.bm-switch{font:600 12px/16px var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}
.bm-switch b{color:var(--ink)}

/* ===== FLUX ===== */
.flux{height:360vh;position:relative}
.flux .stick{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.flux-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center;width:100%}
.snake{width:100%;height:auto;display:block;overflow:visible}
.snake .base{fill:none;stroke:var(--line);stroke-width:3;stroke-linecap:round}
.snake .lit{fill:none;stroke:var(--bleu);stroke-width:3;stroke-linecap:round;filter:url(#glow)}
.snake .node{fill:var(--creme);stroke:#A9B6C8;stroke-width:3;transition:fill .3s,stroke .3s}
.snake .node.on{fill:var(--bleu);stroke:var(--bleu)}
.snake .node.act{fill:var(--orange);stroke:var(--orange)}
.snake .lbl{fill:var(--ink-2);font:400 15px var(--f-text)}
.snake .lbl.on{fill:var(--ink);font-weight:600}
.snake .head{fill:var(--orange);filter:url(#glow)}
.fcard{position:relative;margin-top:24px;max-width:420px}
.fcard .app-body{display:block;min-height:0}
.fcard .main{padding:16px}
.fcard .ti{font:600 18px/24px var(--f-display);display:flex;justify-content:space-between;align-items:center;gap:8px}
.fcard .st{transition:opacity .2s,transform .3s var(--ease)}
.fcard.swap .st{opacity:0;transform:translateY(8px)}
.f-now{font:600 13px/16px var(--f-text);letter-spacing:.1em;text-transform:uppercase;color:var(--bleu);margin-top:22px}
.f-txt{font:400 20px/30px var(--f-display);min-height:60px;margin-top:8px}
@media (max-width:900px){.flux{height:auto}.flux .stick{position:static;height:auto;padding-block:96px}.flux-grid{grid-template-columns:1fr}}

/* ===== ICI ===== */
.j-ici{padding-block:clamp(80px,11vw,140px)}
.ici-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:center}
.hub{position:relative;aspect-ratio:1.25;width:100%;max-width:560px;margin-inline:auto}
.hub svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hub .wire{fill:none;stroke:#A9B6C8;stroke-width:1.5}
.hub .pkt{fill:var(--bleu)}
.hub .n{position:absolute;transform:translate(-50%,-50%);background:var(--blanc);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:400 14px/1.2 var(--f-text);text-align:center;white-space:nowrap;box-shadow:var(--shadow)}
.hub .n small{display:block;color:var(--ink-2);font-size:11px;margin-top:2px}
.hub .n.c{background:var(--bleu);border-color:var(--bleu);color:var(--on-bleu);font:600 20px/1 var(--f-display);padding:16px 22px}
@media (max-width:900px){.ici-grid{grid-template-columns:1fr}}


/* écrans du flux (repris du design Jour, limités à .fcard) */
.fcard.app{background:var(--blanc);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative;font:400 13px/18px var(--f-t)}
.fcard .app-bar{display:flex;align-items:center;gap:6px;padding:11px 16px;height:auto;background:var(--brume);border-bottom:1px solid var(--line);color:var(--ink-2);font-size:12px}
.fcard .app-bar i{width:9px;height:9px;border-radius:9px;background:var(--line)}
.fcard .app-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.j-sec .cap,.fcard .cap,.hscroll .cap,.compare .cap{left:auto;right:12px;top:10px;bottom:auto}
.hscroll .badge,.fcard .badge,.compare .badge{font-size:12px}
.hscroll .row,.fcard .row,.compare .row{font-size:13px}
.duo .lead,.j-ici .lead{font-size:1.1875rem}
/* ===== anakinskywalker v2 ===== */
:root{--app-bleu:#D6E4F2;--app-orange:#FDE6DA;--bleu-clair:#5B9BD5;--on-bleu:#FFFFFF;--m-x:#5B9BD5;--f-display:var(--f-d);--f-text:var(--f-t)}
.h1{font-size:clamp(1.9rem,3.4vw,2.75rem);line-height:1.1;letter-spacing:-.018em}

/* Header : bouton du design Jour + langue */
.hcta{font:600 .875rem/1 var(--f-t);height:42px;padding:0 16px;border-radius:12px;border:2px solid transparent;background:var(--orange);color:var(--on-orange);display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s,box-shadow .3s}
.hcta:hover{background:var(--orange-h);box-shadow:0 10px 30px rgba(240,124,75,.35)}
.hcta.is-quiet{background:transparent;color:var(--bleu);border-color:var(--bleu);box-shadow:none}
.lang{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}
.lang a,.lang button{border:0;background:transparent;font:600 .8125rem/1 var(--f-t);color:var(--ink-2);padding:7px 10px;border-radius:999px;cursor:pointer;transition:background-color .2s,color .2s}
.lang a[aria-current="true"],.lang button[aria-pressed="true"]{background:var(--ink);color:#fff}
.lang a:hover:not([aria-current="true"]),.lang button:hover:not([aria-pressed="true"]){color:var(--bleu)}
@media (max-width:560px){.hcta .long{display:none}}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font:400 .9375rem/1.4 var(--f-t);z-index:96;opacity:0;pointer-events:none;transition:opacity .3s,transform .4s var(--ease);max-width:calc(100% - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* Transition : trait fin au milieu */
.wipe{position:fixed;inset:0;z-index:95;pointer-events:none}
.wipe .veil{position:absolute;inset:0;background:var(--blanc);opacity:0}
.wipe .ln{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,var(--bleu) 30%,var(--bleu) 85%,var(--orange));transform:scaleX(0);transform-origin:left}
.wipe .ln::after{content:"";position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(240,124,75,.18)}
.wipe.go .veil{animation:veil .9s ease-in-out}
.wipe.go .ln{animation:line .9s cubic-bezier(.7,0,.3,1)}
@keyframes veil{0%,100%{opacity:0}40%,60%{opacity:.92}}
@keyframes line{0%{transform:scaleX(0);transform-origin:left}45%{transform:scaleX(1);transform-origin:left}55%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}
[data-view].entering{animation:vin .6s var(--ease) both}
@keyframes vin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Compromis compact : une situation à la fois */
.cmp-sec{padding-block:clamp(56px,7vw,96px)}
.cmp-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.cmp-grid{grid-template-columns:1fr}}
.cmp-grid h2{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15}
.verdict{margin-top:22px;padding-left:16px;border-left:3px solid var(--orange)}
.verdict b{display:block;font:600 1.1rem/1.4 var(--f-d)}
.verdict span{color:var(--ink-2);font-size:1rem}
.rot{position:relative;background:var(--creme);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:18px;overflow:hidden}
.rot-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 .8125rem/1 var(--f-t);color:var(--ink-2)}
.rot-bars{display:flex;gap:6px;flex:1;max-width:220px}
.rot-bars button{flex:1;height:5px;border:0;padding:0;border-radius:5px;background:var(--line);cursor:pointer;position:relative;overflow:hidden}
.rot-bars button i{position:absolute;inset:0;background:var(--bleu);transform:scaleX(0);transform-origin:left}
.rot-bars button.done i{transform:scaleX(1)}
.rot-bars button.on i{animation:fillb var(--d,4.2s) linear forwards}
.rot.paused .rot-bars button.on i{animation-play-state:paused}
@keyframes fillb{to{transform:scaleX(1)}}
.rot-stage{position:relative;min-height:5.2em;font:400 clamp(1.15rem,1.8vw,1.4rem)/1.4 var(--f-d)}
.rot-stage p{position:absolute;inset:0;opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .6s var(--ease)}
.rot-stage p.on{opacity:1;transform:none}
.rot-stage p.out{opacity:0;transform:translateY(-16px)}
.rot-stage p::before{content:"“";font:600 2.6rem/0 var(--f-d);color:var(--orange);vertical-align:-.45em;margin-right:6px}
.rot-nav{display:flex;gap:8px}
.rot-nav button{width:40px;height:40px;border-radius:99px;border:1.5px solid var(--line);background:var(--blanc);color:var(--ink);font:600 1rem/1 var(--f-t);cursor:pointer;transition:border-color .2s,color .2s,transform .2s}
.rot-nav button:hover{border-color:var(--bleu);color:var(--bleu);transform:translateY(-2px)}
.rot .sh{position:absolute;border-radius:28%;right:-40px;bottom:-50px;width:150px;height:120px;background:var(--brume);z-index:0;transition:transform .8s var(--ease)}
.rot>*:not(.sh){position:relative;z-index:1}

/* Étapes du changement (reprises de la proposition A) */
.csteps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;counter-reset:s}
.csteps::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--line)}
.csteps::after{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--bleu);transform-origin:left;transform:scaleX(var(--sp,0));transition:transform .2s linear}
.csteps li{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding-right:12px;counter-increment:s}
.csteps li::before{content:counter(s);width:32px;height:32px;border-radius:99px;background:var(--blanc);border:2px solid var(--bleu);display:grid;place-items:center;font:600 .8125rem/1 var(--f-d);color:var(--bleu);transition:background-color .3s,color .3s,transform .3s}
.csteps li.done::before{background:var(--bleu);color:#fff}
.csteps li:hover::before{transform:scale(1.15)}
.csteps li b{font:600 1rem/1.35 var(--f-d)}
@media (max-width:820px){.csteps{grid-template-columns:1fr;gap:18px}.csteps::before,.csteps::after{left:15px;right:auto;width:2px;height:auto;top:0;bottom:0}.csteps::after{transform-origin:top;transform:scaleY(var(--sp,0))}.csteps li{flex-direction:row;align-items:center}}

/* Versions sans assistant */
.vgrid{margin-top:44px}
.vc.feat{border-color:var(--bleu)}
.vc .btn{margin-top:6px;min-height:48px;font-size:.9375rem;white-space:normal;line-height:1.3;padding:10px 18px}

/* Téléchargements */
.dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:1000px){.dl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.dl-grid{grid-template-columns:1fr}}
.dl{background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .3s;min-width:0}
.dl:hover{box-shadow:var(--shadow-lg)}
.dl .ic{width:54px;height:64px;border-radius:10px;background:var(--brume);position:relative;display:grid;place-items:end center;padding-bottom:8px;font:600 .6875rem/1 var(--f-t);color:var(--bleu);transition:transform .4s var(--ease)}
.dl .ic::before{content:"";position:absolute;right:0;top:0;width:16px;height:16px;background:linear-gradient(225deg,var(--creme) 50%,var(--line) 50%);border-radius:0 10px 0 6px}
.dl:hover .ic{transform:translateY(-4px) rotate(-4deg)}
.dl h3{font-size:1.15rem;line-height:1.3}
.dl p{color:var(--ink-2);font-size:.9375rem}
.dl .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.875rem;color:var(--ink-2);padding-top:12px;border-top:1px solid var(--line)}
.dl .get{border:1.5px solid var(--bleu);color:var(--bleu);background:transparent;border-radius:999px;padding:9px 14px;font:600 .875rem/1 var(--f-t);cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition:background-color .2s,color .2s}
.dl .get:hover{background:var(--bleu);color:#fff}
.dl-sec h2{font-size:1.4rem;margin:44px 0 18px}
.dl-sec h2:first-child{margin-top:0}

/* Sections reprises du design Jour : fonds */
#pourquoi{background:var(--blanc)}
.duo{background:var(--creme)}
#local{background:var(--creme)}
#changer{background:var(--blanc)}
#choisir{background:var(--creme)}
.j-ici{background:var(--blanc)}


/* v2.1 : menu mobile */
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--blanc);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .3s var(--ease),opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{display:none;border-top:1px solid var(--line);background:var(--blanc)}
.hdr .mnav .wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;gap:0;padding-block:8px 20px}
.mnav a:not(.btn){display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font:600 1.0625rem/1.2 var(--f-d)}
.mnav .btn{margin-top:16px;align-self:flex-start}
.mnav.open{display:block;animation:vin .35s var(--ease)}
@media (max-width:1300px){.burger{display:inline-flex}}
@media (min-width:1301px){.mnav{display:none!important}}
@media (max-width:560px){.hdr .wrap{gap:.6rem}.tools{gap:.5rem}.lang a,.lang a,.lang button{padding:7px 8px}}
/* v2.1 : pied de page */
.legal nav a:first-child{font-weight:600}
/* v2.1 : « Pensé ici » sur bleu marine */
.j-ici.navy{background:var(--nuit);color:#fff}
.j-ici.navy .eyebrow{color:#7FB2E5}
.j-ici.navy .lead{color:#BFD0E2}
.j-ici.navy .punch,.j-ici.navy .h1{color:#fff}
.j-ici.navy .hub .wire{stroke:rgba(127,178,229,.35)}
.j-ici.navy .hub .pkt{fill:#7FB2E5}
.j-ici.navy .hub .n{background:#12304F;border-color:#24425F;color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.j-ici.navy .hub .n small{color:#A3B2C4}
.j-ici.navy .hub .n.c{background:var(--orange);border-color:var(--orange);color:var(--on-orange)}


/* v2.2 : données stratégiques */
.data-sec{background:var(--blanc);padding-block:clamp(72px,9vw,120px)}
.data-head{max-width:860px;display:flex;flex-direction:column;gap:16px}
.data-head .lead b{color:var(--ink)}
.data-words{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}
.data-words span{font:600 1rem/1 var(--f-d);border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;background:var(--creme);transition:border-color .3s,background-color .3s,color .3s,transform .3s var(--ease)}
.data-words span.hot,.data-words span:hover{border-color:var(--bleu);background:var(--bleu-pale);color:var(--bleu);transform:translateY(-2px)}
.data-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:start;margin-top:48px}
@media (max-width:960px){.data-grid{grid-template-columns:1fr}}
.arch-wrap{background:var(--creme);border:1px solid var(--line);border-radius:28px;padding:clamp(12px,2vw,24px);min-width:0}
.arch{width:100%;height:auto;display:block;overflow:visible}
.arch text{font-family:var(--f-t)}
.arch .co{fill:var(--blanc);stroke:var(--bleu);stroke-width:2}
.arch .co-t{font:600 15px var(--f-d);fill:var(--bleu)}
.arch .core{fill:var(--bleu)}
.arch .core-t{font:600 16px var(--f-d);fill:#fff}
.arch .core-s{font:400 11px var(--f-t);fill:#D6E4F2}
.arch .chip rect{fill:var(--creme);stroke:var(--line);stroke-width:1.5;transition:fill .3s,stroke .3s}
.arch .chip text{font:600 12px var(--f-t);fill:var(--ink)}
.arch.m-in .chip rect{fill:var(--bleu-pale);stroke:var(--bleu)}
.arch .lnk{fill:none;stroke:#C2CCD9;stroke-width:2;stroke-dasharray:5 6}
.arch .lnk.on{stroke:var(--bleu);animation:dash 1.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-22}}
.arch .gate rect{fill:var(--blanc);stroke:var(--bleu);stroke-width:2;transition:fill .3s}
.arch .gate path{fill:none;stroke:var(--bleu);stroke-width:1.8;stroke-linecap:round}
.arch .gate.open rect{fill:var(--orange-pale);stroke:var(--orange)}
.arch .gate.open path{stroke:var(--orange-encre)}
.arch .node rect{fill:var(--blanc);stroke:var(--line);stroke-width:1.5;transition:stroke .3s,fill .3s}
.arch .node .t{font:600 15px var(--f-d);fill:var(--ink)}
.arch .node .s{font:400 11px var(--f-t);fill:var(--ink-2)}
.arch .node{cursor:pointer}
.arch .node.on rect{stroke:var(--bleu);fill:#F4F8FC}
.arch.m-out .node rect{stroke:var(--bleu)}
.arch .pkt{fill:var(--bleu)}
.arch .pkt.o{fill:var(--orange)}
.arch-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px;font-size:.875rem;color:var(--ink-2);padding-inline:6px}
.arch-legend span{display:inline-flex;align-items:center;gap:8px}
.arch-legend i{width:14px;height:14px;border-radius:4px;display:inline-block}
.lg-in{background:var(--bleu-pale);border:1.5px solid var(--bleu)}
.lg-gate{background:var(--orange-pale);border:1.5px solid var(--orange)}
.data-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.dtabs{display:inline-flex;background:var(--brume);border-radius:999px;padding:4px;align-self:flex-start;flex-wrap:wrap}
.dtabs button{border:0;background:transparent;font:600 .9375rem/1 var(--f-t);color:var(--ink-2);padding:12px 16px;border-radius:999px;cursor:pointer;transition:background-color .25s,color .25s}
.dtabs button[aria-selected="true"]{background:var(--blanc);color:var(--bleu);box-shadow:0 2px 8px rgba(11,37,64,.08)}
.dpanel{background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;gap:12px;animation:vin .45s var(--ease)}
.dpanel h3{font-size:1.3rem;line-height:1.3}
.dpanel p{color:var(--ink-2)}
.dpanel .strong{color:var(--ink);font:600 1.1rem/1.4 var(--f-d)}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.checks li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.5}
.checks li:last-child{border-bottom:0}
.checks li::before{content:"";flex:0 0 22px;height:22px;border-radius:7px;margin-top:1px;background:var(--bleu-pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M6 11.5l3.2 3L16 7.5' fill='none' stroke='%23004F8A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.checks.open li::before{background-color:var(--orange-pale);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M7 11h8M12 7.5l3.5 3.5-3.5 3.5' fill='none' stroke='%23B4461A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.data-foot{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 40px;align-items:center}
.data-foot p:last-child{color:var(--ink-2)}
@media (max-width:820px){.data-foot{grid-template-columns:1fr}}
#local.data-sec{background:var(--blanc)}
.dpanel[hidden]{display:none}
.arch.v .node .t{font-size:12.5px}.arch.v .node .s{font-size:10px}
.baseline{font:600 1.05rem/1.35 var(--f-d);color:var(--ink);max-width:24ch}


/* v2.3 : bouton header = variante 05 (horloge) */
.hcta{border-radius:999px;padding:0 16px 0 9px;gap:8px;transition:background-color .2s,color .2s,border-color .2s,box-shadow .3s,transform .25s var(--ease)}
.hcta:hover{transform:translateY(-2px)}
.hcta .ck{width:24px;height:24px;flex:0 0 auto}
.hcta .ck-f{fill:#fff;transition:fill .2s}
.hcta .ck-h{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;transition:stroke .2s}
.hcta .ck-m{transform-origin:12px 12px;transition:transform 1.2s var(--ease),stroke .2s}
.hcta:hover .ck-m{transform:rotate(360deg)}
.hcta.is-quiet .ck-f{fill:var(--bleu-pale)}
.hcta.is-quiet .ck-h{stroke:var(--bleu)}
@media (prefers-reduced-motion: reduce){.hcta:hover .ck-m{transform:none}}


/* v2.4 : CTA « Voyons si atepi mérite votre temps » + bloc démo */
.hcta .short{display:none}
@media (max-width:560px){.hcta .long{display:none}.hcta .short{display:inline}}
@media (min-width:1301px) and (max-width:1400px){.nav a{padding:.65rem .5rem}.hdr .wrap{gap:.7rem}}
.demo-copy{display:flex;flex-direction:column;gap:18px}
.demo-copy .h2{font-size:clamp(1.6rem,2.8vw,2.3rem)}
.demo-copy .lead b{color:#fff}
.demo-noise{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font:400 1.1rem/1.45 var(--f-d);color:#A3B2C4}
.demo-noise li{position:relative;justify-self:start;width:fit-content;opacity:.35;transition:opacity .5s}
.demo-noise li.on{opacity:1}
.demo-noise li:not(:last-child)::after{content:"";position:absolute;left:-2px;right:-2px;top:55%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease) .25s}
.demo-noise li.on:not(:last-child)::after{transform:scaleX(1)}
.demo-q{font:600 clamp(1.2rem,2vw,1.5rem)/1.35 var(--f-d);color:#fff;border-left:3px solid var(--orange);padding-left:16px;opacity:.35;transition:opacity .6s}
.demo-q.on{opacity:1}
@media (prefers-reduced-motion: reduce){.demo-noise li,.demo-q{opacity:1}}


/* v2.5 : espace réduit au-dessus des quatre preuves ; atepi toujours en minuscules */
.hscroll .stick{justify-content:flex-start;padding-top:92px;gap:22px}
section.hscroll,section.flux{padding-block:0}
.duo{padding-bottom:clamp(48px,6vw,80px)}
@media (max-width:900px){.hscroll .stick{padding-block:56px 72px}}
.nocase{text-transform:none!important;letter-spacing:0}


/* v2.6 : ressources techniques */
.tech-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.tech-jump a{border:1.5px solid var(--line);background:var(--blanc);border-radius:999px;padding:9px 16px;text-decoration:none;font:600 .9375rem/1 var(--f-t);transition:border-color .2s,color .2s,transform .2s}
.tech-jump a:hover{border-color:var(--bleu);color:var(--bleu);transform:translateY(-2px)}
.tech-body{background:var(--creme);padding-block:12px clamp(64px,9vw,112px)}
.tech-sec{padding-block:28px;scroll-margin-top:96px}
.tech-h{font-size:clamp(1.4rem,2.2vw,1.8rem);margin-bottom:20px}
.tech-lead{color:var(--ink-2);margin:-8px 0 20px}
.tb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.tb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.tb-grid{grid-template-columns:1fr}}
.tb{background:var(--blanc);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0;transition:transform .3s var(--ease),box-shadow .3s}
.tb:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.tb-ic{width:42px;height:42px;border-radius:12px;background:var(--bleu-pale);color:var(--bleu);display:grid;place-items:center;flex:0 0 auto}
.tb h3{font-size:1.1rem;line-height:1.3;margin-top:6px}
.tb p{color:var(--ink-2);font-size:.9375rem;line-height:1.55}
.xsd{background:var(--blanc);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,3vw,32px);display:flex;flex-direction:column;gap:20px}
.xsd-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.xsd-ic{width:58px;height:58px;border-radius:16px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:0 0 auto}
.xsd-t{flex:1;min-width:200px}
.xsd-t h3{font:600 1.35rem/1.2 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:-.01em}
.xsd-t p{color:var(--ink-2);font-size:.9375rem;margin-top:4px}
.xsd-act{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.xsd-act .btn{min-height:48px;font-size:.9375rem}
.xsd-meta{display:flex;flex-wrap:wrap;gap:12px;margin:0}
.xsd-meta div{background:var(--creme);border:1px solid var(--line);border-radius:14px;padding:12px 16px;min-width:140px}
.xsd-meta dt{font:600 .75rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.xsd-meta dd{margin:0;font:600 1.05rem/1.2 var(--f-d)}
.xsd-d{color:var(--ink-2)}
.tech-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.tech-tools .filters button span{font-weight:400;opacity:.7;margin-left:2px}
.xg-grid{columns:2 380px;column-gap:18px}
.xg{break-inside:avoid;margin:0 0 18px;background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:20px;position:relative}
.xg[hidden]{display:none}
.xg header{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.xg h3{font-size:1.15rem}
.xg-n{margin-left:auto;font-size:.8125rem;color:var(--ink-2)}
.beta{font:600 .75rem/1 var(--f-t);color:var(--orange-encre);background:var(--orange-pale);border-radius:999px;padding:5px 9px}
.xg ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.xg li[hidden]{display:none}
.xf{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;text-decoration:none;border:1px solid transparent;transition:background-color .2s,border-color .2s,transform .25s var(--ease)}
.xf:hover{background:var(--creme);border-color:var(--line);transform:translateX(4px)}
.xf-ic{width:32px;height:32px;border-radius:9px;background:var(--brume);color:var(--bleu);display:grid;place-items:center;flex:0 0 auto}
.xf-t{display:flex;flex-direction:column;min-width:0;flex:1}
.xf-t b{font-weight:600;font-size:.9875rem;line-height:1.35}
.xf-t small{font:400 .75rem/1.4 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xf-go{color:var(--bleu);font-weight:600;opacity:0;transition:opacity .2s}
.xf:hover .xf-go{opacity:1}
.tech-cta{background:var(--ink);color:#fff;border-radius:24px;padding:clamp(22px,3.4vw,40px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.tech-cta h2{font-size:clamp(1.3rem,2vw,1.6rem)}
.tech-cta p{color:#BFD0E2;margin-top:6px;max-width:52ch}
.tech-banner{display:flex;align-items:center;gap:16px;background:var(--blanc);border:1px solid var(--line);border-radius:20px;padding:16px 20px;margin-bottom:22px;text-decoration:none;transition:box-shadow .3s}
.tech-banner:hover{box-shadow:var(--shadow)}
.tech-banner>span:nth-child(2){display:flex;flex-direction:column;flex:1}
.tech-banner b{font:600 1.05rem/1.3 var(--f-d)}
.tech-banner small{color:var(--ink-2);font-size:.9375rem}
.tech-banner .arr{color:var(--bleu);font-size:1.2rem;transition:transform .3s var(--ease)}
.tech-banner:hover .arr{transform:translateX(5px)}


/* v2.7 : bascule CA / marge */
.v4top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.v4top .bm-switch{margin:0}
.v4seg{display:inline-flex;background:var(--blanc);border:1px solid var(--line);border-radius:999px;padding:3px}
.v4seg button{border:0;background:transparent;font:600 12px/1 var(--f-t);color:var(--ink-2);padding:7px 12px;border-radius:999px;cursor:pointer}
.v4seg button[aria-pressed="true"]{background:var(--bleu);color:#fff}







/* v3.3 : page Peppol */
.pp-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,64px);align-items:end}
.pp-head h1{max-width:20ch}
.pp-cta{margin-top:24px}
.pp-status{display:flex;flex-direction:column;gap:10px}
.pp-st{background:var(--blanc);border:1px solid var(--line);border-radius:16px;padding:14px 18px;display:flex;flex-direction:column;gap:2px;position:relative}
.pp-st b{font:600 1.15rem/1.2 var(--f-d)}
.pp-st span:not(.pp-dot){color:var(--ink-2);font-size:.9375rem}
.pp-st:first-child{border-color:var(--bleu);padding-left:38px}
.pp-dot{position:absolute;left:16px;top:21px;width:10px;height:10px;border-radius:99px;background:#2E9E5B;box-shadow:0 0 0 0 rgba(46,158,91,.5);animation:ppPulse 2s infinite}
@keyframes ppPulse{70%{box-shadow:0 0 0 10px rgba(46,158,91,0)}100%{box-shadow:0 0 0 0 rgba(46,158,91,0)}}
@media (prefers-reduced-motion:reduce){.pp-dot{animation:none}}
.pp-body{background:var(--creme)}
section.pp-sec{padding-block:clamp(48px,7vw,88px) 0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,64px);align-items:center}
.pp-txt h2{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15;margin-bottom:14px}
.pp-txt p:not(.eyebrow){color:var(--ink-2);max-width:56ch}
.pp-compare{display:flex;flex-direction:column;gap:12px}
.pp-old,.pp-new{border-radius:20px;padding:20px 22px}
.pp-old{background:var(--blanc);border:1px dashed #C9B8AC}
.pp-new{background:var(--bleu);color:#fff}
.pp-k{display:block;font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;color:var(--ink-2)}
.pp-new .pp-k{color:#BFD8F0}
.pp-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.pp-flow span{background:var(--brume);border-radius:999px;padding:7px 12px;font:600 .875rem/1 var(--f-t)}
.pp-flow em{font-style:normal;opacity:.6}
.pp-old .pp-flow span:first-child{text-decoration:none!important;color:var(--ink)!important}
.pp-old .pp-flow span{text-decoration:line-through;text-decoration-color:var(--orange);color:var(--ink-2)}
.pp-new .pp-flow span{background:rgba(255,255,255,.14);color:#fff}
.pp-new .pp-flow span.hl{background:var(--orange);color:var(--on-orange)}
.pp-old p{color:var(--ink-2);font-size:.9375rem}
.pp-new p{color:#D6E4F2;font-size:.9375rem}
.pp-three{list-style:none;margin:clamp(40px,6vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pp-three li{background:var(--blanc);border:1px solid var(--line);border-radius:20px;padding:24px;transition:transform .35s var(--ease),box-shadow .35s}
.pp-three li:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pp-n{font:600 .875rem/1 var(--f-d);color:var(--orange-encre)}
.pp-three h3{font-size:1.25rem;margin:12px 0 6px}
.pp-three p{color:var(--ink-2);font-size:.9875rem}
.pp-more{display:inline-block;margin-top:16px;color:var(--bleu);font-weight:600;text-decoration:none}
.pp-more:hover{text-decoration:underline;text-underline-offset:4px}
.pp-vgrid{display:flex;flex-direction:column;gap:10px}
.pp-v{background:var(--blanc);border:1px solid var(--line);border-radius:16px;padding:16px 20px;display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center}
.pp-v b{font:600 1.05rem/1.2 var(--f-d)}
.pp-v p{color:var(--ink-2);font-size:.9375rem}
.pp-v.main{border-color:var(--bleu);border-width:2px}
section.pp-tax{margin-top:clamp(48px,7vw,88px);padding:clamp(24px,4vw,40px);background:var(--blanc);border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.pp-tax-n{width:clamp(140px,16vw,180px);aspect-ratio:1;border-radius:28%;background:var(--orange);color:var(--on-orange);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.pp-tax-n b{font:600 clamp(2.2rem,4vw,3rem)/1 var(--f-d);letter-spacing:-.03em}
.pp-tax-n span{font:600 .875rem/1.2 var(--f-t)}
.pp-tax h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin-bottom:10px}
.pp-tax p:not(.eyebrow){color:var(--ink-2);max-width:60ch}
.pp-tax .pp-note{margin-top:10px;font-size:.9375rem;color:var(--ink)!important;font-weight:400}
section.pp-read{padding-block:clamp(48px,7vw,88px)}
.pp-read h2{font-size:1.4rem;margin-bottom:16px}
.pp-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pp-links a{background:var(--blanc);border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .3s var(--ease),box-shadow .3s}
.pp-links a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.pp-links span{font:600 .75rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--bleu)}
.pp-links b{font:600 1.05rem/1.3 var(--f-d);padding-right:24px}
.pp-links i{position:absolute;right:18px;bottom:18px;font-style:normal;color:var(--bleu);transition:transform .3s var(--ease)}
.pp-links a:hover i{transform:translateX(4px)}
.hub a.n{text-decoration:none;cursor:pointer;transition:border-color .2s,transform .3s}.hub a.n:hover{border-color:var(--orange)}
.kw{color:inherit;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
.kw:hover{color:var(--bleu)}
.art-peppol{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--brume);border-radius:16px;padding:16px 20px;text-decoration:none;color:var(--ink);font-weight:600}
.art-peppol span{color:var(--bleu)}
@media (max-width:900px){.pp-hero,section.pp-sec,section.pp-tax{grid-template-columns:1fr}.pp-three,.pp-links{grid-template-columns:1fr}.pp-v{grid-template-columns:1fr;gap:4px}}

/* v3.2 : accès protégé */
.gate{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(8,26,46,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:gIn .3s var(--ease) both}
.gate[hidden]{display:none}
@keyframes gIn{from{opacity:0}to{opacity:1}}
.gate-card{position:relative;width:min(440px,100%);background:var(--blanc);border-radius:24px;padding:clamp(24px,4vw,36px);box-shadow:0 30px 80px rgba(8,26,46,.35);animation:gUp .45s var(--ease) both}
@keyframes gUp{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.gate-card.shake{animation:gShake .4s}
@keyframes gShake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}
.gate-ic{width:52px;height:52px;border-radius:15px;background:var(--bleu);color:#fff;display:grid;place-items:center;margin-bottom:16px}
.gate-card .eyebrow{margin-bottom:6px}
.gate-card h2{font-size:1.45rem;line-height:1.2;margin-bottom:8px}
.gate-card>p{color:var(--ink-2)}
.gate-card form{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.gate-card label{font:600 .875rem/1 var(--f-t)}
.gate-in{position:relative}
.gate-in input{width:100%;font:400 1.05rem/1 var(--f-t);padding:15px 52px 15px 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--creme);color:var(--ink);transition:border-color .2s,box-shadow .2s}
.gate-in input:focus{outline:0;border-color:var(--bleu);box-shadow:0 0 0 4px rgba(0,79,138,.15)}
.gate-in input.bad{border-color:var(--rouge)}
.gate-in button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:none;color:var(--ink-2);border-radius:10px;cursor:pointer;display:grid;place-items:center}
.gate-in button[aria-pressed="true"]{color:var(--bleu)}
.gate-err{min-height:1.2em;color:var(--rouge);font-size:.875rem}
.gate-card .btn{width:100%}
.gate-card .btn[disabled]{opacity:.7;cursor:wait}
.gate-help{font-size:.9375rem;margin-top:16px;text-align:center}
.gate-help a{color:var(--bleu);font-weight:600}
.gate-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:99px;border:0;background:var(--brume);color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer}
.gate-lock{padding-block:clamp(24px,5vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
body.gate-open{overflow:hidden}

/* v3.1 : pour les comptables */
.fd-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,5vw,72px);align-items:end}
.fd-head h1{max-width:22ch}
.fd-yes{border-left:3px solid var(--orange);padding-left:clamp(18px,2.5vw,28px)}
.fd-oui{font:600 clamp(4rem,9vw,7rem)/.9 var(--f-d);color:var(--orange);letter-spacing:-.04em;margin-bottom:14px}
.fd-yes p:not(.fd-oui){font-size:1.125rem;font-weight:400;color:var(--ink)}
.fd-yes .fd-sm{font-size:.9875rem;font-weight:400;color:var(--ink-2);margin-top:10px}
.fd-body{background:var(--creme)}
section.fd-stake{padding-block:clamp(24px,4vw,48px)}
.fd-stake{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,56px);font:400 clamp(1.15rem,2vw,1.45rem)/1.4 var(--f-d)}
.fd-stake span{color:var(--ink-2);text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:2px}
.fd-stake b{color:var(--bleu);font-weight:600}
section.fd-sec{padding-block:clamp(56px,8vw,96px) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.fd-sec:nth-of-type(odd) .fd-txt{order:2}
.fd-txt h2{font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.15;margin-bottom:14px}
.fd-txt p:not(.eyebrow){color:var(--ink-2);margin-bottom:12px;max-width:56ch}
.fd-punch{color:var(--ink)!important;font-weight:600;border-left:3px solid var(--bleu);padding-left:14px;margin-top:18px}
.fd-scale{background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:24px}
.fd-ends{display:flex;justify-content:space-between;font:600 .75rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding-bottom:12px;margin-bottom:8px;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--bleu-pale),var(--bleu)) 1}
.fd-lv{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fd-lv li{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;margin-left:calc(var(--i)*14px);transition:background-color .25s,transform .3s var(--ease);font-size:.9375rem}
.fd-lv li:hover{background:var(--brume);transform:translateX(4px)}
.fd-dot{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font:600 .75rem/1 var(--f-d);flex:0 0 auto;color:#fff;background:color-mix(in srgb,var(--bleu) calc(40% + var(--i)*12%),#9DBBD8)}
.fd-flow{display:flex;flex-direction:column;align-items:stretch}
.fd-node{background:var(--blanc);border:1px solid var(--line);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow)}
.fd-node b{display:block;font:600 1.05rem/1.2 var(--f-d)}
.fd-node small{color:var(--ink-2);font-size:.875rem}
.fd-node.mid{background:var(--bleu);border-color:var(--bleu);color:#fff}.fd-node.mid small{color:#D6E4F2}
.fd-node.end{border-color:var(--orange);border-width:2px}
.fd-wire{height:40px;width:2px;background:var(--line);margin-left:36px;position:relative;overflow:hidden}
.fd-wire i{position:absolute;left:-3px;top:-10px;width:8px;height:8px;border-radius:99px;background:var(--orange);animation:fdrop 1.6s linear infinite}
.fd-wire:nth-of-type(4) i{animation-delay:.8s}
@keyframes fdrop{to{top:44px}}
.fd-res{background:var(--blanc);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink)!important;font-weight:600}
.fd-res span{display:block;font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-encre);margin-bottom:6px}
.fd-three{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.fd-three li{font:600 clamp(1.8rem,3.6vw,2.8rem)/1.15 var(--f-d);color:var(--ink-2);letter-spacing:-.02em;opacity:.55;transition:opacity .5s,color .5s}
.fd-three li span{font-weight:400;font-size:.55em;display:block;letter-spacing:0;color:var(--ink-2)}
.fd-three.in li{opacity:1;color:var(--ink)}
.fd-three.in li.up{color:var(--bleu)}
.fd-three li:nth-child(2){transition-delay:.25s}.fd-three li:nth-child(3){transition-delay:.5s}
.fd-cut{background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:26px}
.fd-cut-h{font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}
.fd-cut ul{list-style:none;margin:0;padding:0}
.fd-cut li{padding:11px 0;border-bottom:1px dashed var(--line);position:relative;color:var(--ink);transition:color .4s calc(var(--i)*.18s + .2s)}
.fd-cut li:last-child{border-bottom:0}
.fd-cut li span{background:linear-gradient(var(--orange),var(--orange)) 0 58%/0 2px no-repeat;transition:background-size .5s var(--ease) calc(var(--i)*.18s);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.fd-cut.in li{color:var(--ink-2)}
.fd-cut.in li span{background-size:100% 2px}
.fd-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fd-split>div{background:var(--blanc);border:1px solid var(--line);border-radius:18px;padding:22px}
.fd-split>div:last-child{background:var(--bleu);border-color:var(--bleu);color:#fff}
.fd-k{display:block;font:600 1.4rem/1.1 var(--f-d);margin-bottom:6px}
.fd-split p{font-size:.9875rem}
.fd-split>div:first-child p{color:var(--ink-2)}
.fd-check{background:var(--nuit);color:#fff;position:relative;overflow:hidden;padding-block:clamp(56px,8vw,96px);margin-top:clamp(64px,9vw,112px)}
.fd-check .eyebrow{color:#7FB2E5}
.fd-check-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);align-items:center;position:relative;z-index:1}
.fd-check h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;color:#fff;margin-bottom:14px}
.fd-check p{color:#BFD0E2;max-width:56ch}
.fd-note{margin-top:16px}.fd-note b{color:#fff}
.fd-form{background:#12304F;border:1px solid #24425F;border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:12px}
.fd-form label{font:600 .875rem/1 var(--f-t);color:#BFD0E2}
.fd-form input{font:400 1.05rem/1 var(--f-t);padding:15px 16px;border-radius:12px;border:1.5px solid #3A5A7A;background:var(--blanc);color:var(--ink)}
.fd-form input:focus{outline:3px solid var(--orange);outline-offset:1px}
.fd-form .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:12px}
@media (max-width:860px){.fd-hero,section.fd-sec,.fd-check-in,.fd-stake{grid-template-columns:1fr}.fd-sec:nth-of-type(odd) .fd-txt{order:0}.fd-lv li{margin-left:calc(var(--i)*6px)}}
@media (max-width:520px){.fd-split{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.fd-wire i{animation:none;top:16px}}

/* v3.0 : devenir revendeur */
.rv-hl{color:var(--bleu)}
section.rv-intro,section.rv-why{padding-top:0}
section.rv-intro{padding-block:clamp(16px,3vw,32px) clamp(48px,7vw,80px)}
section.rv-why{padding-bottom:clamp(64px,9vw,112px)}
.rv-body{background:var(--creme)}
.rv-intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(16px,3vw,32px) clamp(48px,7vw,88px)}
.rv-intro h2{font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.2;margin-bottom:16px}
.rv-intro p{color:var(--ink-2);font-size:1.0625rem;max-width:60ch}
.rv-intro p b{color:var(--ink)}
.rv-stat{background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}
.rv-stat b{font:600 clamp(3rem,6vw,4.5rem)/1 var(--f-d);color:var(--orange);letter-spacing:-.03em}
.rv-stat span{color:var(--ink-2)}
.rv-why{padding-bottom:clamp(64px,9vw,112px)}
.rv-why h2{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:28px}
.rv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rv-card{background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:28px;transition:transform .35s var(--ease),box-shadow .35s}
.rv-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.rv-card:nth-child(2),.rv-card:nth-child(4){background:var(--brume)}
.rv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.rv-ic{width:52px;height:52px;border-radius:15px;background:var(--bleu);color:#fff;display:grid;place-items:center;transition:transform .5s var(--ease)}
.rv-card:hover .rv-ic{transform:rotate(-8deg) scale(1.06)}
.rv-n{font:600 .875rem/1 var(--f-d);color:var(--ink-2);letter-spacing:.06em}
.rv-card h3{font-size:1.3rem;line-height:1.25;margin-bottom:10px}
.rv-why h2{line-height:1.15}
.rv-card p{color:var(--ink-2);font-size:.9875rem;line-height:1.65}
.rv-card p b{color:var(--ink)}
.rv-cta{background:var(--nuit);color:#fff;position:relative;overflow:hidden;padding-block:clamp(56px,8vw,96px)}
.rv-cta-in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;position:relative;z-index:1}
.rv-cta h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;max-width:22ch;margin-bottom:12px;color:#fff}
.rv-cta p{color:#BFD0E2;max-width:56ch}
.rv-cta p b{color:#fff}
@media (max-width:820px){.rv-intro{grid-template-columns:1fr}.rv-grid{grid-template-columns:1fr}.rv-cta .btn{width:100%}}


/* bouton 13 : cercle qui s'étend (téléchargements) */
.dl13{font:600 .9375rem/1 var(--f-t);text-decoration:none;display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 4px 0 20px;border-radius:999px;border:2px solid var(--orange);background:transparent;color:var(--ink);position:relative;overflow:hidden;isolation:isolate;white-space:nowrap;transition:transform .25s var(--ease)}
.dl13 .lbl{position:relative;z-index:1;transition:color .3s}
.dl13 .c{width:38px;height:38px;border-radius:999px;background:var(--orange);color:var(--on-orange);display:grid;place-items:center;position:relative;z-index:0;flex:0 0 auto}
.dl13 .c::before{content:"";position:absolute;right:0;top:0;bottom:0;width:38px;border-radius:999px;background:var(--orange);z-index:-1;transition:width .5s var(--ease)}
.dl13 .c svg{transition:transform .35s var(--ease)}
.dl13:hover .c::before,.dl13:focus-visible .c::before{width:420px}
.dl13:hover .lbl,.dl13:focus-visible .lbl{color:var(--on-orange)}
.dl13:hover .c svg{transform:translateY(2px)}
.dl13-b{border-color:var(--bleu)}
.dl13-b .c,.dl13-b .c::before{background:var(--bleu);color:#fff}
.dl13-b:hover .lbl,.dl13-b:focus-visible .lbl{color:#fff}
@media (max-width:760px){.dl13{width:100%;justify-content:space-between}}

.fsub::before{content:"– ";color:var(--ink-2)}
/* v2.9 : téléchargements, liste simple (option F) */
.fl{background:var(--blanc);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.fl-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 170px 180px;gap:20px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);transition:background-color .2s}
.fl-row:last-child{border-bottom:0}
.fl-row:not(.fl-hd):hover{background:#F8FAFD}
.fl-hd{background:var(--brume);font:600 .75rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding-block:13px}
.fl-p{display:flex;gap:14px;align-items:center;min-width:0}
.fl-p .ic{width:44px;height:44px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;background:var(--creme);border:1px solid var(--line);padding:6px}
.fl-p .ic img{width:100%;height:auto;display:block}
.fl-p .ic.pic{padding:0;border:0;background:none;overflow:hidden}
.fl-p .ic.pic img{width:100%;height:100%;object-fit:cover}
.fl-p .ic.b{background:var(--orange-pale);border-color:var(--orange-pale);color:var(--orange-encre);font-weight:600}
.fl-p b{font:600 1.125rem/1.2 var(--f-d);display:block}
.fl-p small{color:var(--ink-2);font-size:.8125rem;font-family:ui-monospace,Menlo,Consolas,monospace}
.fl-v{font-variant-numeric:tabular-nums;text-align:left}
.fl-v .k{display:none}
.fl-a{justify-self:end}
.fl-btn{min-height:44px;font-size:.9375rem;padding:0 1.1rem}
.fl .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fl.fl-beta{border-color:#EBD3C5;background:#FFFCF8}
.fl.fl-beta .fl-hd{background:#FBEFE7}
.fl-t{font-size:1.25rem;margin:44px 0 6px}
.fl-l{color:var(--ink-2);font-size:.9375rem;margin-bottom:16px}
@media (max-width:760px){.fl-hd{display:none}.fl-row{grid-template-columns:1fr;gap:6px;padding:18px}.fl-p{margin-bottom:6px}.fl-v{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:.9375rem}.fl-v .k{display:block;color:var(--ink-2)}.fl-a{justify-self:stretch;margin-top:10px}.fl-btn{width:100%}}

/* v2.8 : téléchargements logiciels */
section.soft-sec{margin-bottom:34px;padding-block:0}
.dl-sec{padding-top:36px}
.soft-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.dl-sec .soft-h h2{margin:0;font-size:1.4rem}
.soft-hi{width:38px;height:38px;border-radius:11px;background:var(--bleu-pale);color:var(--bleu);display:grid;place-items:center}
.soft-hi.ok{background:var(--vert-bg);color:var(--vert)}
.soft-hi.beta-i{background:var(--orange-pale);color:var(--orange-encre)}
.hint{color:var(--ink-2);font-size:.9375rem}
.hint::before{content:"— "}
.sw{background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:20px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;transition:box-shadow .3s}
.sw:hover{box-shadow:var(--shadow)}
.sw-logo{width:64px;height:64px;border-radius:18px;background:var(--creme);border:1px solid var(--line);display:grid;place-items:center;flex:0 0 auto;padding:8px}
.sw-logo img{width:100%;height:auto;display:block}
.sw-logo.sync{background:var(--bleu);border-color:var(--bleu);color:#fff;transition:transform .8s var(--ease)}
.sw:hover .sw-logo.sync{transform:rotate(180deg)}
.sw-t{flex:1;min-width:180px}
.sw-t h3{font-size:1.3rem;display:flex;align-items:center;gap:10px}
.sw-t p{color:var(--ink-2);font-size:.9375rem;margin-top:2px}
.mono,.sw-meta dd{font-variant-numeric:tabular-nums}
.sw-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.sw-meta div{background:var(--creme);border:1px solid var(--line);border-radius:12px;padding:9px 13px}
.sw-meta dt{font:600 .6875rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:5px}
.sw-meta dd{margin:0;font:600 .9375rem/1.2 var(--f-d)}
.sw-btn{min-height:48px;font-size:.9375rem}
.sw-beta{border-style:dashed;border-color:#E8B8A2}
.beta-warn{background:var(--orange-pale);border-left:4px solid var(--orange);border-radius:12px;padding:14px 18px;margin-bottom:14px;font-size:.9375rem;color:var(--ink)}
.dl-sec h2.docs-h{margin-top:12px;padding-top:28px;border-top:1px solid var(--line)}
@media (max-width:640px){.sw{padding:18px}.sw-btn{width:100%}}


/* v2.9 : comparer les versions */
.cmpv-body{background:var(--creme);padding-block:12px clamp(64px,9vw,112px)}
.cv .cv-name{font-size:1.9rem;line-height:58px;margin:6px 0 10px}
.cv .cv-logo{display:block;height:58px!important;width:auto!important;max-width:100%;aspect-ratio:auto;object-fit:contain;object-position:left center;margin:6px 0 10px}
.cv h2.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.cv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:900px){.cv-cards{grid-template-columns:1fr}}
.cv{position:relative;background:var(--blanc);border:2px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:12px;min-width:0;transition:border-color .4s,transform .5s var(--ease),box-shadow .4s,opacity .4s}
.cv .role{font:600 .8125rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--bleu)}
.cv h2{font-size:1.6rem}
.cv-pr{color:var(--ink-2);font-size:.9375rem;white-space:nowrap}
.cv-pr b{font:600 2.8rem/1 var(--f-d);color:var(--ink);letter-spacing:-.03em}
.cv-pos{font:400 1.05rem/1.45 var(--f-d)}
.cv-lim{font-size:.9375rem;color:var(--ink-2);border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.cv .btn{min-height:48px;font-size:.9375rem;white-space:normal;line-height:1.3;padding:10px 18px}
.cv .pick{position:absolute;top:-14px;left:22px;background:var(--orange);color:var(--on-orange);font:600 .8125rem/1 var(--f-t);padding:7px 12px;border-radius:999px;opacity:0;transform:translateY(6px);transition:all .4s var(--ease)}
.cv-cards.chosen .cv{opacity:.5}
.cv-cards.chosen .cv.win{opacity:1;border-color:var(--bleu);transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.cv-cards.chosen .cv.win .pick{opacity:1;transform:none}
.cv-help{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:28px;align-items:center;margin-top:40px;padding-block:0}
.cv-help h2{font-size:1.6rem}
.cv-help p{color:var(--ink-2);margin-top:6px}
@media (max-width:900px){.cv-help{grid-template-columns:1fr}}
.wiz{background:var(--blanc);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;gap:14px}
.wiz .q{font:600 clamp(1.15rem,1.9vw,1.4rem)/1.35 var(--f-d);min-height:0}
.wiz .opts{display:flex;gap:10px;flex-wrap:wrap}
.wiz .opt{border:2px solid var(--bleu);background:var(--blanc);color:var(--bleu);font:600 1rem/1 var(--f-t);border-radius:999px;padding:13px 24px;cursor:pointer;transition:background-color .2s,color .2s}
.wiz .opt:hover{background:var(--bleu);color:#fff}
.wiz .prog{display:flex;gap:6px}.wiz .prog i{flex:1;height:5px;border-radius:5px;background:var(--line);transition:background-color .3s}.wiz .prog i.on{background:var(--bleu)}
.wiz .again{background:none;border:0;color:var(--bleu);font:600 .9375rem var(--f-t);cursor:pointer;text-decoration:underline;text-underline-offset:4px;align-self:flex-start;padding:0}
.wiz .wstep{font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.wz-scr{display:flex;flex-direction:column;gap:14px;animation:wzIn .35s var(--ease) both}
@keyframes wzIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wz-scr{animation:none}}
.wiz .wz-sub{color:var(--ink-2);margin-top:-4px}
.wiz .wz-feat{color:var(--ink);font-weight:400}
.wz-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.wz-chips li{background:var(--bleu-pale);color:var(--bleu);font:600 .8125rem/1 var(--f-t);border-radius:999px;padding:8px 12px}
.wiz .wz-micro{font-size:.875rem;color:var(--ink-2);margin-top:-4px}
.wiz .opt-on{background:var(--bleu);color:#fff}
.wiz .wz-back{color:var(--ink-2);text-decoration:none;font-weight:400}
.form .ctx-d{font-size:.8125rem;color:var(--ink-2);margin-top:-6px}
section.cv-matrix,section.cv-help{padding-block:0}
.cv-matrix{margin-top:48px}
.mx-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.mx-top h2{font-size:1.6rem}
.mx-diff{display:inline-flex;align-items:center;gap:10px;font:600 .9375rem/1 var(--f-t);cursor:pointer;background:var(--blanc);border:1.5px solid var(--line);border-radius:999px;padding:10px 16px}
.mx-diff input{width:18px;height:18px;accent-color:var(--bleu)}
.mx-wrap{position:relative;background:var(--blanc);border:1px solid var(--line);border-radius:22px;overflow:clip;max-width:100%}
.mx td{position:relative}
.mx{width:100%;border-collapse:collapse;font-size:1rem}
.mx thead th{position:sticky;top:76px;z-index:2;background:var(--blanc);text-align:center;font:600 1.1rem/1.2 var(--f-d);padding:16px 12px;border-bottom:2px solid var(--line);transition:background-color .3s,color .3s}
.mx thead th:first-child{text-align:left;font:600 .75rem/1 var(--f-t);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.mx thead th small{display:block;font:400 .75rem/1.3 var(--f-t);color:var(--ink-2);margin-top:3px}
.mx .gh th{text-align:left;background:var(--brume);font:600 .8125rem/1 var(--f-t);letter-spacing:.06em;text-transform:uppercase;color:var(--bleu);padding:12px 18px}
.mx tbody tr:not(.gh) th{text-align:left;font-weight:400;padding:12px 18px;border-bottom:1px solid var(--line)}
.mx td{text-align:center;padding:12px;border-bottom:1px solid var(--line);width:19%;transition:background-color .2s}
.mx tbody tr:not(.gh):hover th,.mx tbody tr:not(.gh):hover td{background:#F8FAFD}
.mx .yes{display:inline-block;width:24px;height:24px;border-radius:99px;background:var(--bleu-pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5l3.2 3L17 8.5' fill='none' stroke='%23004F8A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;vertical-align:middle}
.mx .no{color:#A9B6C8;font-weight:600}
.mx .part{font:600 .875rem/1.2 var(--f-t);color:var(--bleu);background:var(--bleu-pale);border-radius:999px;padding:5px 10px;white-space:nowrap}
.mx .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mx .hot{background:#EEF4FA!important}
.mx thead th.hot{background:var(--bleu)!important;color:#fff}
.mx thead th.hot small{color:#D6E4F2}
.mx.diff tr[data-same="1"]{display:none}
.mx-note{margin-top:14px;font-size:.9375rem;color:var(--ink-2);display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
@media (max-width:760px){
  .mx-wrap{overflow:auto hidden;overflow-x:auto;overflow-y:hidden;contain:inline-size}.mx{min-width:600px;font-size:.9375rem}.mx thead th{position:static}
  .mx tbody tr:not(.gh) th,.mx thead th:first-child{position:sticky;left:0;background:var(--blanc);z-index:1}
}

/* Apparition douce */
.js .rv.in{animation:rise .8s var(--ease) both;animation-delay:calc(var(--d,0)*100ms)}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mark{background-size:100% 100%}}

.lang a{text-decoration:none;display:inline-block}
.dl13-off{border-color:var(--line);color:var(--ink-2);padding:0 20px;cursor:default}
.dl13-off:hover .lbl{color:inherit}
.fl-a .dl13{min-width:160px;justify-content:space-between}
.fl-a .dl13-off{justify-content:center}