:root{--bg:#0a0b12;--bg-elev:#12141f;--bg-card:#151827;--border:#262a3d;--border-bright:#363c56;--text:#eef0f8;--text-dim:#a6acc4;--text-faint:#737a96;--accent:#7c5cff;--accent-2:#35c4ff;--accent-glow:#7c5cff59;--maxw:1080px;--radius:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 15% -10%,#7c5cff2e,#0000 60%),radial-gradient(50rem 40rem at 100% 0,#35c4ff1f,#0000 55%),radial-gradient(40rem 30rem at 50% 120%,#ff5aae1a,#0000 60%);position:fixed;inset:0}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.hero{text-align:center;padding:clamp(64px,12vw,140px) 0 clamp(48px,8vw,96px)}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border-bright);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge .dot{background:#46e08a;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #46e08a2e}.wordmark{letter-spacing:-.03em;background:linear-gradient(#fff 0%,#c9cfff 55%,#8f7bff 100%);color:#0000;text-shadow:0 0 60px var(--accent-glow);background-clip:text;margin:28px 0 0;font-size:clamp(52px,12vw,128px);font-weight:900;line-height:.95}.tagline{max-width:640px;color:var(--text);margin:20px auto 0;font-size:clamp(18px,2.6vw,24px);font-weight:500}.pitch{max-width:680px;color:var(--text-dim);margin:28px auto 0;font-size:clamp(15px,1.9vw,18px)}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.btn{border:1px solid var(--border-bright);color:var(--text);background:var(--bg-elev);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.btn-primary{box-shadow:0 8px 30px var(--accent-glow);background:linear-gradient(#8a6bff,#6b45ff);border-color:#0000}section{padding:clamp(40px,7vw,80px) 0}.section-head{text-align:center;margin-bottom:clamp(28px,5vw,52px)}.section-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.5vw,42px);font-weight:800}.section-head p{max-width:620px;color:var(--text-dim);margin:12px auto 0;font-size:clamp(15px,1.9vw,18px)}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:transform .18s,border-color .18s}.feature:hover{border-color:var(--border-bright);transform:translateY(-4px)}.feature .glyph{font-size:30px;line-height:1}.feature h3{margin:16px 0 8px;font-size:19px;font-weight:700}.feature p{color:var(--text-dim);margin:0;font-size:15px}.classes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.class-card{--c:var(--accent);background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--c);border-radius:12px;padding:18px 20px;transition:transform .18s;position:relative;overflow:hidden}.class-card:hover{transform:translateY(-3px)}.class-card:after{content:"";background:var(--c);opacity:.16;filter:blur(28px);border-radius:50%;width:120px;height:120px;position:absolute;top:-40%;right:-30%}.class-card .name{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.class-card .swatch{background:var(--c);width:11px;height:11px;box-shadow:0 0 12px var(--c);border-radius:50%}.class-card .role{color:var(--text-dim);margin-top:6px;font-size:14px}footer{border-top:1px solid var(--border);text-align:center;margin-top:40px;padding:56px 0 72px}footer h2{margin:0 0 8px;font-size:clamp(24px,4vw,34px);font-weight:800}footer .sub{color:var(--text-dim);max-width:460px;margin:0 auto 24px}.links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.link-chip{border:1px solid var(--border-bright);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}.link-chip.soon{color:var(--text-faint);cursor:default}.link-chip.soon:after{content:"soon";text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border:1px solid var(--border);border-radius:6px;margin-left:8px;padding:1px 6px;font-size:11px}a.link-chip:hover{border-color:var(--accent);text-decoration:none}.colophon{color:var(--text-faint);margin-top:40px;font-size:13px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}