body{margin:0;background:#05070A;color:#ECF1F5;font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#ECF1F5}a:hover{color:#FFFFFF}
html{scroll-behavior:smooth}
.site{--accent:#B9D3EE;--line:rgba(236,241,245,.08);--card:#0A0E14;width:100%;background:#05070A;color:#ECF1F5;font-family:'Geist',system-ui,sans-serif;font-size:17px;line-height:1.55;position:relative}
.site *{box-sizing:border-box}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.disp{font-family:'Archivo',sans-serif;font-stretch:112%;font-weight:560;letter-spacing:-0.028em;line-height:1.02;margin:0}
.mono{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:500}
.chrome{background:linear-gradient(180deg,#FFFFFF 0%,#D4DCE4 40%,#7F8A96 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.muted{color:#95A1AE}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#95A1AE}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:999px;font-weight:500;font-size:15px;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer;border:0;font-family:inherit;white-space:nowrap}
.btn-p{background:#ECF1F5;color:#05070A}
.btn-p:hover{color:#05070A;background:#FFFFFF;transform:translateY(-1px);box-shadow:0 0 0 6px rgba(236,241,245,.07),0 14px 44px -10px var(--accent)}
.btn-g{background:transparent;color:#ECF1F5;box-shadow:inset 0 0 0 1px rgba(236,241,245,.2)}
.btn-g:hover{box-shadow:inset 0 0 0 1px rgba(236,241,245,.55)}
.btn svg{transition:transform .25s}.btn:hover svg{transform:translateX(3px)}
.btn-s{min-height:44px;padding:0 18px;font-size:14px}

/* NAV */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(5,7,10,.74);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.logo{display:inline-flex;align-items:center;min-height:44px}
.nav-links{display:flex;gap:34px}
.nav-links a{color:#95A1AE;text-decoration:none;font-size:14px;transition:color .2s}
.nav-links a:hover{color:#ECF1F5}
.burger{display:none;width:44px;height:44px;border-radius:12px;background:transparent;border:1px solid var(--line);color:#ECF1F5;align-items:center;justify-content:center;cursor:pointer}
.mmenu{display:none}

/* HERO */
.hero{position:relative;overflow:hidden;padding:112px 0 56px}
.glow{position:absolute;left:50%;top:-360px;width:1100px;height:900px;transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 20%,transparent),transparent);pointer-events:none}
.rays{position:absolute;left:50%;top:-80px;width:980px;height:860px;transform:translateX(-50%);pointer-events:none;opacity:.1;-webkit-mask-image:radial-gradient(ellipse 52% 92% at 50% 0%,#000 22%,transparent 80%);mask-image:radial-gradient(ellipse 52% 92% at 50% 0%,#000 22%,transparent 80%)}
.surface{position:absolute;left:50%;top:-120px;width:760px;height:260px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(215,232,248,.22),transparent);filter:blur(20px);animation:surf 6s ease-in-out infinite;pointer-events:none}
@keyframes surf{0%,100%{opacity:.6;transform:translateX(-50%) scaleX(1)}40%{opacity:1;transform:translateX(-52%) scaleX(1.12)}70%{opacity:.75;transform:translateX(-48%) scaleX(.94)}}
.ray{position:absolute;top:-6%;height:var(--h,110%);transform-origin:50% 0;filter:blur(var(--b,16px));mix-blend-mode:screen;animation:sway var(--d,11s) ease-in-out infinite alternate,shimmer var(--s,6s) ease-in-out infinite;opacity:var(--o,.6)}
.ray i{position:absolute;inset:0;display:block;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:linear-gradient(to bottom,rgba(226,238,250,.75) 0%,color-mix(in srgb,var(--accent) 38%,transparent) 35%,color-mix(in srgb,var(--accent) 12%,transparent) 65%,transparent 92%)}
.ray.thin{--b:5px}
@keyframes sway{0%{transform:translateX(var(--x0,0px)) rotate(var(--a0,0deg)) scaleX(1)}50%{transform:translateX(var(--x1,0px)) rotate(var(--a1,0deg)) scaleX(1.45)}100%{transform:translateX(var(--x2,0px)) rotate(var(--a2,0deg)) scaleX(.75)}}
@keyframes shimmer{0%,100%{opacity:var(--o,.6)}25%{opacity:calc(var(--o,.6) * .3)}55%{opacity:calc(var(--o,.6) * 1.15)}80%{opacity:calc(var(--o,.6) * .55)}}
.pt{position:absolute;top:0;width:2px;height:2px;border-radius:50%;background:#DDE8F3;box-shadow:0 0 6px var(--accent);opacity:0;animation:fall 7s linear infinite;pointer-events:none}
@keyframes fall{0%{transform:translateY(0);opacity:0}15%{opacity:.9}80%{opacity:.4}100%{transform:translateY(520px);opacity:0}}
.hero-c{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.h1{font-size:clamp(34px,4.8vw,68px);max-width:1160px}
@media (min-width: 761px){.h1 span{white-space:nowrap}}
.h1 span{display:block;opacity:0;animation:rise 1.1s cubic-bezier(.2,.7,.1,1) forwards}
@keyframes rise{from{opacity:0;transform:translateY(24px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.fade{opacity:0;animation:rise 1s cubic-bezier(.2,.7,.1,1) forwards}
.lead{font-size:clamp(17px,1.45vw,20px);color:#A7B2BE;max-width:700px;margin:28px 0 0}
.ctas{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap;justify-content:center}

/* FLOW VISUAL */
.flow-box{margin-top:88px;position:relative;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(13,19,27,.7),rgba(5,7,10,.2));padding:28px}
.flow{position:relative;aspect-ratio:1200/460;width:100%}
.flow-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.flow-svg .ln{fill:none;stroke:rgba(236,241,245,.16);stroke-width:1.2;stroke-dasharray:4 6;animation:dash 2.4s linear infinite}
.flow-svg .out{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:6 8;animation:dash 1.2s linear infinite;opacity:.9}
@keyframes dash{to{stroke-dashoffset:-40}}
.chips{position:absolute;inset:0}
.chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#0D131B;border:1px solid rgba(236,241,245,.1);color:#AEB8C3;font-family:'Geist Mono',monospace;font-size:12px;white-space:nowrap;animation:bob 5s ease-in-out infinite;box-shadow:0 8px 24px -12px rgba(0,0,0,.9)}
.chip i{width:7px;height:7px;border-radius:2px;background:#E3A857;display:inline-block;font-style:normal}
.chip.w i{background:#7F8A96}
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-7px) rotate(var(--r,0deg))}}
.core{position:absolute;left:43.75%;top:17.4%;width:12.5%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(236,241,245,.14)}
.ring.r2{inset:14%;border-color:rgba(236,241,245,.22)}
.ring.r3{inset:-18%;border-color:color-mix(in srgb,var(--accent) 30%,transparent);animation:pulse 3.2s ease-out infinite}
.ring.r4{inset:-18%;border-color:color-mix(in srgb,var(--accent) 30%,transparent);animation:pulse 3.2s ease-out infinite 1.6s}
@keyframes pulse{0%{transform:scale(.7);opacity:0}30%{opacity:1}100%{transform:scale(1.25);opacity:0}}
.core-in{position:relative;width:74%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 30%,#1A2430,#070A0E 70%);box-shadow:0 0 60px -6px color-mix(in srgb,var(--accent) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.core-beam{position:absolute;left:50%;bottom:50%;width:90px;height:260px;transform:translateX(-50%);background:linear-gradient(to top,color-mix(in srgb,var(--accent) 35%,transparent),transparent);filter:blur(14px);pointer-events:none}
.ui{position:absolute;left:68%;top:8%;width:30%;background:linear-gradient(180deg,#111822,#0B1017);border:1px solid rgba(236,241,245,.13);border-radius:18px;padding:18px;box-shadow:0 30px 80px -24px rgba(0,0,0,.9),0 0 70px -30px var(--accent)}
.ui-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.ui-t{font-size:15px;font-weight:600;margin:0}
.ui-tag{font-family:'Geist Mono',monospace;font-size:11px;color:#9FB0C2;padding:4px 8px;border-radius:999px;border:1px solid rgba(236,241,245,.12)}
.ui-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(236,241,245,.07);font-size:14px;color:#C6CFD8}
.chk{width:22px;height:22px;border-radius:50%;border:1px solid rgba(236,241,245,.25);display:flex;align-items:center;justify-content:center;flex:none;color:#05070A;animation:chk 7s ease infinite}
.chk svg{opacity:0;animation:chkI 7s ease infinite;animation-delay:inherit}
@keyframes chk{0%,12%{background:transparent;border-color:rgba(236,241,245,.25)}18%,92%{background:#ECF1F5;border-color:#ECF1F5}100%{background:transparent}}
@keyframes chkI{0%,12%{opacity:0}18%,92%{opacity:1}100%{opacity:0}}
.ui-btn{margin-top:16px;width:100%;min-height:44px;border-radius:12px;border:0;background:#ECF1F5;color:#05070A;font-family:inherit;font-weight:600;font-size:14px;animation:ready 7s ease infinite;cursor:pointer}
@keyframes ready{0%,55%{opacity:.35}62%,92%{opacity:1;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 25%,transparent)}100%{opacity:.35}}
.flow-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.flow-labels div{display:flex;flex-direction:column;gap:4px}
.flow-labels b{font-weight:500;font-size:15px}
.flow-labels span{font-size:14px;color:#8E9AA7}
.ticker{margin-top:56px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ticker-t{display:flex;gap:28px;width:max-content;animation:tick 38s linear infinite;color:#7F8B98}
.ticker-t span{white-space:nowrap}
.ticker-t em{font-style:normal;color:var(--accent)}
@keyframes tick{to{transform:translateX(-50%)}}

/* SECTIONS */
.sec{padding:150px 0;position:relative}
.sec.bt{border-top:1px solid var(--line)}
.sh{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:72px}
.h2{font-size:clamp(34px,4.3vw,62px)}
.sh p{margin:0;color:#A1ACB8;font-size:18px;max-width:480px}
.kicker{margin-bottom:22px}
@supports (animation-timeline: view()){
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
  @keyframes rv{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
}

/* PROBLEM */
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pc{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:26px;min-height:224px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;transition:border-color .3s,transform .3s,background .3s}
.pc:hover{border-color:rgba(236,241,245,.22);transform:translateY(-4px);background:#0D131B}
.pc-top{display:flex;justify-content:space-between;align-items:flex-start;color:#DDE5EC}
.pc-top .mono{color:#6F7B88}
.pc h3{margin:0 0 8px;font-size:19px;font-weight:600;letter-spacing:-.01em}
.pc p{margin:0;color:#95A1AE;font-size:15px;line-height:1.5}
.pc.inv{background:#ECF1F5;color:#05070A;border-color:#ECF1F5;text-decoration:none}
.pc.inv:hover{background:#FFFFFF;color:#05070A;box-shadow:0 20px 60px -20px var(--accent)}
.pc.inv h3{font-family:'Archivo',sans-serif;font-stretch:112%;font-size:28px;line-height:1.05;letter-spacing:-.02em;font-weight:600}
.pc.inv p{color:#3D4652}
.quote{margin:88px auto 0;max-width:900px;text-align:center;font-size:clamp(22px,2.2vw,30px);line-height:1.35;color:#C9D2DB;font-weight:400;letter-spacing:-.01em}
.quote b{color:#FFFFFF;font-weight:500}

/* PROMISE */
.seg{display:inline-flex;padding:5px;border-radius:999px;border:1px solid var(--line);background:#0A0E14;gap:4px}
.seg button{min-height:44px;padding:0 22px;border-radius:999px;border:0;background:transparent;color:#95A1AE;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s}
.seg button.on{background:#ECF1F5;color:#05070A}
.stage-card{margin-top:28px;border:1px solid var(--line);border-radius:28px;background:#080B10;padding:56px;min-height:470px;position:relative;overflow:hidden}
.chain{display:flex;flex-wrap:wrap;align-items:center;gap:10px 8px;justify-content:center}
.nd{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:#0D131B;border:1px solid rgba(236,241,245,.1);min-width:118px;animation:jit 4s ease-in-out infinite}
.nd b{font-size:15px;font-weight:600}
.nd span{font-size:12px;color:#8E9AA7;font-family:'Geist Mono',monospace}
.nd.fr{border:1px dashed rgba(227,168,87,.55);background:rgba(227,168,87,.05)}
.nd.fr span{color:#E3A857}
@keyframes jit{0%,100%{transform:translate(0,0)}25%{transform:translate(1px,-2px)}75%{transform:translate(-1px,1px)}}
.arr{color:#5E6975;display:flex}
.loop{margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;color:#E3A857;font-size:14px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px}
.fact{border-top:1px solid var(--line);padding-top:16px;display:flex;flex-direction:column;gap:4px}
.fact b{font-family:'Archivo',sans-serif;font-stretch:112%;font-size:34px;font-weight:560;letter-spacing:-.02em}
.fact span{color:#8E9AA7;font-size:14px}
.fact.bad b{color:#E3A857}
.win{max-width:860px;margin:0 auto;border:1px solid rgba(236,241,245,.13);border-radius:18px;background:#0C1118;display:grid;grid-template-columns:190px minmax(0,1fr);overflow:hidden;box-shadow:0 40px 100px -40px var(--accent);animation:pop .6s cubic-bezier(.2,.7,.1,1)}
@keyframes pop{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.win-side{border-right:1px solid rgba(236,241,245,.07);padding:18px 12px;display:flex;flex-direction:column;gap:4px}
.win-side div{padding:9px 12px;border-radius:9px;font-size:14px;color:#8E9AA7}
.win-side div.on{background:rgba(236,241,245,.07);color:#ECF1F5}
.win-main{padding:26px 28px}
.stepper{display:flex;gap:8px;margin:18px 0 22px}
.stepper div{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(236,241,245,.1);font-size:13px;color:#AEB8C3}
.stepper div.done{color:#ECF1F5}
.stepper div.cur{border-color:var(--accent);color:#FFFFFF;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.dot-ok{width:18px;height:18px;border-radius:50%;background:#ECF1F5;color:#05070A;display:flex;align-items:center;justify-content:center;flex:none}
.dot-n{width:18px;height:18px;border-radius:50%;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;flex:none}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kv div{padding:12px 14px;border-radius:10px;background:#080B10;border:1px solid rgba(236,241,245,.06);display:flex;flex-direction:column;gap:2px}
.kv span{font-size:12px;color:#7F8B98}
.kv b{font-size:14px;font-weight:500}
.auto{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:#A9B5C1}
.auto i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}

/* PILLARS */
.pl{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px 28px;min-height:400px;display:flex;flex-direction:column;overflow:hidden;transition:transform .35s,border-color .35s}
.pl::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .35s}
.pl::after{content:'';position:absolute;left:50%;top:-120px;width:260px;height:220px;transform:translateX(-50%);background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 20%,transparent),transparent);opacity:0;transition:opacity .35s;pointer-events:none}
.pl:hover{transform:translateY(-6px);border-color:rgba(236,241,245,.18)}
.pl:hover::before,.pl:hover::after{opacity:1}
.pl .num{color:#6F7B88}
.pl h3{font-family:'Archivo',sans-serif;font-stretch:125%;font-weight:600;font-size:30px;letter-spacing:.01em;margin:auto 0 14px}
.pl p{margin:0;color:#A1ACB8;font-size:15.5px}
.pl-vis{height:120px;margin:26px 0 30px;display:flex;align-items:center;justify-content:center}

/* PROCESS */
.proc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.stps{display:flex;flex-direction:column;gap:6px}
.stp{position:relative;text-align:left;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 12px;align-items:baseline;padding:20px 22px;border-radius:16px;border:1px solid transparent;background:transparent;color:#7F8B98;font-family:inherit;cursor:pointer;transition:all .3s;overflow:hidden}
.stp:hover{color:#C6CFD8;background:rgba(236,241,245,.02)}
.stp .mono{font-size:13px}
.stp b{font-family:'Archivo',sans-serif;font-stretch:112%;font-size:26px;font-weight:560;letter-spacing:-.02em}
.stp small{grid-column:2;font-size:15px;line-height:1.5;display:none;color:#A1ACB8}
.stp.on{border-color:var(--line);background:#0A0E14;color:#ECF1F5}
.stp.on small{display:block}
.bar{position:absolute;left:0;bottom:0;height:2px;background:var(--accent);width:0}
.stp.on .bar.ba{animation:fillA 4.5s linear forwards}
.stp.on .bar.bb{animation:fillB 4.5s linear forwards}
.stp.on .bar.full{width:100%;opacity:.5}
@keyframes fillA{from{width:0}to{width:100%}}
@keyframes fillB{from{width:0}to{width:100%}}
.stage{border:1px solid var(--line);border-radius:24px;background:#080B10;padding:40px;display:flex;flex-direction:column;justify-content:space-between;min-height:520px;position:relative;overflow:hidden}
.stage-vis{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;animation:pop .5s cubic-bezier(.2,.7,.1,1)}
.deliver{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:14px;align-items:flex-start}
.deliver .mono{color:#7F8B98;flex:none;padding-top:3px}
.deliver p{margin:0;font-size:16px}
.cyc{margin-top:56px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;color:#7F8B98;font-size:14px}
.cyc span{padding:8px 14px;border-radius:999px;border:1px solid var(--line);color:#B7C1CB}
.cyc span.hl{border-color:color-mix(in srgb,var(--accent) 60%,transparent);color:#FFFFFF}
/* stage visuals */
.map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;max-width:520px}
.map div{padding:14px;border-radius:12px;border:1px solid rgba(236,241,245,.1);font-size:13px;color:#AEB8C3;background:#0D131B}
.map div.irr{border-color:rgba(227,168,87,.6);color:#F1C489;background:rgba(227,168,87,.06)}
.wire{width:100%;max-width:520px;border:1px dashed rgba(236,241,245,.22);border-radius:14px;padding:18px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px}
.wire .sk{height:12px;border-radius:6px;background:rgba(236,241,245,.1);margin-bottom:10px}
.wire .sk.a{background:color-mix(in srgb,var(--accent) 45%,transparent);width:60%}
.wire .bx{height:74px;border-radius:10px;border:1px dashed rgba(236,241,245,.2);margin-bottom:10px}
.blocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:520px}
.blocks div{height:64px;border-radius:12px;border:1px solid rgba(236,241,245,.12);background:#0D131B;display:flex;align-items:flex-end;padding:10px;font-size:12px;color:#95A1AE;font-family:'Geist Mono',monospace;animation:pop .5s cubic-bezier(.2,.7,.1,1) both}
.blocks div.ai{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:#DDE8F3;background:color-mix(in srgb,var(--accent) 8%,#0D131B)}
.status{width:100%;max-width:520px;border:1px solid rgba(236,241,245,.12);border-radius:16px;overflow:hidden}
.status div{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid rgba(236,241,245,.06);font-size:14px}
.status div:first-child{border-top:0;background:#0D131B}
.live{display:inline-flex;align-items:center;gap:8px;color:#CFE0F1;font-size:13px}
.live i{width:8px;height:8px;border-radius:50%;background:#7FD1AE;box-shadow:0 0 0 0 rgba(127,209,174,.6);animation:live 2s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(127,209,174,.55)}100%{box-shadow:0 0 0 10px rgba(127,209,174,0)}}
.tl{width:100%;max-width:540px;display:flex;align-items:center}
.tl .v{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:#AEB8C3}
.tl .v i{width:14px;height:14px;border-radius:50%;background:#ECF1F5;display:block}
.tl .v.nx i{background:transparent;border:1px dashed var(--accent)}
.tl .seg-l{flex:1;height:1px;background:rgba(236,241,245,.25);margin:0 8px 24px}

/* AI */
.ai-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch}
.bars{border:1px solid var(--line);border-radius:24px;background:#080B10;padding:40px;display:flex;flex-direction:column;gap:34px}
.brow .mono{color:#7F8B98;margin-bottom:12px;display:block}
.btrack{display:flex;gap:4px;height:64px}
.btrack div{border-radius:10px;display:flex;align-items:flex-end;padding:8px 10px;font-size:12px;overflow:hidden;white-space:nowrap}
.b-q{background:#1A232E;color:#C6CFD8}
.b-p{background:#2A333E;color:#DDE5EC}
.b-ai{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,#0D131B) 0 6px,color-mix(in srgb,var(--accent) 18%,#0D131B) 6px 12px);color:#FFFFFF}
.b-v{background:#ECF1F5;color:#05070A;font-weight:500}
.ai-list{display:flex;flex-direction:column}
.ai-list div{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);font-size:18px}
.ai-list div:last-child{border-bottom:1px solid var(--line)}
.ai-list div span{color:#7F8B98;font-size:14px}
.big-msg{margin-top:72px;padding:56px;border-radius:28px;border:1px solid var(--line);background:radial-gradient(ellipse 60% 120% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),#080B10;text-align:center}
.big-msg .disp{font-size:clamp(28px,3.2vw,46px);max-width:900px;margin:0 auto}
.big-msg p{color:#95A1AE;margin:18px 0 0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tags span{padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:#AEB8C3}

/* SERVICE */
.svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.panel{border:1px solid rgba(236,241,245,.12);border-radius:22px;background:#0A0E14;overflow:hidden;box-shadow:0 40px 100px -50px var(--accent)}
.panel-h{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}
.panel-r{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 22px;border-bottom:1px solid rgba(236,241,245,.05);font-size:15px}
.panel-r:last-child{border-bottom:0}
.panel-r svg{color:#AEB8C3}
.panel-r small{display:block;color:#7F8B98;font-size:13px}
.statement{font-size:clamp(28px,3vw,42px)}
.philo{margin-top:110px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:end;padding-top:56px;border-top:1px solid var(--line)}
.philo .disp{font-size:clamp(36px,4.6vw,68px)}
.philo p{margin:0 0 18px;color:#A1ACB8;font-size:17px}
.philo p.hm{color:#ECF1F5;font-size:19px}

/* CAPITALISATION */
.lib{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:#0A0E14;margin-bottom:22px}
.lib .mono{color:#7F8B98;margin-right:10px}
.lib span.b{padding:7px 12px;border-radius:9px;background:linear-gradient(180deg,#E9EEF3,#A8B3BE);color:#05070A;font-size:13px;font-weight:500}
.projs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pj{border:1px solid var(--line);border-radius:20px;padding:22px;background:#080B10;display:flex;flex-direction:column;gap:16px}
.pj-h{display:flex;justify-content:space-between;align-items:center}
.pj-stack{display:flex;flex-direction:column-reverse;gap:6px;min-height:318px;justify-content:flex-start}
.bk{height:40px;border-radius:9px;display:flex;align-items:center;padding:0 12px;font-size:12px;font-family:'Geist Mono',monospace}
.bk.re{background:linear-gradient(180deg,#E9EEF3,#A8B3BE);color:#05070A}
.bk.nw{border:1px dashed rgba(236,241,245,.35);color:#AEB8C3}
@supports (animation-timeline: view()){
  .bk{animation:bkIn linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
  @keyframes bkIn{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
}
.speed{height:4px;border-radius:4px;background:rgba(236,241,245,.08);overflow:hidden}
.speed i{display:block;height:100%;background:var(--accent);border-radius:4px}
.legend{display:flex;gap:22px;margin-top:22px;color:#95A1AE;font-size:14px;flex-wrap:wrap}
.legend span{display:inline-flex;align-items:center;gap:8px}
.sw{width:14px;height:14px;border-radius:4px;display:inline-block}

/* POUR QUI */
.fit{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.qs{display:flex;flex-direction:column;gap:10px}
.q{display:flex;align-items:center;gap:18px;text-align:left;padding:22px 24px;border-radius:18px;border:1px solid var(--line);background:#0A0E14;color:#C6CFD8;font-family:inherit;font-size:19px;font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:all .25s;min-height:44px;line-height:1.35}
.q:hover{border-color:rgba(236,241,245,.25);color:#FFFFFF}
.q .bx{width:28px;height:28px;border-radius:8px;border:1px solid rgba(236,241,245,.3);flex:none;display:flex;align-items:center;justify-content:center;color:#05070A;transition:all .25s}
.q .bx svg{opacity:0;transition:opacity .2s}
.q.on{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 7%,#0A0E14);color:#FFFFFF}
.q.on .bx{background:#ECF1F5;border-color:#ECF1F5}
.q.on .bx svg{opacity:1}
.q .mono{margin-left:auto;color:#6F7B88}
.verdict{position:sticky;top:100px;border:1px solid var(--line);border-radius:24px;padding:36px;background:#080B10;overflow:hidden}
.verdict.hot{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:radial-gradient(ellipse 80% 70% at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent),#080B10}
.meter{display:flex;gap:6px;margin:18px 0 28px}
.meter i{flex:1;height:4px;border-radius:4px;background:rgba(236,241,245,.1);transition:background .3s}
.meter i.on{background:var(--accent);box-shadow:0 0 12px var(--accent)}
.verdict .disp{font-size:34px;line-height:1.08}
.verdict p{color:#A1ACB8;margin:14px 0 28px;font-size:16px}

/* ROI */
.roi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:stretch}
.roi-in{border:1px solid var(--line);border-radius:24px;background:#0A0E14;padding:36px;display:flex;flex-direction:column;gap:22px}
.money{position:relative}
.br-d{display:inline}
.money input{width:100%;padding-right:56px!important;-moz-appearance:textfield;appearance:textfield}
.money input::-webkit-outer-spin-button,.money input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}
.money span{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#7F8B98;font-size:14px;pointer-events:none}
.fld small{color:#7F8B98;font-size:13px}
.roi-out{border:1px solid var(--line);border-radius:24px;padding:36px;background:#080B10;display:flex;flex-direction:column;gap:26px;position:relative;overflow:hidden;transition:border-color .4s}
.roi-out.ok{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:radial-gradient(ellipse 80% 60% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent),#080B10}
.roi-block{display:flex;flex-direction:column;gap:10px}
.roi-lbl{color:#95A1AE;font-size:15px}
.roi-num{font-family:'Archivo',sans-serif;font-stretch:112%;font-weight:560;font-size:clamp(60px,6.4vw,104px);letter-spacing:-.035em;line-height:.95}
.roi-num2{font-family:'Archivo',sans-serif;font-stretch:112%;font-weight:560;font-size:clamp(36px,3.4vw,50px);letter-spacing:-.025em;line-height:1;color:#ECF1F5}
.roi-sep{height:1px;background:var(--line)}
.roi-long{margin:6px 0 0;max-width:460px;font-size:15px;line-height:1.5;color:#C6CFD8;padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}
.roi-long b{color:#FFFFFF;font-weight:600}
/* EXEMPLE */
.demo-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px dashed rgba(236,241,245,.3);color:#C6CFD8;font-size:13px}
.ex{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:stretch;margin-top:28px}
.ex-vis{border:1px solid var(--line);border-radius:24px;background:#080B10;padding:32px;min-height:500px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.mess{position:relative;width:100%;height:440px}
.frag{position:absolute;padding:14px 16px;border-radius:12px;background:#0D131B;border:1px solid rgba(236,241,245,.12);font-size:13px;color:#AEB8C3;box-shadow:0 20px 40px -20px #000;width:230px;animation:bob 6s ease-in-out infinite}
.frag b{display:block;color:#ECF1F5;font-size:13px;margin-bottom:6px;font-family:'Geist Mono',monospace;font-weight:500}
.frag .ln{height:7px;border-radius:4px;background:rgba(236,241,245,.1);margin-top:6px}
.frag.warn{border-color:rgba(227,168,87,.5)}
.frag.warn b{color:#F1C489}
.app{width:100%;border:1px solid rgba(236,241,245,.14);border-radius:16px;background:#0C1118;overflow:hidden;animation:pop .6s cubic-bezier(.2,.7,.1,1);box-shadow:0 40px 100px -50px var(--accent)}
.app-h{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(236,241,245,.07)}
.app-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 18px}
.app-k div{padding:12px;border-radius:10px;background:#080B10;border:1px solid rgba(236,241,245,.06)}
.app-k span{display:block;font-size:11px;color:#7F8B98}
.app-k b{font-size:20px;font-weight:600;font-family:'Archivo',sans-serif;font-stretch:112%}
.app-t{padding:0 18px 12px}
.app-r{display:grid;grid-template-columns:78px minmax(0,1fr) 96px 110px;gap:10px;align-items:center;padding:11px 0;border-top:1px solid rgba(236,241,245,.06);font-size:13px;color:#C6CFD8}
.app-r .id{font-family:'Geist Mono',monospace;color:#7F8B98;font-size:12px}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;font-size:11px;border:1px solid rgba(236,241,245,.14)}
.pill.ok{background:#ECF1F5;color:#05070A;border-color:#ECF1F5}
.pill.ac{border-color:var(--accent);color:#DDE8F3}
.app-f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid rgba(236,241,245,.07);background:#080B10;font-size:13px;color:#A9B5C1}
.ex-side{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.ex-list{display:flex;flex-direction:column}
.ex-list div{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line);font-size:16px}
.ex-list div svg{flex:none;margin-top:2px}
.ex-list.bad svg{color:#E3A857}
.ex-list.good svg{color:var(--accent)}
.ex-list small{display:block;color:#8E9AA7;font-size:14px}

/* CTA FINAL */
.final{position:relative;overflow:hidden;padding:170px 0 150px;text-align:center;border-top:1px solid var(--line)}
.final .rays{top:-60px;height:620px}
.final .disp{font-size:clamp(40px,5.6vw,84px);max-width:1080px;margin:0 auto}
.final .lead{margin:28px auto 0}
.form{max-width:760px;margin:56px auto 0;text-align:left;border:1px solid rgba(236,241,245,.12);border-radius:24px;background:rgba(10,14,20,.85);backdrop-filter:blur(8px);padding:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fld{display:flex;flex-direction:column;gap:8px}
.fld.full{grid-column:1 / -1}
.fld label{font-size:13px;color:#A1ACB8}
.fld input,.fld textarea{font-family:inherit;font-size:16px;color:#ECF1F5;background:#05070A;border:1px solid rgba(236,241,245,.14);border-radius:12px;padding:13px 14px;min-height:48px;outline:none;transition:border-color .2s,box-shadow .2s}
.fld textarea{min-height:110px;resize:vertical}
.fld input:focus,.fld textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.fld input::placeholder,.fld textarea::placeholder{color:#5E6975}
.form-f{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px}
.form-f span{color:#95A1AE;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.sent{max-width:640px;margin:56px auto 0;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:24px;padding:40px;background:#0A0E14;animation:pop .5s ease}

/* ABOUT & FOOTER */
.about{display:grid;grid-template-columns:minmax(0,820px);gap:56px}
.about .disp{font-size:clamp(30px,3.4vw,48px)}
.ph{border:1px dashed rgba(236,241,245,.22);border-radius:18px;padding:22px;color:#95A1AE;font-size:15px;display:flex;flex-direction:column;gap:6px}
.ph b{color:#C6CFD8;font-weight:500}
.foot{border-top:1px solid var(--line);padding:56px 0 40px}
.foot-g{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px}
.foot h4{margin:0 0 14px;font-size:13px;font-weight:500;color:#7F8B98;font-family:'Geist Mono',monospace;text-transform:uppercase;letter-spacing:.09em}
.foot a{display:block;color:#B7C1CB;text-decoration:none;font-size:15px;padding:5px 0}
.foot a:hover{color:#FFFFFF}
.foot-b{display:flex;justify-content:space-between;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:#6F7B88;font-size:13px;gap:16px;flex-wrap:wrap}
.mega{margin-top:72px;display:flex;justify-content:center;opacity:.9}
.mega-logo{width:min(560px,80vw);aspect-ratio:1834/459;background:linear-gradient(180deg,#FFFFFF 0%,#C9D3DD 50%,#3A4450 100%);-webkit-mask:url(cuud-logo.png) center / contain no-repeat;mask:url(cuud-logo.png) center / contain no-repeat}

.still *,.still *::before,.still *::after{animation:none!important;transition:none!important}
.still .h1 span,.still .fade{opacity:1}
@media (prefers-reduced-motion: reduce){
  .site *,.site *::before,.site *::after{animation:none!important;transition:none!important}
  .h1 span,.fade{opacity:1}
}

/* TABLET */
@media (max-width: 1080px){
  .g4,.projs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proc,.ai-grid,.svc,.fit,.ex,.philo,.about,.roi{grid-template-columns:minmax(0,1fr)}
  .sh{grid-template-columns:minmax(0,1fr);gap:20px}
  .verdict{position:relative;top:0}
  .foot-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* MOBILE */
@media (max-width: 760px){
  .site{font-size:16px}
  .wrap{padding:0 20px}
  .nav-in{height:64px}
  .nav-links,.nav-cta{display:none}
  .burger{display:inline-flex}
  .mmenu{display:flex;flex-direction:column;padding:8px 20px 20px;border-top:1px solid var(--line)}
  .mmenu a{padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:18px;color:#DDE5EC}
  .mmenu .btn{margin-top:18px}
  .hero{padding:64px 0 40px}
  .rays{width:340px}
  .ctas{flex-direction:column;width:100%}
  .ctas .btn{width:100%}
  .flow-box{margin-top:56px;padding:18px;border-radius:22px}
  .flow{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:22px}
  .flow-svg{display:none}
  .chips{position:relative;inset:auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
  .chip{position:static!important;left:auto!important;top:auto!important;font-size:11px;padding:7px 10px}
  .core{position:relative;left:auto;top:auto;width:120px}
  .core-beam{display:none}
  .ui{position:relative;left:auto;top:auto;width:100%}
  .flow-labels{grid-template-columns:minmax(0,1fr)}
  .sec{padding:96px 0}
  .sh{margin-bottom:44px}
  .g4,.projs,.facts,.kv{grid-template-columns:minmax(0,1fr)}
  .pc{min-height:auto}
  .quote{margin-top:56px}
  .stage-card{padding:22px;min-height:auto}
  .chain{flex-direction:column}
  .chain .arr{transform:rotate(90deg)}
  .nd{width:100%}
  .win{grid-template-columns:minmax(0,1fr)}
  .win-side{display:none}
  .win-main{padding:18px}
  .stepper{flex-direction:column}
  .pl{min-height:auto}
  .stage{padding:22px;min-height:auto}
  .stage-vis{min-height:220px}
  .map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blocks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bars{padding:22px}
  .btrack div{font-size:0;padding:0}
  .big-msg{padding:32px 22px}
  .philo{margin-top:72px}
  .q{font-size:17px;padding:18px}
  .q .mono{display:none}
  .verdict{padding:26px}
  .ex-vis{padding:16px;min-height:auto}
  .roi{grid-template-columns:minmax(0,1fr)}
  .roi-in,.roi-out{padding:22px}
  .mess{height:520px}
  .frag{width:200px}
  .app-k{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app-r{grid-template-columns:minmax(0,1fr) auto}
  .app-r .id,.app-r .site-c{display:none}
  .final{padding:110px 0 96px}
  .form{grid-template-columns:minmax(0,1fr);padding:20px}
  .form-f .btn{width:100%}
  .foot-g{grid-template-columns:minmax(0,1fr)}
  .br-d{display:none}
  .ln-a{display:block;white-space:nowrap}
  .ln-b,.ln-c{white-space:nowrap}
  label[for="roi-subs"]{font-size:min(13px,calc((100vw - 84px) / 25));white-space:nowrap}
  /* Titres mobile : tailles calibrées sur la largeur d'écran, lignes équilibrées */
  .disp{text-wrap:balance}
  .h1{font-stretch:100%;font-size:calc((100vw - 40px) / 11.9);line-height:1.08;letter-spacing:-.025em}
  .h1 span{white-space:nowrap}
  .h2{font-size:clamp(28px,8.4vw,34px);line-height:1.06}
  .final .disp{font-size:clamp(30px,9vw,38px);line-height:1.06}
  .philo .disp{font-size:clamp(28px,8.4vw,34px)}
  .statement{font-size:clamp(24px,7vw,28px)}
  .big-msg .disp{font-size:clamp(22px,6.4vw,26px);line-height:1.15}
  .about .disp{font-size:clamp(26px,7.6vw,30px);line-height:1.08}
  .verdict .disp{font-size:clamp(24px,7vw,28px)}
  .roi-num{font-size:clamp(52px,15vw,64px)}
  .roi-num2{font-size:clamp(30px,9vw,38px)}
}

section[id],#top{scroll-margin-top:72px}
[data-if]:not([hidden]){display:contents}
[hidden]{display:none!important}
.form{position:relative}
.form-err{grid-column:1 / -1;color:#F1C489;font-size:14px;margin:0}