.hero{position:relative;margin:28px 24px 48px;padding:72px 48px 64px;border-radius:24px;border:1px solid rgba(168,85,247,.18);background:radial-gradient(ellipse 70% 90% at 50% -10%,rgba(147,51,234,.28),rgba(5,5,8,0) 60%),#0a0a10;overflow:hidden}.heroTitle{max-width:720px;font-size:44px;line-height:1.1;font-weight:700;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 55%,#a78bdf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.heroSub{max-width:560px;margin:16px 0 28px;color:var(--dim);font-size:16px;line-height:1.5}.heroCta{display:inline-block;padding:12px 22px;border-radius:999px;border:1px solid rgba(168,85,247,.5);background:rgba(147,51,234,.12);color:#e9d5ff;font-family:var(--font-mono);font-size:13px;text-decoration:none}.heroCta:hover{background:rgba(147,51,234,.25)}.roadmapGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.roadmapCard{padding:24px;border-radius:18px;border:1px solid rgba(168,85,247,.35);background:linear-gradient(160deg,rgba(147,51,234,.12),#0d0d12)}.roadmapEyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;color:#c084fc;margin:0 0 8px}.roadmapCard h3{font-size:16px;margin:0 0 8px}.roadmapCard p{margin:0;color:var(--dim);font-size:13px;line-height:1.5}