@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk Variable";font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk Variable";font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fonts/space-grotesk-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* ═══════════════════════════════════════════════════════════════════════════
   LHUMANITY Wallet — vitrine wallet.lhumanity.ch
   Jetons repris du wallet (ui-orbit.css / finition.css, design « Nuit & or ») :
   fonds, verre, encre, accents, rayons, ombres, courbes, typographie système SF.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --font:"Inter Variable",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-d:"Space Grotesk Variable","Inter Variable",system-ui,-apple-system,Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono","Roboto Mono",Menlo,Consolas,monospace;
  --bg:#03040a;--bg-2:#090c19;
  --surface:rgba(18,23,44,.74);--surface-2:rgba(28,35,64,.82);--surface-3:#28315a;
  --ink:#f4f6ff;--ink-2:#cfd6ea;--ink-3:#b9c3d6;
  --line:rgba(150,170,255,.12);--line-2:rgba(150,170,255,.22);
  --accent:#6aa9ff;--accent-2:#a77bff;
  --ok:#4fe0a6;--bad:#ff7a85;--warn:#ffcf6b;
  --gold:#f0c674;--gold-2:#e7b85a;--gold-3:#a8741f;
  --acc-9:rgba(106,169,255,.09);--acc-13:rgba(106,169,255,.13);--acc-28:rgba(106,169,255,.28);--acc-45:rgba(106,169,255,.45);
  --glass:rgba(14,19,40,.64);--glass-line:rgba(170,190,255,.13);--nav-bg:rgba(9,12,25,.86);
  --fin-card:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  --fin-edge:inset 0 1px 0 rgba(255,255,255,.07);
  --sh-1:0 1px 0 rgba(255,255,255,.05) inset,0 16px 36px -18px rgba(0,0,0,.75);
  --sh-2:0 28px 60px -24px rgba(0,0,0,.85);
  --sh-3:0 2px 0 rgba(255,255,255,.04) inset,0 40px 90px -40px rgba(0,0,0,.95),0 10px 30px -18px rgba(30,60,160,.45);
  --ink-btn:#eef2ff;--ink-btn-t:#070a16;
  --focus:0 0 0 3px rgba(106,169,255,.55);
  --r-xs:10px;--r-s:14px;--r-m:16px;--r-l:24px;--r-xl:30px;--r-pill:999px;
  --e-out:cubic-bezier(.22,1,.36,1);--e-spring:cubic-bezier(.34,1.42,.64,1);
  --d-1:140ms;--d-2:240ms;--d-3:420ms;
  --gut:clamp(16px,3.2vw,72px);
  --maxw:2400px;
  --px:0;--py:0;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:clamp(16px,calc(14.4px + .2vw),21px);-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.55 var(--font);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;
  background-image:radial-gradient(1200px 700px at 85% -10%,rgba(63,110,255,.16),transparent 70%),radial-gradient(900px 600px at -10% 30%,rgba(120,90,220,.10),transparent 70%)}
img,svg,picture{display:block;max-width:100%}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}
button{font:inherit;color:inherit;cursor:pointer}
strong,b{font-weight:650}
[hidden]{display:none!important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.i{width:1.25em;height:1.25em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 16px;border-radius:var(--r-s);background:var(--ink-btn);color:var(--ink-btn-t);font-weight:650;transition:top var(--d-2)}
.skip:focus{top:12px}
.wrap{width:min(100% - 2*var(--gut),var(--maxw));margin-inline:auto}

/* ───────── Logotype (comme l'en-tête de l'app) ───────── */
.logotype{display:inline-flex;flex-direction:column;line-height:1}
.logotype b{font:700 .95rem/1 var(--font-d);letter-spacing:.24em;color:var(--ink)}
.logotype small{font:600 .875rem/1 var(--font-d);letter-spacing:.42em;color:var(--accent);margin-top:4px}

/* ───────── Boutons ───────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:0 1.25em;border-radius:var(--r-m);border:1px solid transparent;
  font:650 .95rem/1 var(--font);letter-spacing:.005em;white-space:nowrap;text-decoration:none!important;transition:transform var(--d-1) var(--e-out),box-shadow var(--d-2),filter var(--d-2)}
.btn:active{transform:scale(.98)}
.btn-lg{min-height:56px;padding:0 1.5em;font-size:1rem;border-radius:18px}
.btn-sm{min-height:40px;padding:0 1em;font-size:.875rem;border-radius:var(--r-s)}
.btn-blue{background:linear-gradient(180deg,#3d84ff 0%,#2a64e0 55%,#1f4fc8 100%);color:#fff;border-color:rgba(160,195,255,.35);box-shadow:0 16px 32px -14px rgba(31,79,200,.95),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-gold{background:linear-gradient(180deg,#fff1c1 0%,#f0c674 38%,#d9a441 70%,#b17a22 100%);color:#1a1205;border-color:rgba(255,236,180,.6);
  box-shadow:0 2px 0 rgba(110,72,16,.9),0 10px 20px -10px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(140,90,20,.4)}
.btn-gold:hover,.btn-blue:hover{filter:brightness(1.05)}
.btn-ghost{background:var(--surface-2);color:var(--ink);border-color:var(--line-2);box-shadow:var(--fin-edge)}
.btn-ghost .i{color:var(--accent)}
.btn-ghost:hover{border-color:var(--acc-45)}

/* ───────── Cartes de verre (langage de l'app) ───────── */
.card{position:relative;background:var(--fin-card),var(--glass);border:1px solid var(--glass-line);border-radius:var(--r-l);box-shadow:var(--fin-edge),var(--sh-1)}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 30%)}

/* pastilles d'icônes (fin-ic) teintées + ombre portée comme dans l'app */
.fin-ic{position:relative;flex:0 0 auto;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;color:var(--accent);
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),transparent 60%),var(--acc-13);border:1px solid var(--acc-28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.fin-ic::after{content:"";position:absolute;left:12%;right:12%;bottom:-7px;height:10px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.55),transparent);z-index:-1}
.fin-ic .i{width:22px;height:22px}
.tone-blue{--t:106,169,255}.tone-violet{--t:167,123,255}.tone-cyan{--t:94,214,240}.tone-silver{--t:200,210,235}.tone-gold{--t:240,198,116}.tone-green{--t:79,224,166}.tone-rose{--t:255,138,190}
[class*="tone-"].fin-ic{color:rgb(var(--t));background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.14),transparent 60%),rgba(var(--t),.13);border-color:rgba(var(--t),.32)}

/* boutons ronds des actions de l'app (act-ic) */
.act-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;flex:0 0 auto;
  background:radial-gradient(circle at 35% 28%,#b9d6ff,var(--accent) 55%,#4b2fa6);
  box-shadow:0 8px 18px -8px rgba(80,60,200,.7),inset 0 -3px 8px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.35)}
.act-ic .i{width:22px;height:22px}
.ai-send{background:radial-gradient(circle at 35% 28%,#c9d8ff,#5d8dff 50%,#4b2fa6)}
.ai-receive{background:radial-gradient(circle at 35% 28%,#c6ffe9,#2fbf8f 50%,#0f6b5c)}
.ai-swap{background:radial-gradient(circle at 35% 28%,#ffd2ec,#d0559d 50%,#6a2a8a)}
.ai-market{background:radial-gradient(circle at 35% 28%,#e3d4ff,#8b62f0 50%,#3d2a9e)}
.act-ic.big{width:64px;height:64px}.act-ic.big .i{width:30px;height:30px}

/* badge ISO 20022 (même famille que l'app) */
.iso-badge{display:inline-flex;align-items:center;min-height:1.8em;padding:0 .75em;border-radius:var(--r-pill);font:650 .875rem/1 var(--font);letter-spacing:.03em;white-space:nowrap;
  color:var(--accent);background:var(--acc-13);border:1px solid var(--acc-28)}

/* ───────── En-tête ───────── */
.top{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(3,4,10,.86),rgba(3,4,10,.55));border-bottom:1px solid transparent;transition:border-color var(--d-2),background var(--d-2)}
.top::before{content:"";position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
.top.is-scrolled{border-bottom-color:var(--line)}
.top-in{display:flex;align-items:center;gap:24px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none!important}
.brand img{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 6px 18px -6px rgba(80,120,255,.7)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 12px;border-radius:var(--r-pill);color:var(--ink-2);font-size:.9rem;font-weight:500;text-decoration:none}
.nav a:hover{color:var(--ink);background:var(--ink-6,rgba(244,246,255,.06))}
.top .btn{margin-left:8px}
@media (max-width:980px){.nav{display:none}.top .btn{margin-left:auto}}

/* ═════════ HÉROS — tient entier dans la fenêtre (largeur ET hauteur) ═════════ */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(30px,5vh,80px);z-index:-1;pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg))}
.hero{--hh:max(560px,calc(100svh - 68px));position:relative;isolation:isolate;overflow:hidden;min-height:var(--hh);display:flex;align-items:center;padding:clamp(12px,3vh,48px) 0 clamp(36px,7vh,96px)}
.plane{position:absolute;inset:0;pointer-events:none}
.p-stars{z-index:-4;transform:translate3d(calc(var(--px) * -8px),calc(var(--py) * -6px),0)}
.p-nebula{z-index:-3;transform:translate3d(calc(var(--px) * -22px),calc(var(--py) * -16px),0)}
.stars{position:absolute;inset:-60px;background-repeat:repeat}
.stars.s1{background-size:520px 520px;background-image:
  radial-gradient(1px 1px at 40px 60px,#fff,transparent),radial-gradient(1px 1px at 130px 220px,rgba(255,255,255,.8),transparent),radial-gradient(1.4px 1.4px at 300px 90px,#dfe8ff,transparent),
  radial-gradient(1px 1px at 410px 330px,#fff,transparent),radial-gradient(1px 1px at 220px 410px,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 480px 470px,#fff3d0,transparent),
  radial-gradient(1px 1px at 80px 380px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 350px 250px,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 20px 500px,#fff,transparent)}
.stars.s2{background-size:760px 760px;opacity:.7;animation:twinkle 6s ease-in-out infinite alternate;background-image:
  radial-gradient(1.6px 1.6px at 120px 140px,#cfe0ff,transparent),radial-gradient(1.8px 1.8px at 560px 90px,#fff,transparent),radial-gradient(1.4px 1.4px at 650px 520px,#ffe9b8,transparent),
  radial-gradient(1.6px 1.6px at 300px 600px,#fff,transparent),radial-gradient(1.2px 1.2px at 440px 380px,#dcd0ff,transparent)}
@keyframes twinkle{from{opacity:.35}to{opacity:.9}}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.4}
.blob.b1{width:44vw;height:44vw;max-width:1400px;max-height:1400px;right:-8vw;top:-18vw;background:radial-gradient(circle,#3f6eff,transparent 65%)}
.blob.b2{width:38vw;height:38vw;max-width:1200px;max-height:1200px;left:-14vw;top:20%;background:radial-gradient(circle,#7a4fe0,transparent 65%);opacity:.24}
.blob.b3{width:30vw;height:30vw;right:18%;bottom:-10%;background:radial-gradient(circle,rgba(240,198,116,.55),transparent 65%);opacity:.18}

.hero-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,4vw,120px)}
.hero-copy{max-width:min(54rem,100%);margin-bottom:6vh}
.n1{display:inline-flex;align-items:center;gap:10px;margin:0;padding:7px 16px 7px 8px;border-radius:var(--r-pill);font:700 clamp(.875rem,.6rem + .25vw,.95rem)/1 var(--font-d);letter-spacing:.14em;text-transform:uppercase;color:#1a1205;
  background:linear-gradient(180deg,#fff1c1,#f0c674 45%,#c48a2c);box-shadow:0 4px 10px -4px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(120,80,20,.45)}
.n1-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(26,18,5,.88);color:var(--gold)}
.n1-ic .i{width:14px;height:14px;fill:currentColor;stroke:none}
.eyebrow{margin:clamp(12px,2.2vh,24px) 0 0;font:600 clamp(.875rem,.6rem + .2vw,.9rem)/1.2 var(--font-d);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2)}
/* Titre 3D : chrome argent + or, extrusion en couches, reflet qui suit la souris */
.t3d{margin:clamp(8px,1.6vh,18px) 0 0;display:flex;flex-direction:column;line-height:.9}
.t3d span{position:relative;display:block;width:max-content;max-width:100%}
.t3d-a{font:800 clamp(2.4rem,min(6.2vw,11.5vh),10rem)/.92 var(--font-d);letter-spacing:-.035em;
  background:linear-gradient(calc(100deg + var(--px) * 30deg),#7d89aa 0%,#f4f6ff 22%,#ffffff 32%,#aab6d6 46%,#e9eeff 60%,#8a96b8 78%,#dfe6ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 #9aa6c4) drop-shadow(0 1px 0 #6f7b9c) drop-shadow(0 1px 0 #4e5a7c) drop-shadow(0 2px 0 #2c3450)}
.t3d-b{margin-top:.1em;font:300 clamp(1.6rem,min(3.9vw,7.2vh),6.4rem)/1 var(--font-d);letter-spacing:.32em;padding-left:.06em;
  background:linear-gradient(calc(180deg + var(--px) * 25deg),#fff6d6 0%,#f5d27a 30%,#e1ad48 55%,#b37b22 80%,#f0c674 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:none}
.slogan{margin:clamp(14px,2.6vh,32px) 0 0;max-width:34em;font-size:clamp(.98rem,min(.8rem + .55vw,2.4vh),1.5rem);line-height:1.5;color:var(--ink-2)}
.slogan strong{display:block;color:var(--ink);font-weight:600;font-family:var(--font-d);letter-spacing:-.01em}
.pills{list-style:none;display:flex;flex-wrap:wrap;gap:clamp(8px,1.2vh,12px) 10px;margin:clamp(14px,2.6vh,32px) 0 0;padding:0;max-width:42em}
.pills li{display:inline-flex;align-items:center;gap:8px;padding:clamp(6px,1vh,9px) 14px clamp(6px,1vh,9px) 11px;border-radius:var(--r-pill);font-size:clamp(.875rem,min(.7rem + .2vw,1.9vh),1rem);font-weight:550;color:var(--ink);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),var(--glass);border:1px solid var(--glass-line);box-shadow:var(--fin-edge),0 8px 18px -12px rgba(0,0,0,.8)}
.pills .i{width:17px;height:17px;color:var(--accent)}
.pills li:nth-child(3) .i,.pills li:nth-child(5) .i{color:var(--accent-2)}
.pills li:nth-child(6) .i{color:var(--gold)}
.pills li:nth-child(7) .i{color:var(--ok)}
.pill-big{border-color:rgba(240,198,116,.45)!important;background:linear-gradient(180deg,rgba(240,198,116,.16),rgba(240,198,116,.04)),var(--glass)!important}
.pill-big b{font:300 1.35em/1 var(--font-d);letter-spacing:-.03em;color:var(--gold);font-variant-numeric:tabular-nums}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(18px,3.2vh,40px)}
.hero .btn-lg{min-height:clamp(46px,6.5vh,58px)}

/* ───────── Téléphone : photo produit 3D, dimensionné par la hauteur disponible ───────── */
.stage{position:relative;justify-self:center;display:flex;flex-direction:column;align-items:center;perspective:1600px;
  --pw:min(clamp(220px,26vw,780px),calc((var(--hh) - clamp(48px,10vh,140px) - 64px) * .4621))}
.halo{position:absolute;left:50%;top:46%;width:calc(var(--pw) * 2.2);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(240,198,116,.36),rgba(231,184,90,.13) 45%,rgba(106,169,255,.08) 65%,transparent 75%)}
.floor{position:absolute;left:50%;top:calc(var(--pw) * 2.12);width:calc(var(--pw) * 1.1);height:calc(var(--pw) * .14);border-radius:50%;
  background:radial-gradient(closest-side,rgba(0,0,0,.8),rgba(0,0,0,.35) 50%,transparent);filter:blur(8px);
  transform:translateX(calc(-40% + var(--px) * -14px)) skewX(-24deg);animation:floorPulse 7s ease-in-out infinite}
.float{animation:float 7s steps(24,jump-none) infinite}
.stage.demo-live .float{animation:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes floorPulse{0%,100%{opacity:1}50%{opacity:.7}}
.phone{--T:calc(var(--pw) * .05);position:relative;width:var(--pw);aspect-ratio:390/844}
/* faux 3D : tranches du boîtier décalées en 2D derrière la face avant (l'écran reste à plat, net) */
.slice{position:absolute;inset:0;border-radius:calc(var(--pw) * .15);background:linear-gradient(100deg,#20263a,#8a93ad 30%,#3a4260 55%,#1c2133 80%,#6f7898);border:1px solid rgba(255,255,255,.06)}
.slice:nth-child(1){transform:translate(calc(var(--T) * (1 - var(--px) * .5) * 1/6),calc(var(--T) * .5 * 1/6))}
.slice:nth-child(2){transform:translate(calc(var(--T) * (1 - var(--px) * .5) * 2/6),calc(var(--T) * .5 * 2/6))}
.slice:nth-child(3){transform:translate(calc(var(--T) * (1 - var(--px) * .5) * 3/6),calc(var(--T) * .5 * 3/6))}
.slice:nth-child(4){transform:translate(calc(var(--T) * (1 - var(--px) * .5) * 4/6),calc(var(--T) * .5 * 4/6))}
.slice:nth-child(5){transform:translate(calc(var(--T) * (1 - var(--px) * .5) * 5/6),calc(var(--T) * .5 * 5/6))}
.slice:nth-child(6){transform:translate(calc(var(--T) * (1 - var(--px) * .5)),calc(var(--T) * .5));background:#0b0e1a;box-shadow:calc(var(--T) * .6) calc(var(--T) * 1.2) 60px rgba(0,0,0,.7)}
.side{position:absolute;top:calc(15% + var(--T) * .5);left:calc(100% + var(--T) * (1 - var(--px) * .5) - 2px);width:4px;height:44%}
.k{position:absolute;left:0;width:4px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#3a415a,#d9def0 60%,#5a6380);box-shadow:1px 0 2px rgba(0,0,0,.5)}
.k1{top:0;height:13%}.k2{top:22%;height:22%}.k3{top:50%;height:22%}
.bezel{position:absolute;inset:0;padding:calc(var(--pw) * .032);border-radius:calc(var(--pw) * .15);
  background:linear-gradient(145deg,#c9d0e4 0%,#5c6585 18%,#1b2033 45%,#0d1020 60%,#6f7898 88%,#d9def0 100%);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22),inset 0 0 0 4px #05060c,calc(var(--px) * -24px) calc(50px + var(--py) * -16px) 90px -30px rgba(0,0,0,.9),0 0 60px -10px rgba(106,169,255,.25)}
.screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--pw) * .118);background:#03040a;isolation:isolate}
.sbar{position:absolute;inset:0 0 auto;z-index:4;height:5.2%;display:flex;align-items:center;justify-content:space-between;padding:0 7.5%;font:600 calc(var(--pw) * .036)/1 var(--font-d);color:#fff;letter-spacing:-.01em;pointer-events:none;background:#03040a}
.island{position:absolute;left:50%;top:22%;width:30%;height:60%;transform:translateX(-50%);border-radius:99px;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.sb-ic{display:flex;gap:5px;align-items:center}
.sb-sig{width:calc(var(--pw) * .045);height:calc(var(--pw) * .028);background:linear-gradient(90deg,#fff 0 18%,transparent 18% 27%,#fff 27% 45%,transparent 45% 54%,#fff 54% 72%,transparent 72% 81%,#fff 81%);clip-path:polygon(0 100%,100% 0,100% 100%)}
.bat{width:calc(var(--pw) * .062);height:calc(var(--pw) * .029);border-radius:3px;border:1.5px solid rgba(255,255,255,.85);background:linear-gradient(90deg,#fff 0 78%,transparent 78%) content-box;padding:1.5px}
.viewport{position:absolute;inset:5.2% 0 0;overflow:hidden;background:#03040a}
.slides{position:absolute;inset:0}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.slide.is-on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
/* démo : iframe à 390 px CSS de large, agrandie/réduite par « zoom » (rendu natif, jamais un transform:scale) */
.demo-frame{position:absolute;left:0;top:0;width:390px;height:800px;border:0;opacity:0;transition:opacity .8s ease;background:#03040a;color-scheme:dark}
.demo-on .demo-frame{opacity:1}
.demo-on .slides{opacity:0;transition:opacity .8s ease .2s;pointer-events:none}
.glare{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;
  background:radial-gradient(60% 40% at calc(30% + var(--px) * 30%) calc(20% + var(--py) * 20%),rgba(255,255,255,.18),transparent 60%),
             linear-gradient(calc(115deg + var(--px) * 18deg),transparent 35%,rgba(255,255,255,.10) 44%,transparent 54%);transition:opacity .5s}
.stage-bar{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:clamp(22px,4vh,52px);min-height:32px;width:max(var(--pw),240px);text-align:center}
.stage-note{margin:0;font-size:.875rem;color:var(--ink-3);text-align:center}
.demo-go{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);font-weight:650;font-size:.88rem;color:var(--ink-btn-t);background:var(--ink-btn);border:0;box-shadow:0 12px 26px -12px rgba(10,13,28,.55)}
.demo-go .i{width:16px;height:16px;fill:currentColor;stroke:none}
.dots{display:flex;gap:2px}
.dot{display:grid;place-items:center;width:22px;height:24px;padding:0;border:0;background:none}
.dot::before{content:"";width:6px;height:6px;border-radius:99px;background:rgba(244,246,255,.3);transition:width var(--d-2) var(--e-out),background var(--d-2)}
.dot[aria-current="true"]::before{width:16px;background:var(--gold)}
/* sans JavaScript : diaporama CSS des vraies captures */
.ns{animation:nsShow 27s infinite}
.ns1{animation-delay:4.5s}.ns2{animation-delay:9s}.ns3{animation-delay:13.5s}.ns4{animation-delay:18s}.ns5{animation-delay:22.5s}.ns6{animation-delay:27s}
@keyframes nsShow{0%{opacity:0}4%,16%{opacity:1}20%,100%{opacity:0}}

/* colonne : étroit, ou fenêtre très basse et étroite */
@media (max-width:899px),(max-width:1100px) and (max-aspect-ratio:1/1){
  .hero{min-height:0;padding-top:20px}
  .hero-in{grid-template-columns:1fr;gap:28px;justify-items:center}
  .hero-copy{margin-bottom:0;max-width:40rem;text-align:left;justify-self:stretch}
  .stage{--pw:min(66vw,300px,calc((100svh - 160px) * .4621))}
  
  .t3d-a{font-size:clamp(2.3rem,12vw,5rem)}.t3d-b{font-size:clamp(1.4rem,7vw,3rem)}
}

/* ═════════ SECTIONS ═════════ */
.sec{position:relative;padding:clamp(64px,9vw,150px) 0}
.kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font-size:.875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.kicker .fin-ic{width:34px;height:34px;border-radius:11px}.kicker .fin-ic .i{width:18px;height:18px}
.h2{margin:0;font:300 clamp(2rem,1.2rem + 2.6vw,4.2rem)/1.06 var(--font-d);letter-spacing:-.035em;color:var(--ink)}
.h2-sm{font-size:clamp(1.7rem,1.1rem + 1.8vw,3rem)}
.grad{background:linear-gradient(90deg,#9cc3ff,#6aa9ff 40%,#a77bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.grad-gold{background:linear-gradient(180deg,#fff1c1,#f0c674 45%,#c48a2c);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:400}
.p{margin:18px 0 0;max-width:40em;color:var(--ink-2);font-size:1.02rem}
.p strong{color:var(--ink)}
.small{font-size:.9rem;color:var(--ink-3)}
.sec-head{max-width:60rem;margin-bottom:clamp(32px,4vw,64px)}
.sec-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none}

/* mini téléphones (captures) */
.mini{position:relative;border-radius:clamp(18px,1.6vw,30px);padding:clamp(4px,.4vw,7px);
  background:linear-gradient(145deg,#c9d0e4,#4c5575 20%,#141828 50%,#5d6688 85%,#cfd5e8);box-shadow:var(--sh-3)}
.mini picture,.mini img{border-radius:clamp(14px,1.3vw,24px);overflow:hidden;width:100%;height:auto;background:#03040a}
.mini::after{content:"";position:absolute;inset:clamp(4px,.4vw,7px);border-radius:clamp(14px,1.3vw,24px);pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 35%)}

/* ── intro + chiffres ── */
.intro{position:relative;padding:clamp(56px,7vw,110px) 0 clamp(24px,3vw,40px)}
.manifest{margin:0 auto;max-width:34em;text-align:center;font:300 clamp(1.35rem,1rem + 1.4vw,2.6rem)/1.35 var(--font-d);letter-spacing:-.02em;color:var(--ink)}
.manifest em{font-style:normal;color:var(--gold)}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,24px);margin-top:clamp(36px,5vw,72px)}
.stat{padding:clamp(20px,2vw,32px);display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:transform var(--d-3) var(--e-out)}
.stat:hover{transform:translateY(-4px)}
.big-num{margin:6px 0 0;font:250 clamp(2.4rem,1.6rem + 2.4vw,4.6rem)/1 var(--font-d);letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap}
.big-num sup{font-size:.46em;font-weight:400;color:var(--gold);vertical-align:top;margin-left:2px}
.stat-l{margin:0;font-weight:600;color:var(--ink)}
.stat-l span{display:block;font-weight:400;font-size:.875rem;color:var(--ink-3)}
@media (max-width:899px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── couverture ── */
.cover-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,110px);align-items:center}
.cov-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.cov-card{padding:18px 16px}
.cov-card b{display:block;font:250 clamp(2rem,1.4rem + 1.6vw,3.2rem)/1 var(--font-d);letter-spacing:-.04em;color:var(--ink)}
.cov-card span{display:block;margin-top:8px;font-size:.875rem;color:var(--ink-2);line-height:1.35}
.galaxy{position:relative;width:min(100%,640px);aspect-ratio:1;margin-inline:auto;--sz:clamp(36px,3.4vw,58px)}
.g-core{position:absolute;left:50%;top:50%;width:28%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 80px rgba(80,130,255,.55),0 0 160px rgba(240,198,116,.18)}
.g-core img{width:100%;height:auto;border-radius:50%}
.g-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(150,170,255,.14);transform:translate(-50%,-50%);animation:spin linear infinite}
.g-r1{width:52%;height:52%;animation-duration:38s}
.g-r2{width:76%;height:76%;animation-duration:60s;animation-direction:reverse;border-style:dashed;border-color:rgba(150,170,255,.10)}
.g-r3{width:99%;height:99%;animation-duration:90s;border-color:rgba(240,198,116,.12)}
.g-item{position:absolute;left:50%;top:50%;width:0;height:0}
.g-logo{position:absolute;width:var(--sz);height:var(--sz);margin:calc(var(--sz) / -2) 0 0 calc(var(--sz) / -2);border-radius:50%;padding:5px;
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.2),rgba(20,26,50,.9));border:1px solid var(--glass-line);box-shadow:0 10px 20px -8px rgba(0,0,0,.8);animation:spin linear infinite reverse}
.g-logo img{width:100%;height:100%;border-radius:50%}
.g-r1 .g-logo{animation-duration:38s}.g-r2 .g-logo{animation-duration:60s;animation-direction:normal}.g-r3 .g-logo{animation-duration:90s}
@keyframes spin{to{rotate:360deg}}
/* positions sur les anneaux (angle = i/n tours) */
.g-item{transform:rotate(calc(var(--a) * 1turn)) translateY(var(--r)) rotate(calc(var(--a) * -1turn))}
.g-n4.g-k0{--a:0}.g-n4.g-k1{--a:.25}.g-n4.g-k2{--a:.5}.g-n4.g-k3{--a:.75}
.g-n6.g-k0{--a:.08}.g-n6.g-k1{--a:.2467}.g-n6.g-k2{--a:.4133}.g-n6.g-k3{--a:.58}.g-n6.g-k4{--a:.7467}.g-n6.g-k5{--a:.9133}
.g-n8.g-k0{--a:0}.g-n8.g-k1{--a:.125}.g-n8.g-k2{--a:.25}.g-n8.g-k3{--a:.375}.g-n8.g-k4{--a:.5}.g-n8.g-k5{--a:.625}.g-n8.g-k6{--a:.75}.g-n8.g-k7{--a:.875}
.galaxy{container-type:inline-size}
.g-r1 .g-item{--r:-26cqw}.g-r2 .g-item{--r:-38cqw}.g-r3 .g-item{--r:-49.5cqw}
@media (max-width:899px){.cover-in{grid-template-columns:1fr}.galaxy{width:min(100%,460px)}}
@media (max-width:520px){.cov-cards{grid-template-columns:1fr 1fr 1fr;gap:8px}.cov-card{padding:14px 10px}}

/* défilement de logos */
.marquee{margin-top:clamp(48px,6vw,96px);display:grid;gap:14px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-row{display:flex;width:max-content}
.mq-track{display:flex;gap:12px;margin:0;padding:0 12px 0 0;list-style:none;animation:mq 70s linear infinite}
.mq-rev .mq-track{animation-direction:reverse;animation-duration:85s}
.marquee:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-100%)}}
.mq-item{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:var(--r-pill);white-space:nowrap;font-size:.9rem;font-weight:550;color:var(--ink);
  background:var(--fin-card),var(--glass);border:1px solid var(--glass-line);box-shadow:var(--fin-edge)}
.mq-item .fin-ic{width:34px;height:34px;border-radius:50%;padding:2px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.mq-item img{width:30px;height:30px;border-radius:50%}

/* ── sécurité ── */
.sec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.3vw,22px)}
.feature{grid-column:span 2;grid-row:span 2;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,2vw,36px);align-items:center;margin:0;padding:clamp(20px,2.2vw,40px);
  background:radial-gradient(120% 90% at 0% 0%,rgba(167,123,255,.16),transparent 60%),var(--fin-card),var(--glass)}
.feature h3{margin:16px 0 8px;font:500 clamp(1.3rem,1rem + .9vw,2rem)/1.15 var(--font-d);letter-spacing:-.02em}
.feature p{margin:0;color:var(--ink-2)}
.mini.tilt{transform:perspective(900px) rotateY(12deg) rotateX(4deg);transition:transform .6s var(--e-out)}
.feature:hover .mini.tilt{transform:perspective(900px) rotateY(3deg) rotateX(1deg)}
.layers{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px}
.layers li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-s);background:rgba(255,255,255,.035);border:1px solid var(--line);
  transform:translateX(calc(var(--k,0) * 10px))}
.layers li:nth-child(1){--k:0;border-color:rgba(167,123,255,.4)}.layers li:nth-child(2){--k:1;border-color:rgba(106,169,255,.35)}.layers li:nth-child(3){--k:2;border-color:rgba(79,224,166,.35)}
.layers b{font:600 .9rem/1 var(--mono)}.layers span{font-size:.875rem;color:var(--ink-3)}
.tile{padding:clamp(18px,1.6vw,28px);transition:transform var(--d-3) var(--e-out),border-color var(--d-2)}
.tile:hover{transform:translateY(-4px);border-color:var(--line-2)}
.tile h3{margin:18px 0 6px;font:600 1.02rem/1.3 var(--font-d);letter-spacing:-.01em}
.tile p{margin:0;font-size:.9rem;color:var(--ink-2);line-height:1.55}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,32px);margin-top:clamp(32px,4vw,64px)}
.strip-it{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.strip-it .mini{width:min(100%,260px)}
.strip-it figcaption{margin-top:14px}
.strip-it b,.rail-it b{display:block;font-weight:600;font-size:.92rem}
.strip-it span,.rail-it figcaption span{display:block;font-size:.875rem;color:var(--ink-3);margin-top:2px}
@media (max-width:1180px){.sec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sec-grid{grid-template-columns:1fr}.feature{grid-column:auto;grid-row:auto;grid-template-columns:1fr}.feature .mini{width:62%;margin-inline:auto}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── blocs texte + duo de captures ── */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,140px);align-items:center}
.split-rev .duo{order:-1}
.duo{position:relative;display:flex;justify-content:center;min-height:clamp(380px,36vw,700px)}
.duo .mini{position:absolute;width:clamp(170px,16vw,300px)}
.m-front{left:50%;top:0;transform:translateX(-78%) perspective(1000px) rotateY(10deg) rotateZ(-3deg);z-index:2}
.m-back{left:50%;top:9%;transform:translateX(-5%) perspective(1000px) rotateY(-12deg) rotateZ(4deg);filter:brightness(.8)}
.duo:hover .m-front{transform:translateX(-80%) perspective(1000px) rotateY(4deg) rotateZ(-2deg)}
.duo .mini{transition:transform .7s var(--e-out)}
.checks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.checks li{display:flex;gap:12px;align-items:center;color:var(--ink-2)}
.checks .i{width:26px;height:26px;padding:4px;border-radius:50%;color:var(--ok);background:rgba(79,224,166,.12);border:1px solid rgba(79,224,166,.35)}
.checks b{color:var(--ink)}
.recap{margin:26px 0 0;padding:6px 20px;max-width:34rem}
.recap div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.recap div:last-child{border-bottom:0}
.recap dt{color:var(--ink-2);font-size:.92rem}
.recap dd{margin:0;font-weight:600;text-align:right;font-size:.92rem}
.recap .ok{color:var(--ok)}
@media (max-width:899px){.split{grid-template-columns:1fr}.split-rev .duo{order:0}.duo{min-height:min(110vw,520px)}.duo .mini{width:min(44vw,220px)}}

/* ── ISO 20022 ── */
.iso-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(24px,4vw,72px);align-items:center;padding:clamp(24px,3.4vw,64px);
  background:radial-gradient(80% 120% at 0% 50%,rgba(106,169,255,.14),transparent 60%),var(--fin-card),var(--glass)}
.iso-seal{display:grid;place-items:center;width:clamp(120px,11vw,200px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(156,195,255,.35),rgba(20,30,70,.9) 60%);border:1px solid var(--acc-45);box-shadow:0 0 0 10px rgba(106,169,255,.06),0 0 0 22px rgba(106,169,255,.03),0 30px 60px -20px rgba(0,0,0,.9)}
.iso-seal .iso-badge{font-size:clamp(.8rem,.6rem + .5vw,1.15rem);padding:0 1em;min-height:2.2em;background:rgba(3,4,10,.6)}
.iso-inline{font-size:.5em;vertical-align:middle}
.iso-shots{display:flex;gap:14px}
.iso-shots .mini{width:clamp(120px,11vw,220px)}
.iso-shots .mini:nth-child(2){margin-top:28px}
@media (max-width:1080px){.iso-in{grid-template-columns:auto minmax(0,1fr)}.iso-shots{grid-column:1/-1;justify-content:center}}
@media (max-width:640px){.iso-in{grid-template-columns:1fr}.iso-seal{margin-inline:auto}}

/* ── soutien ── */
.support-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,3vw,48px);align-items:start;padding:clamp(24px,3vw,56px);
  background:radial-gradient(80% 120% at 100% 0%,rgba(240,198,116,.12),transparent 60%),var(--fin-card),var(--glass)}
@media (max-width:640px){.support-in{grid-template-columns:1fr}}

/* ── comparatif ── */
.cmp-wrap{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}
.cmp{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font-size:.92rem}
.cmp th,.cmp td{padding:14px 12px;text-align:center;border-bottom:1px solid var(--line)}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0}
.cmp thead th{font-weight:600;color:var(--ink-2);font-size:.875rem;padding-top:20px}
.cmp tbody th{text-align:left;font-weight:500;color:var(--ink);padding-left:22px;white-space:nowrap}
.cmp tbody tr:hover th,.cmp tbody tr:hover td{background:rgba(255,255,255,.02)}
.cmp .me{background:linear-gradient(180deg,rgba(106,169,255,.10),rgba(167,123,255,.08));color:var(--ink)}
.cmp thead .me{color:var(--gold);font-weight:700;letter-spacing:.06em;border-radius:14px 14px 0 0}
.mk{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%}
.mk .i{width:17px;height:17px;stroke-width:2.2}
.mk-y{color:var(--ok);background:rgba(79,224,166,.12);border:1px solid rgba(79,224,166,.32)}
.mk-p{color:var(--warn);background:rgba(255,207,107,.10);border:1px solid rgba(255,207,107,.32)}
.mk-p .i{stroke-width:1.6}
.mk-n{color:var(--bad);background:rgba(255,122,133,.10);border:1px solid rgba(255,122,133,.3)}
.mk-t{font-size:.875rem;font-weight:600;color:var(--ink-2)}
.me .mk-t{color:var(--ink);font:250 1.5rem/1 var(--font-d);letter-spacing:-.03em}
.cmp-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:16px}
.legend{display:flex;align-items:center;gap:8px;margin:0;font-size:.875rem;color:var(--ink-2)}
.legend .mk{width:22px;height:22px;margin-left:8px}.legend .mk .i{width:13px;height:13px}
.note{margin:0;font-size:.875rem;color:var(--ink-3)}

/* ── galerie ── */
.rail-nav{display:flex;gap:8px}
.rbtn{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink);box-shadow:var(--fin-edge);transition:transform var(--d-1) var(--e-out)}
.rbtn:hover{border-color:var(--acc-45)}.rbtn:active{transform:scale(.94)}
.rail{display:flex;gap:clamp(14px,1.6vw,28px);margin:0;padding:12px max(var(--gut),calc((100% - var(--maxw)) / 2)) 28px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.rail-it{flex:0 0 clamp(160px,14vw,280px);scroll-snap-align:start}
.rail-it figure{margin:0}
.rail-it figcaption{margin-top:14px}
.rail-it .mini{transition:transform var(--d-3) var(--e-out)}
.rail-it:hover .mini{transform:translateY(-6px) rotateZ(-1deg)}

/* ── installation ── */
.install-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,80px);align-items:center;padding:clamp(24px,3.4vw,64px);
  background:radial-gradient(70% 100% at 0% 0%,rgba(240,198,116,.14),transparent 60%),radial-gradient(70% 100% at 100% 100%,rgba(106,169,255,.12),transparent 60%),var(--fin-card),var(--glass)}
.coin{width:clamp(88px,8vw,140px);height:auto;border-radius:50%;margin-bottom:22px;box-shadow:0 0 60px rgba(80,130,255,.5),0 0 120px rgba(240,198,116,.2);animation:coin 9s ease-in-out infinite}
@keyframes coin{0%,100%{transform:perspective(600px) rotateY(-14deg)}50%{transform:perspective(600px) rotateY(14deg)}}
.install-copy .btn{margin-top:26px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.steps li{display:flex;gap:16px;align-items:flex-start;padding:18px;border-radius:var(--r-m);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.step-n{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font:600 .95rem/1 var(--font-d);color:#1a1205;background:linear-gradient(180deg,#fff1c1,#f0c674 50%,#c48a2c);box-shadow:0 3px 8px -3px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.6)}
.steps b{display:block;font-weight:600}
.steps li span{display:block;font-size:.9rem;color:var(--ink-2)}
.repo{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.repo code{font:500 .875rem/1.3 var(--mono);padding:8px 12px;border-radius:var(--r-xs);background:rgba(3,4,10,.6);border:1px solid var(--line-2);color:var(--addr,#8fc2ff);word-break:break-all}
.copy{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--line-2);font-size:.875rem;font-weight:600}
.copy .i{width:16px;height:16px;color:var(--accent)}
.copy-ok{color:var(--ok)!important;font-size:.875rem!important;min-height:1.2em}
@media (max-width:899px){.install-in{grid-template-columns:1fr}}

/* ── pied ── */
.foot{border-top:1px solid var(--line);padding:clamp(32px,4vw,56px) 0;margin-top:clamp(32px,4vw,64px);background:linear-gradient(180deg,transparent,rgba(9,12,25,.8))}
.foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.foot-brand{display:flex;align-items:center;gap:14px}
.foot-brand img{border-radius:50%}
.motto{margin:8px 0 0;font-size:.88rem;letter-spacing:.06em;color:var(--gold)}
.foot-links{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-weight:600}
.foot-priv{flex-basis:100%;display:flex;align-items:center;gap:10px;margin:0;font-size:.875rem;color:var(--ink-3)}
.foot-priv .i{width:18px;height:18px;color:var(--ok)}

/* apparition au défilement (activée par JS seulement) */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--e-out),transform .8s var(--e-out)}
.js .rv.in{opacity:1;transform:none}

/* ───────── mouvement réduit ───────── */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}   /* « Réduire les animations » : effets conservés en version douce (lents, sans flash) ; seules les particules sont coupées */

/* ═════════ COMPLÉMENTS ═════════ */
/* grain fin anti-banding sur les dégradés (bruit SVG, très léger) */
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* couleurs riches sur écrans Display-P3 */
@media (color-gamut:p3){
  :root{--accent:color(display-p3 .45 .66 1);--accent-2:color(display-p3 .66 .49 1);--ok:color(display-p3 .38 .9 .66);--gold:color(display-p3 .96 .78 .42)}
  .btn-gold,.step-n{background:linear-gradient(180deg,color(display-p3 1 .95 .77) 0%,color(display-p3 .96 .78 .42) 40%,color(display-p3 .84 .62 .22) 72%,color(display-p3 .66 .45 .12) 100%)}
}
/* reflet spéculaire des cartes qui suit le curseur */
.card{--mx:50%;--my:0%}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.07),transparent 45%)}
.card:hover::after{opacity:1}
/* pastilles de logos en relief (biseau, lumière, ombre) */
.coin3d{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;padding:3px;flex:0 0 auto;
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.5),rgba(255,255,255,.06) 40%,rgba(8,11,24,.95) 75%);
  box-shadow:inset 0 1.5px 1px rgba(255,255,255,.45),inset 0 -3px 5px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.1),0 6px 12px -6px rgba(0,0,0,.8)}
.coin3d img{width:100%;height:100%;border-radius:50%}
.coin3d .i{width:60%;height:60%;color:var(--ink-2)}

/* ── cold wallet ── */
.cold-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,140px);align-items:center}
.cold-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.cold-steps li{display:flex;gap:16px;align-items:center;padding:14px 16px;border-radius:var(--r-m);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.cold-steps b{display:block;font-weight:600}.cold-steps span:not(.fin-ic){display:block;font-size:.88rem;color:var(--ink-2)}
.cold-scene{display:grid;place-items:center}
.scene{width:min(100%,560px);height:auto;overflow:visible}
.scene .sc-wifi{fill:none;stroke:#9cc3ff;stroke-width:9;stroke-linecap:round;animation:wifi 9s ease-in-out infinite}
.scene .sc-wifi .dot{fill:#9cc3ff;stroke:none}
.scene .sc-slash{stroke:#ff7a85;stroke-width:9;stroke-linecap:round;stroke-dasharray:230;stroke-dashoffset:230;animation:slash 9s ease-in-out infinite}
.scene .sc-chip{fill:none;stroke:#a77bff;stroke-width:4;stroke-linejoin:round;animation:chip 9s ease-in-out infinite}
.scene .sc-shield{fill:rgba(240,198,116,.12);stroke:url(#cg-gold);stroke-width:5;stroke-linejoin:round;opacity:0;transform-origin:260px 350px;animation:shield 9s var(--e-spring) infinite}
.scene .tick{fill:none;stroke:#4fe0a6;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.scene .sc-lab{font:600 18px var(--font-d);letter-spacing:.06em;fill:#b4bcdc}
.scene .sc-on{animation:labOn 9s infinite}.scene .sc-off{fill:#f0c674;opacity:0;animation:labOff 9s infinite}
@keyframes wifi{0%,28%{opacity:1}40%,90%{opacity:.18}100%{opacity:1}}
@keyframes slash{0%,30%{stroke-dashoffset:230}42%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:230}}
@keyframes chip{0%,40%{opacity:1}52%,88%{opacity:.2}100%{opacity:1}}
@keyframes shield{0%,44%{opacity:0;transform:scale(.6)}56%,88%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.9)}}
@keyframes labOn{0%,32%{opacity:1}40%,92%{opacity:0}100%{opacity:1}}
@keyframes labOff{0%,40%{opacity:0}50%,88%{opacity:1}96%,100%{opacity:0}}
@media (max-width:899px){.cold-in{grid-template-columns:1fr}.cold-scene{order:-1}.scene{width:min(80vw,380px)}}

/* ── preuves ── */
.proof-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(12px,1.4vw,24px)}
.proof{padding:clamp(20px,2vw,32px);display:flex;flex-direction:column;gap:10px;overflow:hidden}
.proof-n{position:absolute;right:18px;top:10px;font:200 clamp(2.4rem,2vw + 1rem,4rem)/1 var(--font-d);color:rgba(240,198,116,.16);letter-spacing:-.04em}
.proof h3{margin:6px 0 0;font:600 1.08rem/1.3 var(--font-d)}
.proof-big{margin:0;color:var(--ink-2);font-size:.92rem}
.proof-big b{display:block;font:250 clamp(2rem,1.4rem + 1.4vw,3.2rem)/1.05 var(--font-d);letter-spacing:-.04em;color:var(--ink)}
.proof-big span{display:block;color:var(--ink-3);font-size:.875rem}
.vs{margin:0;font-size:.875rem;color:var(--ink-2);padding:10px 12px;border-radius:var(--r-s);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.how{margin:auto 0 0;display:flex;gap:10px;font-size:.875rem;color:var(--ink-2);line-height:1.5}
.how .i{flex:0 0 auto;width:22px;height:22px;padding:3px;border-radius:50%;color:var(--ok);background:rgba(79,224,166,.12);border:1px solid rgba(79,224,166,.35)}

/* ── grand compteur réseaux ── */
.mega{font-weight:250;background:linear-gradient(180deg,#fff6d6,#f0c674 45%,#b37b22);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;
  filter:none}

/* ── explorateur réseaux & cryptos ── */
.explorer{margin-top:clamp(40px,5vw,80px)}
.ex-head{padding:clamp(18px,2vw,32px)}
.ex-label{display:block;font:500 clamp(1.15rem,.9rem + .8vw,1.7rem)/1.25 var(--font-d);letter-spacing:-.015em;margin-bottom:14px}
.ex-search{display:flex;align-items:center;gap:10px;padding:0 16px;min-height:56px;border-radius:var(--r-m);background:rgba(3,4,10,.6);border:1px solid var(--line-2);box-shadow:inset 0 2px 8px rgba(0,0,0,.4)}
.ex-search:focus-within{border-color:var(--acc-45);box-shadow:var(--focus)}
.ex-search .i{color:var(--ink-3)}
.ex-search input{flex:1;min-width:0;height:54px;border:0;background:none;color:var(--ink);font:inherit;font-size:1rem;outline:none}
.ex-search input::placeholder{color:var(--ink-3)}
.ex-search.sm{min-height:46px}.ex-search.sm input{height:44px;font-size:.92rem}
.ex-help{margin:12px 0 0;font-size:.875rem;color:var(--ink-3)}
.ex-results:not(:empty){margin-top:16px}
.ex-res-h{margin:18px 0 10px;font-size:.875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.ex-wait{color:var(--ink-3);font-size:.9rem}
.ex-fams{margin-top:clamp(20px,2.4vw,36px);display:grid;gap:14px}
.fam{border-radius:var(--r-l);background:var(--fin-card),var(--glass);border:1px solid var(--glass-line);box-shadow:var(--fin-edge)}
.fam>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;border-radius:inherit}
.fam>summary::-webkit-details-marker{display:none}
.fam>summary b{font:600 1.05rem/1.2 var(--font-d)}
.fam>summary .fam-n{margin-left:auto;font-size:.875rem;color:var(--ink-3);white-space:nowrap}
.fam>summary .chev{width:20px;height:20px;color:var(--ink-3);transition:transform var(--d-2) var(--e-out)}
.fam[open]>summary .chev{transform:rotate(180deg)}
.net-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:10px;padding:0 16px 16px}
.net{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--r-m);text-align:left;color:var(--ink);background:rgba(255,255,255,.03);border:1px solid var(--line);
  transition:transform var(--d-2) var(--e-out),border-color var(--d-2),background var(--d-2)}
.net:hover{transform:translateY(-2px);border-color:var(--line-2);background:rgba(255,255,255,.05)}
.net-t{flex:1;min-width:0}
.net-t b{display:block;font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.net-t span{display:block;font-size:.875rem;color:var(--ink-3)}
.tag{flex:0 0 auto;display:inline-flex;align-items:center;min-height:1.7em;padding:0 .65em;border-radius:var(--r-pill);font:650 .875rem/1 var(--font);letter-spacing:.02em;white-space:nowrap}
.tag-send{color:var(--ok);background:rgba(79,224,166,.12);border:1px solid rgba(79,224,166,.35)}
.tag-recv{color:var(--accent);background:var(--acc-13);border:1px solid var(--acc-28)}
.tag-mkt{color:var(--ink-2);background:rgba(255,255,255,.05);border:1px solid var(--line-2)}
.more{display:block;margin:0 16px 16px;min-height:44px;padding:0 16px;border-radius:var(--r-m);background:var(--surface-2);border:1px dashed var(--line-2);color:var(--accent);font-weight:600}
/* liste virtualisée */
.vlist{position:relative;height:min(60vh,560px);overflow-y:auto;margin-top:12px;border-radius:var(--r-m);background:rgba(3,4,10,.35);border:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}
.vlist .vpad{position:relative}
.vrow{position:absolute;left:0;right:0;height:56px;display:flex;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid var(--line)}
.vrow .nm{flex:1;min-width:0}
.vrow .nm b{display:block;font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vrow .nm span{display:block;font:500 .875rem/1.3 var(--mono);color:var(--ink-3);text-transform:uppercase}
.vrow .rk{font-size:.875rem;color:var(--ink-3);font-variant-numeric:tabular-nums;width:3.6em;text-align:right}
.ex-dlg{width:min(720px,calc(100% - 24px));max-height:calc(100svh - 24px);padding:clamp(16px,2vw,28px);color:var(--ink);background:var(--fin-card),#0b1022}
.ex-dlg::backdrop{background:rgba(3,4,10,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.dlg-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.dlg-head h3{margin:0;font:600 1.2rem/1.2 var(--font-d)}
.dlg-head p{margin:2px 0 0;font-size:.875rem;color:var(--ink-3)}
.dlg-logo .coin3d{width:48px;height:48px}
.dlg-x{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-2)}

/* ── revenir en haut ── */
.totop{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:55;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:var(--ink);
  background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.16),transparent 60%),var(--nav-bg);border:1px solid var(--glass-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 30px -12px rgba(0,0,0,.9),0 0 24px -6px rgba(106,169,255,.45);
  opacity:0;transform:translateY(12px) scale(.9);transition:opacity var(--d-3) var(--e-out),transform var(--d-3) var(--e-out);text-decoration:none!important}
.totop.on{opacity:1;transform:none}
.totop::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.totop .i{width:22px;height:22px}
.totop .ring{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);transform:rotate(-90deg)}
.totop .ring circle{fill:none;stroke:rgba(150,170,255,.14);stroke-width:2}
.totop .ring .ring-p{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:138.2;stroke-dashoffset:138.2}
.totop:hover{border-color:var(--acc-45)}
@media (max-width:640px){.totop{bottom:max(84px,env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.scene *{animation:none!important}.scene .sc-shield{opacity:1}.scene .sc-slash{stroke-dashoffset:0}.scene .sc-on{opacity:0}.scene .sc-off{opacity:1}}

/* ── téléchargement + signature du programme ── */
.dl{display:grid;gap:12px;max-width:40rem}
.dl-btns{display:flex;flex-wrap:wrap;gap:12px}
.dl-ns{margin:0;font-size:.875rem}
.ex-none{padding:16px}
.net-grid.flush{padding:0}

@media (max-height:700px) and (min-width:900px){
  .hero .eyebrow{margin-top:8px}.hero .t3d{margin-top:4px}.hero .slogan{margin-top:10px;font-size:.92rem}.hero .pills{margin-top:10px}.hero .cta{margin-top:12px}
  .hero .pills li{padding:5px 11px 5px 9px;font-size:.875rem}.hero .btn-lg{min-height:44px;font-size:.9rem}.n1{padding:5px 12px 5px 6px}
}
/* héros : un seul bouton, centré sur le bloc signature */
.dl-compact{width:min(100%,25rem);justify-items:stretch}
.dl-compact .dl-btns .btn{width:100%}


/* ── libre, par choix ── */
.free-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,80px);align-items:center;padding:clamp(24px,3.4vw,64px);
  background:radial-gradient(70% 100% at 0% 0%,rgba(79,224,166,.12),transparent 60%),var(--fin-card),var(--glass)}
.free-motto{margin:22px 0 0;font:500 clamp(1.15rem,.9rem + .8vw,1.7rem)/1.3 var(--font-d);letter-spacing:-.015em;color:var(--gold)}
.free-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.free-list li{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r-m);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.free-list b{display:block;font-weight:600}.free-list li span:not(.act-ic){display:block;font-size:.875rem;color:var(--ink-2);margin-top:2px}
@media (max-width:899px){.free-in{grid-template-columns:1fr}}
@media (max-width:480px){.free-list{grid-template-columns:1fr}}


@media (max-width:480px){.hero .eyebrow{letter-spacing:.12em}}

/* fond du héros : ciel, constellations et Terre entièrement générés en code (vectoriel → net à toute résolution) */
.p-earth{z-index:-5;overflow:hidden;transform:translate3d(calc(var(--px) * -10px),calc(var(--py) * -6px),0)}
.earth{position:absolute;left:50%;top:calc(100% - clamp(80px,17vh,260px));width:max(2000px,200vw);aspect-ratio:1;border-radius:50%;transform:translateX(-46%);overflow:hidden;
  background:radial-gradient(circle at 54% 0%,#1d3f9a 0%,#0e2263 3.5%,#071338 8%,#040a20 16%,#02050f 32%)}
/* lumières des villes : points nets (dégradés), seulement près de l'horizon */
.e-lights{position:absolute;inset:0;opacity:.7;
  background-image:radial-gradient(1.2px 1.2px at 20px 30px,#ffe7a8,transparent),radial-gradient(1px 1px at 80px 12px,#ffd98a,transparent),radial-gradient(1.4px 1.4px at 130px 44px,#fff1c8,transparent),
    radial-gradient(1px 1px at 170px 20px,#ffd98a,transparent),radial-gradient(1.2px 1.2px at 210px 58px,#ffe7a8,transparent),radial-gradient(1px 1px at 60px 70px,#ffcf7a,transparent),
    radial-gradient(1.6px 1.6px at 250px 34px,#fff4d6,transparent),radial-gradient(1px 1px at 110px 86px,#ffd98a,transparent);
  background-size:280px 100px;
  -webkit-mask-image:radial-gradient(48% 7% at 54% 0%,#000 30%,transparent 100%);mask-image:radial-gradient(48% 7% at 54% 0%,#000 30%,transparent 100%)}
/* atmosphère : liseré bleu net + diffusion */
.e-rim{position:absolute;left:50%;top:calc(100% - clamp(80px,17vh,260px));width:max(2000px,200vw);aspect-ratio:1;border-radius:50%;transform:translateX(-46%);
  box-shadow:inset 0 2px 0 rgba(190,220,255,.95),inset 0 6px 10px rgba(110,170,255,.6),inset 0 22px 50px rgba(60,120,255,.35),0 -2px 4px rgba(170,210,255,.8),0 -12px 36px rgba(80,150,255,.5),0 -50px 120px rgba(50,100,255,.3)}
/* lever de soleil doré sur l'horizon */
.e-sun{position:absolute;left:54%;top:calc(100% - clamp(80px,17vh,260px) - 40px);width:min(80vw,1800px);height:80px;transform:translateX(-50%);
  background:radial-gradient(7% 16% at 50% 50%,#fff 0%,rgba(255,244,214,.85) 45%,transparent 100%),radial-gradient(30% 50% at 50% 55%,rgba(255,232,180,.55),rgba(240,198,116,.18) 50%,transparent 80%),
    radial-gradient(50% 30% at 50% 55%,rgba(120,170,255,.4),transparent 80%)}
.p-const{z-index:-3;width:100%;height:100%;transform:translate3d(calc(var(--px) * -16px),calc(var(--py) * -12px),0)}
.p-const .cl{fill:none;stroke:rgba(160,195,255,.28);stroke-width:1}
.p-const .cs{fill:#cfe0ff}
@media (max-width:899px){.p-const{opacity:.5}}
.p-veil{z-index:-4;background:linear-gradient(90deg,rgba(3,4,10,.9) 0%,rgba(3,4,10,.68) 30%,rgba(3,4,10,.18) 58%,transparent 75%),linear-gradient(180deg,rgba(3,4,10,.55),transparent 22%)}
.p-stars{z-index:-3}
.p-nebula{z-index:-3;opacity:.6}
@media (max-width:899px){.p-veil{background:linear-gradient(180deg,rgba(3,4,10,.82) 0%,rgba(3,4,10,.55) 50%,rgba(3,4,10,.25) 80%,transparent)}}

/* ═════════ SECTIONS AJUSTÉES À LA FENÊTRE (clic dans le menu → section entière visible) ═════════ */
:root{--menu:68px}
[data-fit]{scroll-margin-top:var(--menu)}
.fit-on [data-fit]{min-height:calc(100svh - var(--menu));display:flex;flex-direction:column;justify-content:center;padding:clamp(14px,3vh,48px) 0}
.fit-on [data-fit] > .fit-z{width:100%}
.fit-on .sec-head{margin-bottom:clamp(14px,3vh,56px)}
.fit-on .cmp th,.fit-on .cmp td{padding-block:max(6px,min(1.1vh,14px))}
.fit-on .cmp thead th{padding-top:max(10px,1.4vh)}
.explore{padding-top:clamp(24px,4vh,64px)}
.explore .ex-fams{max-height:min(70vh,900px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;padding-right:4px}
.explore .ex-results:not(:empty) + .ex-fams{display:none}
.fit-on .feature .mini{width:min(100%,calc((100svh - var(--menu)) * .2))}
.fit-on .duo{min-height:min(clamp(380px,36vw,700px),calc(100svh - var(--menu) - 120px))}
.fit-on .duo .mini{width:min(clamp(170px,16vw,300px),calc((100svh - var(--menu) - 160px) * .4))}
.fit-on .rail-it{flex-basis:min(clamp(160px,14vw,280px),calc((100svh - var(--menu) - 260px) * .4621))}
.fit-on .galaxy{width:min(100%,640px,calc(100svh - var(--menu) - 120px))}
.fit-on .scene{width:min(100%,560px,calc(100svh - var(--menu) - 100px))}

/* légende sous le téléphone : pastille lisible */
.stage-note{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:var(--r-pill);font-size:.875rem;font-weight:550;color:var(--ink);
  background:rgba(9,12,25,.82);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px -10px rgba(0,0,0,.9)}
.stage-note::before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--ink-3)}
.demo-live .stage-note::before{background:var(--ok);box-shadow:0 0 0 0 rgba(79,224,166,.6);animation:live 2s ease-out infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(79,224,166,.55)}100%{box-shadow:0 0 0 8px rgba(79,224,166,0)}}

/* bouton principal du wallet (« Générer mon coffre ») + pastille Android */
.btn-dl{min-width:min(100%,360px);font-size:1.02rem;letter-spacing:.01em}
.btn-dl .i{width:20px;height:20px}
.dl-v{display:flex;align-items:center;gap:10px;margin:0;padding:9px 14px;border-radius:var(--r-m);font-size:.875rem;line-height:1.4;color:var(--ink);
  background:rgba(9,12,25,.82);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px -10px rgba(0,0,0,.9)}
.dl-v .i{width:20px;height:20px;flex:0 0 auto;color:var(--ok)}
.dl-compact .dl-v{contain:inline-size}
@media (max-width:899px){.dl-compact{width:100%}.btn-dl{width:100%}}

/* badge N°1 : verre sombre, bord dégradé bleu → violet animé, couronne et « N°1 » en or net */
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
.n1{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;margin:0;padding:8px 18px 8px 10px;border-radius:var(--r-pill);
  font:650 clamp(.875rem,.6rem + .22vw,.92rem)/1 var(--font-d);letter-spacing:.16em;text-transform:uppercase;color:#e9eeff;
  background:rgba(9,12,25,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 20px -12px rgba(0,0,0,.9)}
.n1::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;
  background:conic-gradient(from var(--ang),#6aa9ff,#a77bff,#3d84ff,#a77bff,#6aa9ff);
  -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);
  animation:ang 6s linear infinite}
@keyframes ang{to{--ang:360deg}}
.n1-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.35);color:var(--gold)}
.n1-ic .i{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.n1-n{background:linear-gradient(180deg,#fff1c1,#f0c674 55%,#c48a2c);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:.08em}


/* sections zoomées : mêmes bords gauche/droite que le reste de la page */
.fit-z{--z:1}
.fit-z .wrap{width:min(100% - 2 * var(--gut) / var(--z),var(--maxw) / var(--z))}
.fit-z .rail{padding-inline:calc(max(var(--gut),(100vw - var(--maxw)) / 2) / var(--z))}
/* explorateur : tout affiché, aucune boîte à défilement */
.explore .ex-fams{max-height:none!important;overflow:visible!important;padding-right:0}
.ex-panel{margin-top:14px;padding:clamp(16px,2vw,28px);background:radial-gradient(80% 60% at 0% 0%,rgba(106,169,255,.1),transparent 60%),var(--fin-card),var(--glass)}
.cry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:8px;margin-top:12px}
.cry{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;border-radius:var(--r-s);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.cry .nm{flex:1;min-width:0}
.cry .nm b{display:block;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cry .nm span{display:block;font:500 .875rem/1.3 var(--mono);color:var(--ink-3);text-transform:uppercase}
.cry .iso-badge{font-size:.875rem;min-height:1.6em;padding:0 .5em;vertical-align:middle}
.cry-grid .more{grid-column:1/-1;margin:6px 0 0}
/* aucune barre de défilement visible dans la page (comparatif : glisser horizontal discret sur petit écran) */
.cmp-wrap{scrollbar-width:none}.cmp-wrap::-webkit-scrollbar{display:none}

/* ── ciel cinéma (code) : Terre plus grande, voie lactée, nébuleuse, étoiles brillantes à aigrettes ── */
.earth,.e-rim{top:calc(100% - clamp(150px,36vh,520px));width:max(2200px,170vw);transform:translateX(-44%)}
.earth{background:radial-gradient(circle at 56% 0%,#2b5fd0 0%,#173a96 2.5%,#0b2061 6%,#06123a 11%,#030a22 18%,#02050f 34%)}
.e-lights{-webkit-mask-image:radial-gradient(42% 12% at 44% 1%,#000 20%,transparent 100%);mask-image:radial-gradient(42% 12% at 44% 1%,#000 20%,transparent 100%);opacity:.85}
.e-sun{top:calc(100% - clamp(150px,36vh,520px) - 50px);left:56%;height:100px;
  background:radial-gradient(5% 14% at 50% 50%,#fff 0%,rgba(255,246,220,.9) 40%,transparent 100%),
    linear-gradient(90deg,transparent 20%,rgba(255,230,170,.35) 48%,rgba(255,230,170,.35) 52%,transparent 80%) 50% 50%/100% 2px no-repeat,
    radial-gradient(28% 48% at 50% 55%,rgba(255,226,160,.5),rgba(240,198,116,.16) 55%,transparent 80%),
    radial-gradient(55% 32% at 50% 60%,rgba(120,170,255,.38),transparent 80%)}
.p-milky{z-index:-4;background:
  linear-gradient(118deg,transparent 30%,rgba(120,140,230,.10) 42%,rgba(200,190,255,.12) 48%,rgba(240,210,160,.06) 52%,rgba(120,140,230,.08) 58%,transparent 70%),
  radial-gradient(40% 30% at 78% 22%,rgba(110,90,220,.22),transparent 70%),
  radial-gradient(30% 25% at 62% 12%,rgba(63,110,255,.2),transparent 70%),
  radial-gradient(22% 18% at 88% 46%,rgba(240,198,116,.08),transparent 70%);
  transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -10px),0)}
.bstar{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px rgba(200,220,255,.8)}
.bstar::before,.bstar::after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,rgba(220,232,255,.85),transparent);transform:translate(-50%,-50%)}
.bstar::before{width:46px;height:1px}.bstar::after{width:1px;height:46px;background:linear-gradient(180deg,transparent,rgba(220,232,255,.85),transparent)}
.bstar.b1{left:86%;top:14%}.bstar.b2{left:70%;top:34%;transform:scale(.7)}.bstar.b3{left:94%;top:52%;transform:scale(.85)}
.p-veil{background:radial-gradient(70% 70% at 18% 40%,rgba(3,4,10,.7),rgba(3,4,10,.35) 55%,transparent 80%)!important}
@media (max-width:899px){.earth,.e-rim{top:calc(100% - 120px)}.e-sun{top:calc(100% - 170px)}.bstar.b2{display:none}}

/* ── orbites de la fiche du wallet autour du téléphone (lk-ring : rotateX 72°, rotation lente, satellites) ──
   arrière : anneau complet derrière le boîtier ; avant : seulement l'arc bas, hors de l'écran (jamais par-dessus) */
.float{position:relative}
.orb{position:absolute;left:50%;top:62%;width:calc(var(--pw) * 2.1);height:calc(var(--pw) * 2.1);transform:translate(-50%,-50%);pointer-events:none;perspective:900px}
.orb-back{z-index:0}
.phone{z-index:1}
.orb-front{z-index:2}
.orb-front.fl{clip-path:inset(50% 72.3% 0 0)}
.orb-front.fr{clip-path:inset(50% 0 0 72.3%)}
.ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px solid rgba(106,169,255,.5);transform:translate(-50%,-50%) rotateX(72deg) rotateZ(0deg);animation:ringZ 40s linear infinite}
.ring.r1{width:100%;height:100%;border-color:rgba(217,181,106,.55);border-top-color:transparent}
.ring.r2{width:84%;height:84%;border-color:rgba(120,170,255,.5);border-bottom-color:transparent;animation-duration:60s;animation-direction:reverse}
.ring.r3{width:70%;height:70%;border-color:rgba(167,123,255,.38);border-left-color:transparent;animation-duration:80s}
@keyframes ringZ{to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(360deg)}}
.sat{position:absolute;top:-4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#f3dfa8;box-shadow:0 0 10px rgba(217,181,106,.9)}
.sat.s2{top:auto;bottom:-4px;left:22%;width:5px;height:5px;background:#fff}
.sat.v{top:auto;bottom:-4px;background:#cfe0ff;box-shadow:0 0 10px rgba(106,169,255,.9)}
.sat.s3{top:50%;left:-3px;margin:0;width:6px;height:6px;background:#e1d2ff;box-shadow:0 0 8px rgba(167,123,255,.9)}
@media (prefers-reduced-motion:reduce){.ring{animation:none}}

/* horizon v2 : côté nuit sombre (pas d'aplat bleu), villes, croissant éclairé fin, lever de soleil qui suit la courbure */
.earth{background:radial-gradient(60% 2.2% at 49% 0%,rgba(80,140,255,.55),rgba(30,70,180,.25) 45%,transparent 100%),radial-gradient(circle at 49% 0%,#0a1638 0%,#050b1f 4%,#02050f 12%,#010309 30%)}
.e-lights{opacity:1}
.e-sun{display:none}
.e-rim{box-shadow:inset 0 1.5px 0 rgba(190,220,255,.85),inset 0 5px 8px rgba(110,170,255,.45),0 -1.5px 3px rgba(170,210,255,.7),0 -10px 28px rgba(80,150,255,.38),0 -40px 90px rgba(50,100,255,.22)}
.e-atmo{position:absolute;left:50%;top:calc(100% - clamp(150px,36vh,520px) - 70px);width:calc(max(2200px,170vw) + 140px);aspect-ratio:1;border-radius:50%;transform:translateX(-44%);
  background:radial-gradient(9% 3.2% at 49% 2.6%,rgba(255,250,235,.95),rgba(255,226,160,.55) 35%,transparent 100%),
             radial-gradient(34% 4.5% at 49% 2.6%,rgba(255,214,140,.45),rgba(240,198,116,.12) 55%,transparent 100%),
             radial-gradient(70% 5% at 49% 2.6%,rgba(110,160,255,.28),transparent 100%);
  -webkit-mask-image:radial-gradient(closest-side,transparent calc(100% - 70px),#000 calc(100% - 66px),#000 100%);mask-image:radial-gradient(closest-side,transparent calc(100% - 70px),#000 calc(100% - 66px),#000 100%)}
@media (max-width:899px){.e-atmo{top:calc(100% - 190px)}}
.demo-live .stage-note{display:none}
.btn-dl span{text-transform:uppercase;letter-spacing:.08em;font-size:.94rem}
.dl-compact .dl-v{margin-top:18px}
.stage-note{display:none!important}

/* lisibilité : preuves sur 3 colonnes, numéros discrets, textes ≥ 14 px */
@media (min-width:1100px){.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.proof-n{color:rgba(240,198,116,.09)}
.proof-big span,.vs,.how,.tile p,.stat-l span,.cov-card span,.cold-steps span:not(.fin-ic),.net-t span,.cry .nm span,.small,.note,.legend{font-size:max(.875rem,14px);line-height:1.5}
.p{line-height:1.6}



/* ═════════ HAUTEURS NATURELLES (plein écran seulement si le contenu le justifie) ═════════ */
.fit-on [data-fit]{min-height:0;padding:clamp(48px,8vh,120px) 0}
.sec{padding:clamp(48px,8vh,120px) 0}

/* ═════════ FONDS DE SECTION PLEINE LARGEUR (palette Nuit & or) ═════════ */
main > section:not(.hero){position:relative;isolation:isolate;box-shadow:inset 0 1px 0 rgba(170,190,255,.12)}
main > section:not(.hero)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.intro{background:linear-gradient(180deg,#03040a,#060a1c)}
#cold{--glass:rgba(22,24,70,.62);--glass-line:rgba(160,170,255,.22);background:linear-gradient(180deg,#0a0c2e,#0d1040)}
#cold::before{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%237f8cff' stroke-opacity='.18'%3E%3Cpath d='M0 30h40l10 10h30M60 0v20l10 10v40M120 90H80l-10-10H40M20 120v-30l10-10'/%3E%3C/g%3E%3Cg fill='%23a77bff' fill-opacity='.35'%3E%3Ccircle cx='80' cy='40' r='2'/%3E%3Ccircle cx='70' cy='70' r='2'/%3E%3Ccircle cx='40' cy='80' r='2'/%3E%3C/g%3E%3C/svg%3E")}
#preuves{--glass:rgba(10,18,48,.66);background:radial-gradient(60% 50% at 80% 0%,rgba(240,198,116,.14),transparent 70%),linear-gradient(180deg,#050b24,#07112e)}
#couverture,#explorer-sec{--glass:rgba(6,32,44,.62);--glass-line:rgba(110,220,240,.2);background:radial-gradient(50% 50% at 75% 30%,rgba(79,210,242,.12),transparent 70%),linear-gradient(180deg,#041a24,#052231)}
#explorer-sec{background:linear-gradient(180deg,#052231,#041a24)}
#securite{--glass:rgba(30,16,60,.62);--glass-line:rgba(190,160,255,.22);background:linear-gradient(180deg,#140a2e,#1a0d3a)}
#securite::before{opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='92'%3E%3Cpath d='M40 2 78 24v44L40 90 2 68V24z' fill='none' stroke='%23a77bff' stroke-opacity='.25'/%3E%3C/svg%3E")}
#independance{--glass:rgba(16,14,30,.64);background:linear-gradient(180deg,#0a0a16,#0d0c1c)}
#independance::before{opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='300'%3E%3Cpath d='M0 220 60 200 120 210 180 160 240 175 300 120 360 140 420 90 480 105 540 60 600 70' fill='none' stroke='%23f0c674' stroke-opacity='.22' stroke-width='1.5'/%3E%3Cpath d='M0 260 80 250 160 255 240 220 320 230 400 190 480 200 600 160' fill='none' stroke='%23f0c674' stroke-opacity='.12'/%3E%3C/svg%3E");background-size:600px 300px;background-position:bottom}
.iso{--glass:rgba(16,30,52,.64);--glass-line:rgba(150,190,240,.22);background:linear-gradient(180deg,#0c1a2e,#10223a)}
#echanges{--glass:rgba(32,12,40,.6);background:radial-gradient(50% 60% at 20% 50%,rgba(208,85,157,.12),transparent 70%),linear-gradient(180deg,#120a1e,#0e0a1a)}
.support{--glass:rgba(34,26,12,.55);--glass-line:rgba(240,198,116,.22);background:radial-gradient(50% 60% at 85% 40%,rgba(240,198,116,.10),transparent 70%),linear-gradient(180deg,#120e08,#15100a)}
#comparatif{--glass:rgba(30,28,28,.66);--glass-line:rgba(220,210,200,.16);background:linear-gradient(180deg,#141313,#181616)}
#ecrans{background:#020204}
#libre{--glass:rgba(10,36,28,.6);--glass-line:rgba(110,230,180,.2);background:radial-gradient(50% 60% at 10% 20%,rgba(79,224,166,.12),transparent 70%),linear-gradient(180deg,#06170f,#071c14)}
#installer{background:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#dfe8ff,transparent),radial-gradient(1.4px 1.4px at 85% 70%,#fff,transparent),radial-gradient(80% 60% at 50% 120%,rgba(63,110,255,.35),transparent 70%),linear-gradient(180deg,#05081a,#03040a)}
/* textes clairs à fort contraste sur tous les fonds */
main > section:not(.hero) .p{color:#d5dbee}
main > section:not(.hero) .small,main > section:not(.hero) .note{color:#c2cadf}

/* carte Soutien : texte + mini-revue d'envoi dessinée */
.support-in{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;align-items:center}
.soon{display:inline-flex;align-items:center;min-height:1.7em;padding:0 .65em;margin-left:8px;border-radius:var(--r-pill);font:650 .8rem/1 var(--font);letter-spacing:.02em;text-transform:none;color:var(--gold);background:rgba(240,198,116,.12);border:1px solid rgba(240,198,116,.35);vertical-align:middle}
.review{padding:18px;border-radius:var(--r-l);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),#0b0f22;border:1px solid var(--line-2);box-shadow:var(--sh-2)}
.rv-h{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:600 1rem/1.2 var(--font-d)}
.rv-h .act-ic{width:34px;height:34px}.rv-h .act-ic .i{width:18px;height:18px}
.review dl{margin:0}
.review dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.review dt{color:#c2cadf;display:flex;align-items:center;gap:8px}.review dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
.review .rv-sup{margin:4px -10px;padding:10px;border-radius:12px;border:1px solid rgba(240,198,116,.4);background:rgba(240,198,116,.08)}
.review .rv-sup dt{color:var(--gold)}.review .rv-sup .i{width:16px;height:16px}
.review .rv-tot dd{color:var(--ok)}
.rv-btn{margin:14px 0 0;min-height:46px;display:grid;place-items:center;border-radius:var(--r-m);font-weight:650;font-size:.92rem;color:#fff;background:linear-gradient(180deg,#3d84ff,#1f4fc8);border:1px solid rgba(160,195,255,.35)}
@media (max-width:899px){.support-in{grid-template-columns:1fr!important}}

/* ═════════ PIED DE PAGE PREMIUM ═════════ */
.foot{position:relative;margin-top:0;padding:clamp(40px,6vh,80px) 0 28px;background:linear-gradient(180deg,#060918,#03040a);border-top:0;box-shadow:inset 0 1px 0 rgba(170,190,255,.14)}
.foot::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(106,169,255,.8),rgba(167,123,255,.8),transparent)}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1.1fr 1fr;gap:clamp(24px,3vw,56px);align-items:start}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.foot-col a:not(.btn):not(.brand){color:#d5dbee;font-size:.95rem}
.foot-col a:not(.btn):not(.brand):hover{color:#fff}
.foot-h{margin:0 0 14px;font:600 .875rem/1 var(--font-d);letter-spacing:.14em;text-transform:uppercase;color:#c2cadf}
.foot-brand .brand{display:inline-flex}
.foot .motto{margin:16px 0 0;font-size:.95rem;letter-spacing:.04em;color:#dfe5f5}
.foot-dl{min-height:46px}
.foot-note{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:.9rem;color:#d5dbee}
.foot-note .fin-ic,.foot-priv .fin-ic{width:32px;height:32px;border-radius:10px}.foot-note .fin-ic .i,.foot-priv .fin-ic .i{width:17px;height:17px}
.foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:clamp(28px,4vh,48px);padding-top:20px;border-top:1px solid var(--line)}
.foot-priv{display:inline-flex;align-items:center;gap:10px;margin:0;padding:6px 14px 6px 6px;border-radius:var(--r-pill);font-size:.9rem;color:#e6ebf7;background:rgba(9,12,25,.8);border:1px solid var(--glass-line)}
.foot-meta{margin:0;font-size:.875rem;color:#c2cadf}
@media (max-width:899px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
/* « revenir en haut » remonté quand le pied de page est visible */
.totop.lift{bottom:calc(var(--footH,0px) + 16px)}
.steps li span.step-n{display:grid;font-size:.95rem;color:#1a1205;margin:0}
.foot .foot-brand{display:block}
.foot .foot-priv{flex-basis:auto}
.foot .foot-brand .logotype{margin-left:12px}

/* ── vidéo de fond du header (fichiers dans assets/video/) ; le fond en code reste en repli ── */
.p-video{z-index:-4;overflow:hidden;opacity:0;transition:opacity 1.2s ease}
.vid-on .p-video{opacity:1}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);display:block}
.vid-on .p-earth,.vid-on .p-milky{opacity:0;transition:opacity 1.2s ease}
.vid-on .p-veil{background:linear-gradient(90deg,rgba(3,4,10,.82) 0%,rgba(3,4,10,.6) 30%,rgba(3,4,10,.15) 58%,transparent 72%),linear-gradient(180deg,rgba(3,4,10,.35),transparent 25%)!important;z-index:-3}

/* ═════════ v2 : plus de double fond, palette premium cohérente ═════════ */
.iso-in,.support-in,.free-in,.install-in{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0}
.iso-in::before,.support-in::before,.free-in::before,.install-in::before,.iso-in::after,.support-in::after,.free-in::after,.install-in::after{display:none}
/* ISO 20022 : bleu nuit + reflets acier/argent */
.iso{background:radial-gradient(60% 80% at 15% 50%,rgba(170,200,255,.16),transparent 60%),radial-gradient(40% 60% at 90% 20%,rgba(220,230,255,.10),transparent 70%),linear-gradient(160deg,#0a1430 0%,#0e1d44 55%,#0a1532 100%)!important}
.iso::before{opacity:.5;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(210,225,255,.035) 46px 47px)}
.iso-seal{background:radial-gradient(circle at 35% 30%,rgba(230,238,255,.5),rgba(120,150,220,.25) 45%,rgba(16,28,70,.95) 70%)!important;border-color:rgba(220,230,255,.55)!important}
/* Soutien : violet nuit + or */
.support{--glass:rgba(40,20,70,.6);--glass-line:rgba(200,170,255,.24);background:radial-gradient(50% 70% at 85% 40%,rgba(240,198,116,.14),transparent 65%),radial-gradient(60% 80% at 10% 60%,rgba(140,90,240,.22),transparent 70%),linear-gradient(160deg,#160b30 0%,#22104a 55%,#170b33 100%)!important}
/* Libre : bleu-vert nuit profond et lumineux */
#libre{--glass:rgba(8,40,52,.6);--glass-line:rgba(120,220,230,.24);background:radial-gradient(55% 70% at 12% 30%,rgba(60,200,220,.18),transparent 65%),radial-gradient(45% 60% at 90% 80%,rgba(106,169,255,.16),transparent 70%),linear-gradient(160deg,#04202c 0%,#06303e 55%,#052433 100%)!important}
/* Téléchargement : retour à l'espace, sans cadre */
#installer .install-in{gap:clamp(28px,5vw,96px)}
/* téléphone du header : plus de reflet en diagonale sur l'écran */
.glare{display:none!important}

/* Sécurité au quotidien : capture + liste en 2 colonnes (mise en page différente des autres sections) */
.daily{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:center}
.daily-shot{margin:0}.daily-shot .mini{width:clamp(200px,17vw,300px)}
.daily-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,36px) clamp(20px,3vw,48px)}
.daily-list li{display:flex;gap:14px;align-items:flex-start}
.daily-list b{display:block;font:600 1.02rem/1.3 var(--font-d);color:#fff}
.daily-list li span:not(.fin-ic){display:block;margin-top:4px;font-size:.92rem;line-height:1.5;color:#d5dbee}
@media (max-width:899px){.daily{grid-template-columns:1fr}.daily-shot{justify-self:center}.daily-list{grid-template-columns:1fr}}

/* ── légende des catégories ── */
.legend-cat{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.legend-cat li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.92rem;color:#d5dbee}
.legend-cat b{color:#fff;font-variant-numeric:tabular-nums}
.tag .i{width:13px;height:13px;margin-right:4px;stroke-width:2.4}
.tag{min-height:1.9em;font-size:.8rem}
/* lignes de crypto cliquables */
.cry{padding:0}
.cry-b{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;border:0;background:none;color:inherit;text-align:left;border-radius:inherit}
.cry-b:hover{background:rgba(255,255,255,.04)}
/* ── fiche détaillée (modale, style du wallet) ── */
.sheet{width:min(680px,calc(100% - 24px));max-height:calc(100svh - 32px);padding:0;border:1px solid var(--glass-line);border-radius:var(--r-xl);color:var(--ink);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),#0a0f24;box-shadow:0 40px 100px -30px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.03) inset;overflow:hidden}
.sheet[open]{display:flex;flex-direction:column}
.sheet::backdrop{background:rgba(3,4,10,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.sheet-head{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}
.sheet-logo .coin3d{width:52px;height:52px}
.sheet-ttl{flex:1;min-width:0}
.sheet-ttl h3{margin:0;font:600 1.3rem/1.2 var(--font-d)}
.sheet-ttl p{margin:4px 0 0;font-size:.9rem;color:#c2cadf;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.sheet-body{padding:16px 20px 20px;overflow:auto;scrollbar-width:thin}
.sheet-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;font-size:.92rem;color:#d5dbee}
.sheet-p{margin:0;color:#d5dbee}
.sheet-net{margin-top:12px;padding:14px;border-radius:var(--r-m);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.sheet-net header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.sheet-net header div{flex:1;min-width:0}.sheet-net header b{display:block}.sheet-net header span:not(.coin3d):not(.tag){font-size:.86rem;color:#c2cadf}
.kvs{margin:0}
.kv{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.kv:last-child{border-bottom:0}
.kv dt{color:#c2cadf;flex:0 0 auto}.kv dd{margin:0;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}
.kv dd .i{width:15px;height:15px;color:var(--ok)}
.kv code{font:500 .86rem/1.3 var(--mono);color:#8fc2ff;word-break:break-all}
.copy.sm{min-height:32px;width:32px;padding:0;justify-content:center}
.more.slim{margin:10px 0 0;min-height:40px;width:100%;font-size:.9rem}
.sheet-ok{margin:0;padding:0 20px 12px;min-height:0}
@media (max-width:640px){.sheet{width:100%;max-width:none;height:100svh;max-height:none;border-radius:0;margin:0}}
.sheet-body > .more{margin:14px 0 0;width:100%}
/* cold wallet : téléphone réaliste + pastille « Mode avion · coffre scellé » + verrou lumineux discret */
.cold-phone{position:relative;width:clamp(220px,20vw,340px);margin-inline:auto}
.cold-phone .mini{position:relative;z-index:1}
.lock-glow{position:absolute;z-index:0;right:-14%;top:22%;width:46%;height:46%;border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(106,169,255,.28),rgba(167,123,255,.12) 55%,transparent 75%)}
.lock-glow::after{content:"";position:absolute;right:18%;top:30%;width:6px;height:38%;border-radius:6px;background:linear-gradient(180deg,rgba(190,215,255,.0),rgba(190,215,255,.75),rgba(190,215,255,0));box-shadow:0 0 16px rgba(106,169,255,.7)}
.air-pill{position:absolute;z-index:2;left:50%;bottom:-18px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 16px 9px 12px;white-space:nowrap;
  border-radius:var(--r-pill);font-size:.9rem;font-weight:600;color:#fff;background:rgba(9,12,30,.9);border:1px solid rgba(160,190,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 26px -12px rgba(0,0,0,.9)}
.air-pill .i{width:18px;height:18px;fill:var(--accent);stroke:none}
.lock-glow::after{display:none}
/* preuves : 4 cartes puis 3 plus larges (grille 12 colonnes), sans orpheline */
@media (min-width:1100px){
  .proof-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;align-items:stretch}
  .proof-grid > .proof{grid-column:span 3}
  .proof-grid > .proof:nth-child(n+5){grid-column:span 4}
}
@media (min-width:640px) and (max-width:1099.98px){
  .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .proof-grid > .proof:nth-child(7){grid-column:1/-1}
}

/* ═════════ 3D CINÉMA ═════════ */
/* hublot : la vidéo bouge à l'inverse de la souris */
.p-video{transform:translate3d(calc(var(--px) * -16px),calc(var(--py) * -12px),0) scale(1.05)}
/* poussière d'or de premier plan : passe devant le titre et le téléphone, ne capte aucun clic */
.p-dust{z-index:5;width:100%;height:100%;pointer-events:none}
/* téléphone : ombre profonde qui suit la lumière ; au survol le boîtier « avance » (tranche et ombre s'épaississent, l'écran reste à plat) */
@property --T{syntax:"<length>";inherits:true;initial-value:14px}
.phone{transition:--T .5s var(--e-out)}
.stage:hover .phone{--T:calc(var(--pw) * .075)}
.stage:hover .floor{transform:translateX(calc(-40% + var(--px) * -14px)) skewX(-24deg) scale(1.12);opacity:.9}
.bezel{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22),inset 0 0 0 4px #05060c,calc(var(--px) * -30px) calc(60px + var(--py) * -20px) 100px -30px rgba(0,0,0,.95),calc(var(--px) * -12px) calc(24px + var(--py) * -8px) 40px -16px rgba(0,0,0,.8)!important}
/* sections : arrivée depuis la profondeur, puis immobiles et nettes */
.js .rv{opacity:0;transform:perspective(1000px) translate3d(0,28px,-160px);transition:opacity .9s var(--e-out),transform .9s var(--e-out)}
.js .rv.in{opacity:1;transform:none}
/* titres en léger relief (ombres nettes en couches, sans flou) */
.h2{text-shadow:0 1px 0 rgba(10,14,40,.9),0 2px 0 rgba(8,10,30,.8),0 3px 0 rgba(4,6,18,.6)}
.h2 .grad,.h2 .grad-gold,.h2 .mega{text-shadow:none;filter:drop-shadow(0 2px 0 rgba(4,6,18,.7))}
/* cartes : le fond (bord lumineux) s'incline, le texte reste plat ; ombre dynamique */
.card{box-shadow:var(--fin-edge),var(--sx,0px) var(--sy,16px) 36px -18px rgba(0,0,0,.8);transition:box-shadow .3s var(--e-out)}
.card::before{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border:1px solid rgba(255,255,255,.06);transition:transform .35s var(--e-out)}
/* captures : ombre au sol sous les téléphones des sections */
.duo::after,.iso-shots::after,.daily-shot::after{content:"";position:absolute;left:15%;right:15%;bottom:-26px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);pointer-events:none}
.iso-shots,.daily-shot{position:relative}


/* ═════════ MOBILE ═════════ */
.burger{display:none;place-items:center;align-content:center;gap:5px;width:44px;height:44px;margin-left:8px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line-2)}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform var(--d-2),opacity var(--d-2)}
.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)}
@media (max-width:980px){
  .burger{display:grid}
  .top .btn{margin-left:auto}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;margin:0;padding:8px var(--gut) 16px;background:rgba(6,8,20,.97);border-bottom:1px solid var(--line-2);box-shadow:0 20px 40px -20px rgba(0,0,0,.9)}
  .nav.open{display:flex}
  .nav a{display:flex;align-items:center;min-height:48px;padding:0 4px;border-radius:0;border-bottom:1px solid var(--line);font-size:1rem;color:var(--ink)}
}
@media (max-width:420px){.top .btn-sm span{display:none}.top .btn-sm{width:44px;padding:0;min-height:44px}}
/* zones tactiles */
.dot{height:44px}
.rbtn,.dlg-x,.copy.sm{min-width:44px;min-height:44px}
/* comparatif sur mobile : 1re colonne fixe, défilement horizontal propre */
@media (max-width:760px){
  .cmp{min-width:600px}
  .cmp tbody th,.cmp thead th:first-child{position:sticky;left:0;z-index:1;background:#181616}
  .cmp-wrap{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .cmp-foot::before{content:"Fais glisser le tableau →";display:block;width:100%;font-size:.875rem;color:#c2cadf}
}
/* vidéo et hublot plus légers sur mobile */
@media (max-width:899px){.p-video{transform:none}.hero-video{transform:scale(1.04)}}
.tag{font-size:.875rem}
.dot{width:26px}
.foot-col ul{gap:0}
.foot-col li a{display:inline-flex;align-items:center;min-height:44px}
@media (max-width:899px),(max-width:1100px) and (max-aspect-ratio:1/1){.stage{--pw:min(66vw,300px,max(220px,calc((100svh - 160px) * .4621)))}}
.soon{font-size:.875rem}.iso-badge{font-size:max(.8rem,13.6px)}.iso-inline{font-size:.5em}
@media (max-width:520px){.net{flex-wrap:wrap}.net .tag{margin-left:48px}.cry-b{flex-wrap:wrap}.cry-b .tag{margin-left:46px}.fam>summary{flex-wrap:wrap}.fam>summary .fam-n{margin-left:0;width:100%;padding-left:50px}}
@media (max-width:980px){.nav.open{background:#060814!important;opacity:1;isolation:isolate;z-index:60}}

/* vidéo du header : fidèle à la source — aucune mise à l'échelle, aucun filtre, aucun effet qui suit la souris */
.p-video,.vid-on .p-video{transform:none!important;filter:none!important}
.hero-video{transform:none!important;filter:none!important;object-fit:cover}
.bezel{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.22),inset 0 0 0 4px #05060c,0 60px 100px -30px rgba(0,0,0,.95),0 24px 40px -16px rgba(0,0,0,.8)!important}
.floor,.stage:hover .floor{transform:translateX(-40%) skewX(-24deg)!important}
.vid-on .p-stars,.vid-on .p-nebula,.vid-on .p-milky,.vid-on .p-earth,.vid-on .p-dust{display:none}

/* ═════════ header : retouches propriétaire ═════════ */
/* tranche fine et constante, couleur du boîtier (plus de bloc noir au survol) */
.phone,.stage:hover .phone{--T:calc(var(--pw) * .032)!important;transition:none}
.slice:nth-child(6){background:linear-gradient(100deg,#20263a,#6f7898 35%,#2a3048 70%,#4a5270)!important;box-shadow:none!important}
/* fondu progressif de la vidéo vers la section suivante (pas de trait) */
.hero::after{height:clamp(120px,20vh,220px)!important;z-index:1!important;background:linear-gradient(180deg,rgba(10,12,46,0) 0%,rgba(10,12,46,.55) 55%,#0a0c2e 100%)!important}
#cold{box-shadow:none!important}
/* lisibilité garantie sur fond clair : voile progressif + halo sombre discret derrière la colonne + verre sombre */
.vid-on .p-veil{background:linear-gradient(90deg,rgba(3,4,10,.75) 0%,rgba(3,4,10,.6) 22%,rgba(3,4,10,.3) 40%,transparent 56%),linear-gradient(180deg,rgba(3,4,10,.35),transparent 22%)!important}
.hero-copy{position:relative;isolation:isolate}
.hero-copy::before{content:"";position:absolute;z-index:-1;inset:-12% -18% -14% -30%;pointer-events:none;background:radial-gradient(60% 55% at 40% 50%,rgba(3,4,10,.55),rgba(3,4,10,.25) 60%,transparent 80%)}
.hero .pills li,.hero .dl-v,.hero .n1{background:rgba(6,8,20,.72)!important;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);color:#fff}
.hero .eyebrow{color:#e6ebf7}
.hero .slogan{color:#e6ebf7}
/* jamais de points de diaporama dans le header */
.hero .dots{display:none!important}
@media (max-width:899px){.hero-copy::before{inset:-6% -8%}}

/* ═════════ HEADER EN DIAGONALE ═════════ */
.hero{--dt:46%;--db:56%;--cut:60%}
.p-panel-wrap{z-index:-2;filter:drop-shadow(14px 0 26px rgba(0,0,0,.55))}
.p-panel{position:absolute;inset:0;clip-path:polygon(0 0,var(--dt) 0,var(--db) 100%,0 100%);
  background:radial-gradient(70% 60% at 20% 30%,rgba(63,110,255,.10),transparent 70%),linear-gradient(160deg,#060a20 0%,#0a0f2e 55%,#0e0f3a 100%)}
.p-panel::after{content:"";position:absolute;inset:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* liseré net le long de la diagonale (bleu → violet) */
.p-edge{z-index:-1;clip-path:polygon(var(--dt) 0,calc(var(--dt) + 2px) 0,calc(var(--db) + 2px) 100%,var(--db) 100%);background:linear-gradient(180deg,#6aa9ff,#a77bff 60%,rgba(167,123,255,.2))}
/* plus de voile ni de halo : le texte repose sur le panneau plein */
.hero .p-veil{display:none!important}
.hero-copy::before{display:none!important}
/* sous 900 px : panneau en haut, vidéo en dessous, diagonale inclinée */
.diag-col .p-panel{clip-path:polygon(0 0,100% 0,100% calc(var(--cut) - 48px),0 var(--cut))}
.diag-col .p-edge{clip-path:polygon(0 var(--cut),100% calc(var(--cut) - 48px),100% calc(var(--cut) - 46px),0 calc(var(--cut) + 2px))}
.diag-col .p-panel-wrap{filter:drop-shadow(0 14px 22px rgba(0,0,0,.55))}
.p-edge{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 92%);mask-image:linear-gradient(180deg,#000 55%,transparent 92%)}.diag-col .p-edge{-webkit-mask-image:none;mask-image:none}.p-panel{-webkit-mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.35) 100%);mask-image:linear-gradient(180deg,#000 70%,rgba(0,0,0,.35) 100%)}.diag-col .p-panel{-webkit-mask-image:none;mask-image:none}
@media (min-width:900px){.hero .pills{max-width:37em}}
.p-panel{-webkit-mask-image:none!important;mask-image:none!important;opacity:1}
/* panneau plus étroit : colonne de texte resserrée */
@media (min-width:900px){
  .hero .pills{max-width:min(30em,34vw)}
  .hero .slogan{max-width:min(26em,34vw)}
  .hero .eyebrow{letter-spacing:.16em}
  .hero .dl-compact{width:min(100%,23rem)}
}
@media (min-width:900px) and (max-height:720px){.hero .pills{max-width:min(36em,44vw)}}
@media (min-width:900px) and (max-height:720px){.hero .pills{max-width:44em!important}.hero .dl-compact{width:min(100%,28rem)!important}}

/* ═════════ EXPLORATEUR v2 (palette du wallet, sans vert) ═════════ */
html,body{overflow-x:clip}
#couverture{overflow:clip}
.galaxy{contain:paint}
@media (max-width:899px){.g-r3 .g-item{--r:-46cqw}.galaxy{margin-top:40px}}
#explorer-sec{--glass:rgba(22,18,64,.62);--glass-line:rgba(170,160,255,.22);padding-top:clamp(16px,3vh,40px)!important;
  background:radial-gradient(55% 60% at 85% 10%,rgba(167,123,255,.16),transparent 70%),radial-gradient(50% 60% at 10% 80%,rgba(63,110,255,.14),transparent 70%),linear-gradient(180deg,#0b0f33 0%,#120f3c 60%,#0d0c30 100%)!important}
.explorer{margin-top:0!important}
.ex-head{padding:clamp(18px,2.2vw,32px);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),rgba(10,12,40,.7)}
.ex-search{background:rgba(6,8,20,.72);border:1px solid rgba(160,180,255,.22);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);transition:border-color var(--d-2),box-shadow var(--d-2)}
.ex-search:focus-within{border-color:rgba(106,169,255,.7);box-shadow:0 0 0 3px rgba(106,169,255,.25),0 0 24px -6px rgba(167,123,255,.6)}
.ex-search .i{color:#9fb4e8}
.ex-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:16px}
/* segmenté comme l'app */
.seg{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-pill);background:rgba(4,8,22,.6);border:1px solid rgba(150,180,255,.18)}
.seg-b{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:var(--r-pill);background:none;color:#cfd6ea;font-weight:600;font-size:.95rem}
.seg-b b{font-weight:600;font-variant-numeric:tabular-nums;color:#9fb4e8}
.seg-b.on{background:linear-gradient(180deg,#f6f8ff,#dfe6f8);color:#08112a;box-shadow:0 6px 16px -8px rgba(63,134,255,.7),inset 0 1px 0 #fff}
.seg-b.on b{color:#2a4bb0}
/* statuts : pastilles-icônes compactes */
.st{flex:0 0 auto;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%}
.st .i{width:16px;height:16px;stroke-width:2.2}
.st-send{color:#fff;background:linear-gradient(135deg,#5d8dff,#a77bff);box-shadow:0 6px 14px -6px rgba(120,100,255,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.st-recv{color:#dfe6f5;background:rgba(200,210,235,.14);border:1px solid rgba(200,210,235,.4)}
.st-mkt{color:#aab3c8;background:rgba(170,180,200,.08);border:1px solid rgba(170,180,200,.22)}
.legend-cat{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.legend-cat li{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:var(--r-pill);background:rgba(6,8,20,.55);border:1px solid rgba(150,170,255,.16);font-size:.875rem;color:#dfe5f5}
.legend-cat b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums}
.ex-help{font-size:.875rem;color:#c2cadf}
/* étiquettes des fiches dans la même palette */
.tag-send{color:#fff;background:linear-gradient(135deg,rgba(93,141,255,.85),rgba(167,123,255,.85));border:1px solid rgba(190,170,255,.5)}
.tag-recv{color:#e6ebf7;background:rgba(200,210,235,.12);border:1px solid rgba(200,210,235,.38)}
.tag-mkt{color:#b6bfd4;background:rgba(170,180,200,.08);border:1px solid rgba(170,180,200,.22)}
/* familles : accordéons */
.fam{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),rgba(12,14,46,.66);border:1px solid rgba(160,170,255,.18)}
.fam>summary{min-height:64px}
.fam>summary:hover{background:rgba(255,255,255,.03)}
.fam>summary .fam-n{color:#c2cadf}
.fam[open]>summary{border-bottom:1px solid rgba(160,170,255,.12);margin-bottom:12px}
/* cartes réseau aérées : nom jamais coupé */
.net-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:12px}
.net{align-items:center;padding:14px 14px;background:rgba(255,255,255,.035);border-color:rgba(160,170,255,.14)}
.net-t b{white-space:normal;overflow:visible;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}
.net-t span{font-size:.875rem;color:#c2cadf}
.cry .nm b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ex-cry{margin-top:clamp(16px,2vw,28px)}
@media (max-width:520px){.net .st,.cry-b .st{margin-left:0}.net{flex-wrap:nowrap}.cry-b{flex-wrap:nowrap}.ex-bar{flex-direction:column;align-items:stretch}.seg{width:100%}.seg-b{flex:1;justify-content:center;padding:0 10px}}
@media (max-width:640px){.fam>summary{flex-wrap:wrap}.fam>summary .fam-n{order:3;flex-basis:100%;margin:0 0 0 50px}.fam>summary .chev{margin-left:auto}}
.cry .nm b .iso-badge{display:inline-flex;width:auto;vertical-align:middle;margin-left:6px}
/* téléphone légèrement penché : simple rotation 2D (texte de l'app dessiné net à l'angle) */
@media (min-width:900px){
  .phone{rotate:-6deg}
  .floor{rotate:-6deg}
}

/* ═════════ COMPARATIF v2 (palette du wallet) ═════════ */
#comparatif{--glass:rgba(14,16,48,.7);--glass-line:rgba(160,170,255,.2);
  background:radial-gradient(50% 60% at 50% 0%,rgba(167,123,255,.16),transparent 70%),radial-gradient(40% 50% at 10% 90%,rgba(63,110,255,.12),transparent 70%),linear-gradient(180deg,#080b26 0%,#0c0d33 55%,#090a28 100%)!important}
.cmp-wrap{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),rgba(8,10,34,.72)!important;border:1px solid rgba(160,170,255,.2)!important;border-radius:var(--r-l)}
.cmp{table-layout:fixed}
.cmp th:first-child{width:34%}
.cmp th,.cmp td{border-bottom:1px solid transparent;background-image:linear-gradient(90deg,transparent,rgba(160,180,255,.16) 15%,rgba(160,180,255,.16) 85%,transparent);background-size:100% 1px;background-repeat:no-repeat;background-position:bottom}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{background-image:none}
.cmp thead th{color:#cfd6ea;font-weight:600}
.cmp tbody th{color:#eef1fb;font-weight:500}
.cmp tbody tr:hover th,.cmp tbody tr:hover td{background-color:rgba(255,255,255,.025)}
/* colonne LHUMANITY */
.cmp .me{background-color:rgba(93,141,255,.08)!important;box-shadow:inset 1px 0 0 rgba(140,170,255,.35),inset -1px 0 0 rgba(167,123,255,.35)}
.cmp thead .me{border-radius:16px 16px 0 0;box-shadow:inset 1px 0 0 rgba(140,170,255,.35),inset -1px 0 0 rgba(167,123,255,.35),inset 0 1px 0 rgba(170,190,255,.45);color:#fff}
.me-h{display:inline-flex;flex-direction:column;align-items:center;gap:4px;position:relative}
.me-h img{border-radius:50%;box-shadow:0 4px 12px -4px rgba(80,120,255,.8)}
.me-h span{font:700 .875rem/1 var(--font-d);letter-spacing:.08em;color:#fff}
.me-h .crown{width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linejoin:round}
/* symboles redessinés : ✓ bleu électrique → violet, ◐ acier, ✗ gris discret */
.mk-y{color:#fff!important;background:linear-gradient(135deg,#5d8dff,#a77bff)!important;border:0!important;box-shadow:0 4px 12px -4px rgba(120,100,255,.8)}
.mk-p{color:#d5ddef!important;background:rgba(200,210,235,.12)!important;border:1px solid rgba(200,210,235,.4)!important}
.mk-n{color:#8f97ad!important;background:rgba(150,160,180,.06)!important;border:1px solid rgba(150,160,180,.2)!important}
.mk-n .i{stroke-width:1.8}
.me .mk-t{font:300 1.9rem/1 var(--font-d);color:#fff;background:linear-gradient(180deg,#fff,#b9cbff);-webkit-background-clip:text;background-clip:text;color:transparent}
/* lignes « Seulement chez LHUMANITY » : liseré or discret */
.cmp tr.only th{box-shadow:inset 3px 0 0 rgba(240,198,116,.7)}
.only-t{display:block;margin-top:3px;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--gold)}
.legend .mk{margin-left:10px}
/* mobile : 1re colonne étroite */
@media (max-width:760px){
  .cmp{min-width:560px}
  .cmp th:first-child{width:128px}
  .cmp tbody th,.cmp thead th:first-child{background-color:#0b0d30!important;font-size:.875rem}
  .only-t{font-size:.75rem}
}
@media (max-width:760px){.cmp tbody th{white-space:normal;line-height:1.3;padding-left:14px;padding-right:10px}.cmp th:first-child{width:128px}}
/* section 615 réseaux : nuit profonde + constellation de nœuds blockchain (SVG, dérive très lente) */
#couverture{--glass:rgba(16,20,64,.62);--glass-line:rgba(150,180,255,.22);
  background:radial-gradient(40% 45% at 26% 32%,rgba(106,169,255,.16),transparent 70%),linear-gradient(160deg,#070a26 0%,#0c1140 50%,#0a1a4a 100%)!important}
#couverture .nodes{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.55;animation:nodesDrift 60s ease-in-out infinite alternate}
#couverture .nl{fill:none;stroke:rgba(140,175,255,.22);stroke-width:.8}
#couverture .nd{fill:#bcd2ff}
#couverture .nd circle:nth-child(5n){fill:#c9b4ff}
#couverture .nd circle:nth-child(7n){fill:#f0c674}
@keyframes nodesDrift{to{transform:translate3d(-24px,-14px,0) scale(1.03)}}

/* galaxie : logos jamais coupés */
.g-r3{width:90%!important;height:90%!important}
.g-r3 .g-item{--r:-45cqw!important}.g-r2 .g-item{--r:-34cqw!important}.g-r2{width:68%!important;height:68%!important}
/* téléphone : penché dans l'autre sens, redressé au survol / au toucher */
@media (min-width:900px){
  .phone{rotate:6deg;transition:rotate .4s cubic-bezier(.22,1,.36,1),--T .5s}
  .floor{rotate:6deg;transition:rotate .4s cubic-bezier(.22,1,.36,1)}
  .stage.is-flat .phone,.stage:hover .phone{rotate:0deg}
  .stage.is-flat .floor,.stage:hover .floor{rotate:0deg}
}
.fam-body{will-change:auto}

/* ═════════ FONDS ANIMÉS DES SECTIONS (SVG, très lents, pause hors écran) ═════════ */
.bgfx{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.5}
.bgfx *{animation-play-state:paused}
.bg-run .bgfx *{animation-play-state:running}
.bgfx .k1{animation-delay:-1.5s}.bgfx .k2{animation-delay:-3s}.bgfx .k3{animation-delay:-4.5s}.bgfx .k4{animation-delay:-6s}.bgfx .k5{animation-delay:-7.5s}.bgfx .k6{animation-delay:-9s}
.bgfx .k7{animation-delay:-10.5s}.bgfx .k8{animation-delay:-12s}.bgfx .k9{animation-delay:-13.5s}.bgfx .k10{animation-delay:-15s}.bgfx .k11{animation-delay:-16.5s}.bgfx .k12{animation-delay:-18s}.bgfx .k13{animation-delay:-19.5s}
#cold::before,#securite::before,#independance::before,.iso::before{display:none!important}
/* cold : circuit dont les pistes s'allument */
.bgfx-circuit .tr{fill:none;stroke:rgba(127,140,255,.16);stroke-width:1.2}
.bgfx-circuit .lit{fill:none;stroke:#8fb0ff;stroke-width:1.6;stroke-dasharray:60 900;stroke-dashoffset:960;animation:litRun 12s linear infinite;opacity:.8}
.bgfx-circuit .pad{fill:rgba(167,123,255,.45)}
@keyframes litRun{to{stroke-dashoffset:0}}
/* preuves : données qui montent */
.bgfx-rising .dl{stroke:rgba(240,198,116,.22);stroke-width:1.2;stroke-dasharray:6 10;animation:dlUp 9s linear infinite}
.bgfx-rising .pt{fill:rgba(240,198,116,.55);animation:ptUp 14s linear infinite}
@keyframes dlUp{to{stroke-dashoffset:-160}}
@keyframes ptUp{from{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-420px);opacity:0}}
/* sécurité : maillage hexagonal + pulsation */
.bgfx-lattice .hex polygon{fill:none;stroke:rgba(167,123,255,.16);stroke-width:1}
.bgfx-lattice .pulse{fill:url(#none);fill:rgba(167,123,255,.10);transform-box:fill-box;transform-origin:center;animation:pulse 8s ease-in-out infinite}
.bgfx-lattice .p2{animation-delay:-4s;fill:rgba(106,169,255,.08)}
@keyframes pulse{0%,100%{transform:scale(.8);opacity:.35}50%{transform:scale(1.1);opacity:.9}}
/* prix : courbes qui défilent */
.bgfx-curves .cvs{animation:cvMove 60s linear infinite}
.bgfx-curves .cv{fill:none;stroke-width:1.6}
.bgfx-curves .c0{stroke:rgba(240,198,116,.32)}.bgfx-curves .c1{stroke:rgba(106,169,255,.24)}.bgfx-curves .c2{stroke:rgba(167,123,255,.2)}
@keyframes cvMove{to{transform:translateX(-1600px)}}
/* ISO 20022 : paquets sur un réseau de messages */
.bgfx-packets .grid line{stroke:rgba(200,215,255,.10);stroke-width:1}
.bgfx-packets .pk{fill:rgba(220,230,255,.7)}
.bgfx-packets .pk.h{animation:pkH 16s linear infinite}.bgfx-packets .pk.v{animation:pkV 13s linear infinite}
@keyframes pkH{to{transform:translateX(1640px)}}
@keyframes pkV{to{transform:translateY(940px)}}
/* échanges : deux flux qui se croisent */
.bgfx-flows .fl{fill:none;stroke-width:1.4;stroke:rgba(208,85,157,.22)}.bgfx-flows .fl.f2{stroke:rgba(106,169,255,.24)}
.bgfx-flows .flg{fill:none;stroke-width:2.4;stroke-dasharray:120 1900;animation:flowRun 10s linear infinite}
.bgfx-flows .flg.f1{stroke:rgba(255,160,210,.7)}.bgfx-flows .flg.f2{stroke:rgba(150,190,255,.7);animation-direction:reverse}
@keyframes flowRun{from{stroke-dashoffset:2020}to{stroke-dashoffset:0}}
/* soutien : lueurs dorées qui montent */
.bgfx-embers .em{fill:rgba(240,198,116,.7);animation:emUp 16s ease-in infinite}
@keyframes emUp{from{transform:translateY(0);opacity:0}20%{opacity:.9}to{transform:translateY(-520px);opacity:0}}
/* comparatif : fine grille + halo */
.bgfx-finegrid .fg line{stroke:rgba(160,170,255,.07);stroke-width:1}
.bgfx-finegrid .halo{fill:rgba(167,123,255,.10);transform-box:fill-box;transform-origin:center;animation:pulse 12s ease-in-out infinite}
/* libre : maillage décentralisé */
.bgfx-mesh .ml{fill:none;stroke:rgba(110,210,230,.18);stroke-width:1}
.bgfx-mesh .mn{fill:rgba(140,220,240,.75);transform-box:fill-box;transform-origin:center;animation:mnP 6s ease-in-out infinite}
@keyframes mnP{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.3);opacity:1}}
/* écrans / téléchargement : étoiles */
.bgfx-stars{opacity:.8}.bgfx-stars .sx{fill:#e6ecff;animation:tw 5s ease-in-out infinite}
@keyframes tw{0%,100%{opacity:.25}50%{opacity:1}}

/* galaxie : rayon calculé d'après la taille réelle du conteneur — aucune pastille coupée */
.galaxy{--sz:clamp(34px,3.4vw,58px);padding:0}
.g-r3{width:calc(100% - var(--sz) - 12px)!important;height:calc(100% - var(--sz) - 12px)!important}
.g-r2{width:calc((100% - var(--sz) - 12px) * .72)!important;height:calc((100% - var(--sz) - 12px) * .72)!important}
.g-r1{width:calc((100% - var(--sz) - 12px) * .46)!important;height:calc((100% - var(--sz) - 12px) * .46)!important}
.g-r3 .g-item{--r:calc(-50cqw + var(--sz) / 2 + 6px)!important}
.g-r2 .g-item{--r:calc((-50cqw + var(--sz) / 2 + 6px) * .72)!important}
.g-r1 .g-item{--r:calc((-50cqw + var(--sz) / 2 + 6px) * .46)!important}
@media (max-width:640px){.galaxy{--sz:34px;width:min(100%,360px)}.g-r3 .g-item:nth-child(even){display:none}}
/* Libre v2 : prune nocturne → bleu électrique sombre, maillage décentralisé, cadenas ouvert en filigrane */
#libre{--glass:rgba(40,18,72,.6);--glass-line:rgba(190,160,255,.24);position:relative;
  background:radial-gradient(55% 70% at 85% 25%,rgba(80,120,255,.20),transparent 65%),radial-gradient(50% 60% at 10% 80%,rgba(167,80,220,.18),transparent 70%),linear-gradient(160deg,#1a0a33 0%,#1d1050 50%,#0c1a52 100%)!important}
#libre .bgfx-mesh .ml{stroke:rgba(180,160,255,.2)}
#libre .bgfx-mesh .mn{fill:rgba(190,175,255,.8)}
#libre .bgfx-mesh .mn.k2,#libre .bgfx-mesh .mn.k5{fill:#8fb0ff}
.free-copy{position:relative}
.free-mark{position:absolute;right:-6%;top:-14%;width:clamp(140px,16vw,240px);height:auto;z-index:-1;fill:none;stroke:rgba(200,180,255,.10);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.free-motto{display:inline-block;margin-top:22px;font:600 clamp(1.25rem,1rem + .9vw,1.9rem)/1.25 var(--font-d);letter-spacing:-.015em;
  background:linear-gradient(180deg,#fff1c1,#f0c674 55%,#c48a2c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none;text-shadow:none}
.free-list li{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),rgba(44,22,86,.55);border:1px solid rgba(190,160,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 30px -18px rgba(0,0,0,.9)}
.free-list .act-ic{width:44px;height:44px;border-radius:13px;color:#d9ccff;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 60%),rgba(167,123,255,.16);border:1px solid rgba(190,160,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.free-list li:nth-child(2) .act-ic,.free-list li:nth-child(4) .act-ic{color:#bcd2ff;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),transparent 60%),rgba(106,169,255,.16);border-color:rgba(140,180,255,.34)}
.free-mark{top:auto!important;bottom:-46%;right:4%!important;width:clamp(110px,11vw,170px)!important;stroke:rgba(200,180,255,.09)!important}@media (max-width:899px){.free-mark{display:none}}

/* ═════════ PROFONDEUR (passe 3D) ═════════ */
/* titres : mots qui arrivent depuis la profondeur (opacité + glissement), puis immobiles */
.h2.words .w{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .7s var(--e-out),transform .7s var(--e-out);transition-delay:calc(var(--i,0) * 70ms)}
.h2.words.in .w{opacity:1;transform:none}
/* galaxie en vraie profondeur : orbites inclinées, logos face caméra */
.galaxy.g3d{aspect-ratio:16/10}
.g3d .g-ring{animation:none!important;transform:translate(-50%,-50%) scaleY(.34)!important;border-width:1.5px}
.g3d .g-item{position:absolute;left:50%;top:50%;width:0;height:0;will-change:transform;transition:none}
.g3d .g-logo{animation:none!important;box-shadow:0 14px 22px -8px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.2)}
.g3d .g-core{z-index:3;width:24%}
/* captures des sections : ombre portée dynamique + inclinaison douce */
.mini{transition:rotate .5s var(--e-out),box-shadow .5s var(--e-out);box-shadow:var(--shx,0px) var(--shy,30px) 60px -24px rgba(0,0,0,.9),0 10px 30px -18px rgba(30,60,160,.45)}
/* cartes : élévation en couches au survol (le texte reste plat) */
.card:hover{box-shadow:var(--fin-edge),var(--sx,0px) var(--sy,16px) 36px -18px rgba(0,0,0,.8),0 30px 60px -30px rgba(0,0,0,.85),0 0 0 1px rgba(170,190,255,.08)}
/* fonds : plans lointains qui « montent » */
.bgfx,#couverture .nodes{transition:none;transform-origin:50% 50%}
.g3d .g-ring{border-color:rgba(150,180,255,.28)!important;border-style:solid!important}.g3d .g-r3{border-color:rgba(240,198,116,.26)!important}
/* galaxie : orbites circulaires à plat, tout tient dans le cadre */
.galaxy.g3d{aspect-ratio:1/1}
.g3d .g-ring{transform:translate(-50%,-50%)!important}
.g3d .g-core{width:26%}
.g3d .g-logo{box-shadow:0 10px 18px -8px rgba(0,0,0,.8),0 0 18px -6px rgba(106,169,255,.35),inset 0 1px 0 rgba(255,255,255,.2)}
/* ISO 20022 : titre et pastille alignés sur le même centre ; sceau et texte centrés entre eux */
#iso-t{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .4em}
#iso-t .iso-inline{font-size:.42em;min-height:2em;padding:0 .9em;transform:translateY(.06em)}
.iso-in{align-items:center!important}
.iso-seal{align-self:center}
#iso-t .iso-inline{display:inline-flex!important;align-items:center;justify-content:center;line-height:1}
.bgfx-packets .pk{fill:rgba(220,230,255,.55)}


/* ═════════ COLONNE GAUCHE DU HEADER — version luxe ═════════ */
@media (min-width:900px){.hero-copy{margin-bottom:0!important;align-self:center}}
.hero .n1{margin:0}
.hero .eyebrow{margin:24px 0 0!important;font:600 .78rem/1.2 var(--font-d)!important;letter-spacing:.3em!important;color:#c9d3ee!important}
.hero .t3d{margin:16px 0 0!important}
.t3d-a{background:linear-gradient(180deg,#ffffff 0%,#eef1fb 38%,#b9c3dd 62%,#8a96b8 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent;
  filter:drop-shadow(0 -1px 0 rgba(255,255,255,.35)) drop-shadow(0 1px 0 #6f7b9c) drop-shadow(0 2px 0 #3e4868)!important}
.t3d-b{background:repeating-linear-gradient(100deg,rgba(255,255,255,.14) 0 1px,transparent 1px 3px),linear-gradient(180deg,#fff3d0 0%,#f0c674 40%,#d29a3c 70%,#9c6a1e 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent;filter:none!important}
.hero .slogan{margin:24px 0 0!important;max-width:30em;text-wrap:balance}
/* 3 chiffres clés au lieu des 7 pastilles */
.hero .pills{display:none!important}
.keys{display:flex;align-items:stretch;gap:0;margin:32px 0 0;padding:0}
.key{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 24px;border-left:1px solid rgba(200,210,240,.18)}
.key:first-child{padding-left:0;border-left:0}
.key dt{display:flex;align-items:baseline;gap:2px;min-height:2.6rem;font:300 clamp(1.9rem,1.4rem + 1vw,2.6rem)/1 var(--font-d);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.key dt sup{font-size:.5em;color:var(--gold);font-weight:500}
.key-ic{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,#5d8dff,#a77bff);box-shadow:0 8px 18px -8px rgba(120,100,255,.8),inset 0 1px 0 rgba(255,255,255,.35)}
.key-ic .i{width:1.4rem;height:1.4rem}
.key dd{margin:0;font:600 .78rem/1.2 var(--font-d);letter-spacing:.18em;text-transform:uppercase;color:#c9d3ee}
/* bouton plus noble : dégradé de la marque + reflet */
.hero .cta{margin-top:32px!important}
.hero .btn-dl{position:relative;overflow:hidden;background:linear-gradient(135deg,#3d84ff 0%,#4f6bff 45%,#7b5cff 100%)!important;border:1px solid rgba(190,200,255,.45)!important;
  box-shadow:0 18px 36px -16px rgba(80,90,255,.85),inset 0 1px 0 rgba(255,255,255,.4)!important}
.hero .btn-dl::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 46%,transparent 60%);transform:translateX(-120%);transition:transform .9s var(--e-out)}
.hero .btn-dl:hover::after{transform:translateX(120%)}
/* pastille Android : ligne discrète sous le bouton */
.hero .dl-v{margin-top:8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-size:.875rem;color:#c2cadf!important;justify-content:flex-start}
.hero .dl-v .i{width:16px;height:16px;color:#9fb4e8}
@media (max-width:899px){.keys{margin-top:24px}.key{padding:0 14px}.key dt{font-size:1.7rem}.hero .dl-v{justify-content:center}}

.hero .p-panel{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%23b8a4ff' stroke-opacity='.09'%3E%3Cpath d='M0 40h50l10 10h40M80 0v30l10 10v50M160 120h-50l-10-10H60M30 160v-40l10-10'/%3E%3C/g%3E%3Cg fill='%23c9b4ff' fill-opacity='.2'%3E%3Ccircle cx='100' cy='50' r='2'/%3E%3Ccircle cx='90' cy='90' r='2'/%3E%3Ccircle cx='60' cy='110' r='2'/%3E%3C/g%3E%3C/svg%3E"),
  linear-gradient(175deg,#1a0a3a 0%,#160c46 45%,#121a5e 80%,#0f2a7a 100%)!important}
.hero .p-edge{background:linear-gradient(180deg,#c9a8ff,#6aa9ff 60%,rgba(106,169,255,.2))!important}

/* ═════════ PERF (revue technique B3/B4) ═════════ */
/* fonds animés : en pause hors écran (règle placée après toutes les définitions, plus forte que le raccourci « animation ») */
.bgfx,.bgfx *,#couverture .nodes{animation-play-state:paused!important}
.bg-run .bgfx,.bg-run .bgfx *,.bg-run.cover .nodes,#couverture.bg-run .nodes{animation-play-state:running!important}
.paused *,.paused *::before,.paused *::after{animation-play-state:paused!important}
/* étoiles : un seul groupe animé au lieu de 120 éléments */
.bgfx-stars .sx{animation:none!important}
.bgfx-stars{animation:twg 9s ease-in-out infinite}
@keyframes twg{0%,100%{opacity:.55}50%{opacity:.85}}
/* cartes : pas de calque 3D permanent ; la 3D n'existe qu'au survol */
.card::before{transform:none!important}
.card:hover::before{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))!important}
.g3d .g-item{will-change:auto!important}
main > section.sec{contain:paint}
.hero{isolation:isolate}
dialog.sheet{max-width:100vw}

/* bouton pause des animations (discret, dans le header) */
.motion-btn{position:absolute;left:var(--gut);bottom:clamp(10px,2vh,20px);z-index:6;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 8px;border-radius:var(--r-pill);
  font-size:.82rem;font-weight:600;color:#dfe5f5;background:rgba(6,8,20,.6);border:1px solid rgba(170,190,255,.2)}
.motion-btn .i{width:16px;height:16px}.motion-btn .mb-r{display:none}.motion-btn .mb-r .i{fill:currentColor;stroke:none}
.motion-btn[aria-pressed="true"] .mb-r{display:inline}.motion-btn[aria-pressed="true"] .mb-p{display:none}
.motion-btn:hover{border-color:rgba(170,190,255,.45)}
@media (max-width:899px){.motion-btn{position:relative;left:auto;bottom:auto;margin:12px var(--gut) 0;align-self:flex-start}}

/* ═════════ LISIBILITÉ (textes plus grands partout) ═════════ */
html{font-size:clamp(16px,calc(15px + .18vw),19px)}
.p,main > section:not(.hero) .p{font-size:clamp(1rem,.96rem + .15vw,1.06rem);line-height:1.6;color:#d4dbee}
.small,main > section:not(.hero) .small,.note{font-size:max(.94rem,15px)!important;color:#ccd4ea!important}
.tile p,.proof-big span,.vs,.how,.cold-steps span:not(.fin-ic),.daily-list li span:not(.fin-ic),.free-list li span:not(.act-ic),.steps li span,.net-t span,.cry .nm span,.legend-cat li,.ex-help,.stat-l span,.cov-card span,.strip-it span,.rail-it figcaption span,.recap dt,.recap dd,.kv,.review dl div{font-size:max(.98rem,15.5px)!important;line-height:1.55;color:#d4dbee}
.tile h3,.proof h3,.daily-list b,.cold-steps b,.free-list b,.steps b,.strip-it b,.rail-it b,.net-t b,.sheet-net header b{font-size:max(1.12rem,18px)!important;line-height:1.3}
.kicker{font-size:max(.85rem,14.5px)}
.fin-ic{width:44px;height:44px}.fin-ic .i{width:22px;height:22px}
.daily-list{gap:clamp(22px,2.6vw,40px) clamp(24px,3vw,56px)}
.cmp{font-size:max(.98rem,15.5px)}.cmp thead th{font-size:max(.94rem,15px)}
.tag{font-size:max(.9rem,14.5px)}
@media (min-width:900px) and (max-height:720px){.hero .eyebrow{margin-top:14px!important}.hero .t3d{margin-top:8px!important}.hero .slogan{margin-top:14px!important}.keys{margin-top:18px}.key dt{min-height:2rem;font-size:1.7rem}.key-ic{width:2rem;height:2rem}.hero .cta{margin-top:18px!important}}
/* ═════════ header mobile ═════════ */
@media (max-width:899px){
  .motion-btn{position:absolute!important;top:12px;right:16px;left:auto!important;bottom:auto!important;margin:0!important;width:40px;height:40px;min-height:40px;padding:0;justify-content:center;border-radius:50%;z-index:7}
  .motion-btn .mb-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hero{--gut:20px}
  .hero-in{width:calc(100% - 40px)!important}
  .hero .n1{font-size:.66rem;letter-spacing:.07em;padding:6px 12px 6px 6px;max-width:100%}
  .hero .n1-ic{width:22px;height:22px}
  .hero .eyebrow{font-size:.66rem!important;letter-spacing:.12em!important;margin-top:16px!important;padding-right:44px}
  .keys{align-items:flex-end}
  .key{padding:0 12px}
  .key dt{font-size:1.6rem;min-height:2.2rem;align-items:flex-end}
  .key dt sup{font-size:1em;vertical-align:baseline;position:static;color:#fff;font-weight:300;margin-left:1px}
  .key-ic{width:2.2rem;height:2.2rem}
  .key dd{font-size:.66rem;letter-spacing:.12em}
}
@media (max-width:400px){.hero .n1{font-size:.6rem;letter-spacing:.04em}.hero .eyebrow{font-size:.6rem!important;letter-spacing:.08em!important}.key{padding:0 9px}.key dt{font-size:1.4rem}}
.key dt sup{vertical-align:baseline;font-size:.62em;line-height:1}
.key dt sup{font-size:1em!important;font-weight:300!important;line-height:1;vertical-align:baseline;position:static;color:var(--gold)!important;margin-left:1px}.key dt{align-items:baseline!important}
.demo-go{display:none!important}
@media (max-width:899px){
  .hero-in{gap:calc(48px + 40px + 24px)!important}

  .hero .stage-bar{display:none}
}