:root{--bg:#05090d;--pn:#0a1119;--ln:rgba(255,255,255,.1);--tx:#e8eef2;--mu:#8fa0ad;--mint:#3ecf9a;--amb:#f0a830;--red:#ff6b57}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Space Grotesk',Inter,system-ui,sans-serif;margin:0;letter-spacing:-.025em;line-height:1.05}p{margin:0}a{color:inherit}.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.in{max-width:1180px;margin:0 auto;padding:0 24px}.lab{font:600 12.5px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:600;text-decoration:none;min-height:46px;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px)}
.b1{background:var(--mint);color:#04120c;box-shadow:0 0 0 0 rgba(62,207,154,.5),0 10px 30px rgba(62,207,154,.25)}.b1:hover{box-shadow:0 0 0 6px rgba(62,207,154,.15),0 12px 36px rgba(62,207,154,.3)}.b2{border:1px solid var(--ln);color:var(--tx);background:rgba(255,255,255,.03)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--amb);outline-offset:3px}
nav{position:sticky;top:0;z-index:20;background:rgba(5,9,13,.78);backdrop-filter:blur(14px);border-bottom:1px solid var(--ln)}nav .in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 17px 'Space Grotesk',sans-serif}.logo i{width:30px;height:30px;border-radius:8px;border:1px solid #1f4a3d;background:#0d2620;display:flex;align-items:center;justify-content:center}
nav .l{display:flex;align-items:center;gap:6px 26px;font-size:14.5px;color:var(--mu);flex-wrap:wrap}nav .l a{text-decoration:none;padding:8px 0}nav .l a:hover{color:var(--tx)}nav .l a.btn{padding:9px 20px;min-height:40px;color:#04120c}
.hero{position:relative;overflow:hidden;padding:84px 0 96px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 10%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 10%,#000 20%,transparent 70%)}
.hero:after{content:"";position:absolute;width:720px;height:720px;right:-200px;top:-260px;background:radial-gradient(circle,rgba(62,207,154,.2),transparent 62%);pointer-events:none}
.hg{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:center}@media(max-width:900px){.hg{grid-template-columns:1fr}}
.hero h1{font-size:clamp(38px,5.2vw,68px);font-weight:700;margin:18px 0 22px}.hero h1 em{font-style:normal;color:var(--mint)}.hero .s{font-size:19px;color:#b6c4cf;max-width:540px}
.cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.fine{font-size:13.5px;color:var(--mu);margin-top:16px}
.panel{background:linear-gradient(180deg,#0d1620,#080e15);border:1px solid var(--ln);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(62,207,154,.06);overflow:hidden}
.pbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--ln);font:500 12px 'JetBrains Mono',monospace;color:var(--mu)}.pbar i{width:10px;height:10px;border-radius:5px;background:#26333f}.pbar span{margin-left:auto}
.pbody{padding:18px 18px 8px}.mk{opacity:0;transition:opacity .6s}.mk.on{opacity:1}
.chips{display:flex;gap:10px;padding:6px 18px 18px;flex-wrap:wrap}.chip{font:500 12.5px 'JetBrains Mono',monospace;border:1px solid var(--ln);border-radius:999px;padding:6px 12px;color:var(--mu)}.chip b{color:var(--tx)}
.tick{border-block:1px solid var(--ln);background:#071018;overflow:hidden;white-space:nowrap;color:var(--mu);font:500 13px 'JetBrains Mono',monospace;padding:14px 0}.tick span{display:inline-block;padding-left:100%;animation:run 48s linear infinite}@keyframes run{to{transform:translateX(-100%)}}
section{padding:96px 0}.h2{font-size:clamp(30px,4.4vw,54px);font-weight:700;margin:14px 0 16px;max-width:900px}.lead{font-size:18.5px;color:#aebcc7;max-width:700px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;margin-top:44px;border:1px solid var(--ln);border-radius:18px;overflow:hidden}.stat{padding:34px 30px;border-right:1px solid var(--ln);background:var(--pn)}.stat:last-child{border-right:0}
.stat .n{font:700 clamp(46px,6vw,72px)/1 'JetBrains Mono',monospace;color:var(--tx)}.stat .n em{font-style:normal;color:var(--red)}.stat p{margin-top:14px;color:#aebcc7;font-size:15.5px}
.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;margin-top:48px}.step{border:1px solid var(--ln);border-radius:16px;padding:24px;background:var(--pn)}.step small{font:600 12px 'JetBrains Mono',monospace;color:var(--mu)}.step h3{font-size:24px;margin:10px 0 8px}.step p{font-size:15px;color:#aebcc7}
.step:nth-child(1){min-height:170px}.step:nth-child(2){min-height:220px}.step:nth-child(3){min-height:270px;border-color:rgba(62,207,154,.4)}.step:nth-child(4){min-height:320px;background:linear-gradient(180deg,#0f3a2f,#0a2a22);border-color:var(--mint)}.step:nth-child(4) small,.step:nth-child(3) small{color:var(--mint)}
@media(max-width:820px){.ladder{grid-template-columns:1fr}.step{min-height:0!important}.stat{border-right:0;border-bottom:1px solid var(--ln)}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 18px}.tab{font:600 14px Inter,sans-serif;color:var(--mu);background:transparent;border:1px solid var(--ln);border-radius:999px;padding:10px 18px;cursor:pointer;min-height:44px}.tab[aria-selected=true]{background:var(--mint);color:#04120c;border-color:var(--mint)}
.frame{border:1px solid var(--ln);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(62,207,154,.06)}.fbar{background:#0d1620;padding:11px 16px;display:flex;gap:8px;align-items:center}.fbar i{width:10px;height:10px;border-radius:5px;background:#2b3a47}.fbar span{margin-left:12px;font:500 12px 'JetBrains Mono',monospace;color:var(--mu)}.frame img{display:block;width:100%;height:auto}
.cap{margin-top:18px;color:#aebcc7;max-width:760px;min-height:56px}
.sim{background:var(--pn);border:1px solid var(--ln);border-radius:18px;padding:28px;margin-top:40px}.sim svg{display:block;width:100%;height:auto;border-radius:10px;background:#070d14}
.sim label{font-weight:600}.sim input[type=range]{width:100%;accent-color:var(--mint);min-height:36px;margin-top:6px}.sim .o{font-size:20px;margin-top:8px}.sim .o b{font-family:'JetBrains Mono',monospace;color:var(--mint)}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:40px}.card{border:1px solid var(--ln);border-radius:16px;padding:28px;background:var(--pn)}.card h3{font-size:22px;margin-bottom:10px}.card p{color:#aebcc7;font-size:15.5px}
.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px}.how div{border-top:2px solid var(--mint);padding-top:16px}.how b{font:700 13px 'JetBrains Mono',monospace;color:var(--mint)}.how h3{font-size:20px;margin:8px 0 6px}.how p{color:#aebcc7;font-size:15px}
details{border-bottom:1px solid var(--ln);padding:18px 0}summary{cursor:pointer;font:600 18px 'Space Grotesk',sans-serif;list-style:none;display:flex;justify-content:space-between;gap:16px}summary:after{content:"+";color:var(--mint);font-size:22px}details[open] summary:after{content:"–"}details p{margin-top:12px;color:#aebcc7;max-width:720px}
.final{text-align:center;background:radial-gradient(700px 320px at 50% 100%,rgba(62,207,154,.18),transparent 70%)}.final .h2{margin-inline:auto}.final .lead{margin:0 auto}.ph{display:inline-block;margin-top:24px;border:1px dashed var(--amb);color:var(--amb);border-radius:10px;padding:10px 18px;font:500 14px 'JetBrains Mono',monospace}
footer{border-top:1px solid var(--ln);padding:30px 0;color:var(--mu);font-size:14px}.note{font-size:12.5px;color:var(--mu);margin-top:14px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv,.mk{opacity:1;transform:none;transition:none}.tick span{animation:none;padding-left:24px}html{scroll-behavior:auto}}