:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: #f7f7fb; background: radial-gradient(circle at 20% 0%, #38214e, transparent 38%), #121218; display: grid; grid-template-rows: 1fr auto; }
.hero { max-width: 760px; padding: 11rem 2rem 5rem; margin: 0 auto; width: 100%; }
.brand { margin: 0 0 2rem; font-size: 1.5rem; font-weight: 800; letter-spacing: -.04em; color: #ff5f8f; }
.brand span { color: #b99cff; }
h1 { font-size: clamp(2.5rem, 8vw, 5.25rem); letter-spacing: -.065em; line-height: .98; margin: 0; max-width: 720px; }
.lead { color: #c7c6d1; font-size: 1.2rem; line-height: 1.6; max-width: 620px; margin: 2rem 0; }
.status { display: inline-block; padding: .65rem 1rem; background: #24222d; border: 1px solid #403d4d; border-radius: 999px; color: #d9d6e4; }
footer { max-width: 1100px; width: 100%; margin: auto; display: flex; gap: 1.25rem; flex-wrap: wrap; padding: 2rem; color: #aaa7b8; font-size: .9rem; }
a { color: #e0d5ff; text-decoration: none; }
a:hover { text-decoration: underline; }
@media (max-width: 560px) { .hero { padding-top: 7rem; } }