:root{--bg:#0f0e17;--surface:#1a1625;--violet:#8b5cf6;--pink:#ec4899;--teal:#14b8a6;--text:#f1f5f9;--muted:#94a3b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.progress{position:fixed;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--violet),var(--pink),var(--teal));transform-origin:0;z-index:9}.hero{position:relative;min-height:100vh;display:grid;align-items:center;padding:0 6vw;overflow:hidden;background:radial-gradient(60% 60% at 75% 40%,#2d2438,transparent)}.hero3d{position:absolute;top:0;right:0;bottom:0;left:40%}.hero-copy{position:relative;max-width:560px}.pill{display:inline-block;padding:4px 12px;border:1px solid var(--teal);color:var(--teal);border-radius:999px;font-size:13px}h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;margin:16px 0;background:linear-gradient(90deg,var(--violet),var(--pink),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{color:var(--muted);font-size:1.1rem;line-height:1.6}.btn{display:inline-block;margin-top:16px;padding:12px 24px;border-radius:10px;background:var(--violet);color:#fff;text-decoration:none;font-weight:600}section{max-width:1100px;margin:0 auto;padding:80px 6vw}h2{font-size:2rem;margin:0 0 32px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.steps li{background:var(--surface);border:1px solid #2d2438;border-radius:12px;padding:16px;font-weight:600}.steps b{display:block;color:var(--pink);margin-bottom:6px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}article{background:var(--surface);border:1px solid #2d2438;border-radius:16px;padding:24px}article small{color:var(--muted)}article p{color:var(--muted);line-height:1.5}.tag{padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid}.built{color:var(--teal)}.partial{color:#f59e0b}.roadmap{color:var(--muted)}footer{text-align:center;color:var(--muted);padding:40px 16px}@media (max-width:760px){.hero3d{top:0;right:0;bottom:0;left:0;opacity:.35}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}