*{margin:0;padding:0;box-sizing:border-box}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:#0b0d12;color:#e9edf4;min-height:100vh;display:grid;place-items:center;padding:24px}
.hero{text-align:center;max-width:640px}
.pill{display:inline-block;padding:6px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);font-size:13px;color:#8a93a6;margin-bottom:22px}
h1{font-size:clamp(32px,6vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:18px}
h1 span{background:linear-gradient(90deg,#00d4ff,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:#8a93a6;font-size:16px;line-height:1.7;margin-bottom:30px}
.sub code{background:rgba(255,255,255,.08);padding:2px 8px;border-radius:6px;font-size:14px}
.sub a{color:#7c5cff}
.cta{display:inline-block;padding:13px 30px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#5e3bff);color:#fff;text-decoration:none;font-weight:600;box-shadow:0 6px 24px rgba(124,92,255,.4)}