*{box-sizing:border-box;margin:0;padding:0}body{font:300 16px/1.6 "Sora",system-ui,sans-serif;color:#e9ecff;background:#14122e;overflow-x:hidden}a{color:inherit}
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:20px clamp(18px,4vw,56px)}
.logo{font:600 20px "Sora";display:flex;align-items:center;gap:10px}.logo i{width:22px;height:22px;border-radius:7px;background:conic-gradient(from 90deg,#7b5cff,#2fd6ff,#ff5cc8,#7b5cff)}
.nav nav{display:flex;gap:24px;align-items:center;font-size:14px}.nav a{text-decoration:none}.pill{padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18)}
.hero{position:relative;height:100svh;min-height:640px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(120% 80% at 70% 30%,#3a2a8a 0%,#1d1a4a 45%,#14122e 80%)}
#net{position:absolute;inset:0;width:100%;height:100%}
.glow{position:absolute;width:60vmax;height:60vmax;right:-15vmax;top:-20vmax;border-radius:50%;background:radial-gradient(circle,rgba(47,214,255,.28),transparent 60%);pointer-events:none;will-change:transform}
.hero-copy{position:relative;z-index:2;padding:0 clamp(18px,6vw,100px);max-width:980px;pointer-events:none}.hero-copy a,.hero-copy code{pointer-events:auto}
.kicker{display:inline-flex;gap:8px;font-size:13px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);margin-bottom:24px}.kicker span{color:#4dffb5}
h1{font:600 clamp(44px,7vw,104px)/1.02 "Sora";letter-spacing:-.035em}.ln{display:block;overflow:hidden;padding-bottom:.08em}.ln>span{display:inline-block}
.grad{background:linear-gradient(90deg,#9b85ff,#2fd6ff 45%,#ff7ad1);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-size:clamp(16px,1.5vw,19px);max-width:520px;margin:22px 0 32px;color:#bfc4ef}
.cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.btn{display:inline-block;padding:15px 26px;border-radius:12px;background:linear-gradient(135deg,#7b5cff,#2fd6ff);color:#fff;text-decoration:none;font-weight:500;box-shadow:0 10px 40px -10px #7b5cff;transition:transform .3s}.btn:hover{transform:translateY(-3px)}
code{font:400 14px "JetBrains Mono",monospace;padding:14px 18px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}
section h2{font:600 clamp(34px,4.6vw,64px)/1.08 "Sora";letter-spacing:-.03em}
.features{padding:clamp(90px,11vw,150px) clamp(18px,5vw,80px)}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
.f{position:relative;padding:30px 26px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);transition:transform .4s,border-color .4s}.f:hover{transform:translateY(-6px);border-color:rgba(123,92,255,.7)}
.ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,#7b5cff,#2fd6ff);margin-bottom:22px}.f h3{font:500 20px "Sora";margin-bottom:8px}.f p{color:#bfc4ef;font-size:15px}
.term{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;padding:0 clamp(18px,5vw,80px) clamp(90px,11vw,150px)}
.win{border-radius:18px;background:#0e0c24;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}.win .bar{display:flex;gap:7px;padding:14px 16px;background:rgba(255,255,255,.04)}.win .bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.win .bar i:nth-child(2){background:#febc2e}.win .bar i:nth-child(3){background:#28c840}
pre{padding:22px;min-height:250px;font:400 14px/1.7 "JetBrains Mono",monospace;color:#c9d0ff;white-space:pre-wrap}#typed::after{content:"▍";color:#2fd6ff;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.tside p{color:#bfc4ef;margin-top:18px}
.cta-s{text-align:center;padding:clamp(90px,11vw,150px) 18px;background:radial-gradient(60% 80% at 50% 100%,#3a2a8a,transparent)}.cta-s h2{font-size:clamp(48px,8vw,120px);display:inline-block}.cta-s .btn{margin-top:30px}
.kcopy{color:rgba(233,236,255,.55)}
@media (max-width:1000px){.fgrid{grid-template-columns:repeat(2,1fr)}.term{grid-template-columns:1fr}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}.nav nav a:not(.pill){display:none}}
@media (prefers-reduced-motion:reduce){#typed::after{animation:none}}

/* darker, glossy pass */
.f{--gr:20px;--glow:rgba(47,214,255,.35)}.win{--gr:18px}

/* fix headline wrap */
.hero-copy{max-width:1280px}@media (min-width:900px){.hero h1 .ln{white-space:nowrap}}