@font-face { font-family: Sora; font-style: normal; font-weight: 300 700; font-display: swap; src: url(/assets/fonts/sora-latin.woff2?v=20261013-04) format('woff2'); }
@font-face { font-family: Inter; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/inter-latin.woff2?v=20261013-04) format('woff2'); }
* { box-sizing: border-box; }
body { margin: 0; color: #0f172a; background: radial-gradient(ellipse at 50% 0, #e9edff, transparent 65%), #f7f9fc; font: 400 16px/1.6 Inter, system-ui, sans-serif; }
main { min-height: 100svh; max-width: 960px; margin: auto; padding: 64px 24px 40px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.brand { display: block; width: 228px; max-width: 75%; height: auto; margin-bottom: 52px; }
.eyebrow { margin: 0 0 18px; color: #475569; font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0; font: 600 clamp(2.25rem, 5.5vw, 4.8rem)/1.1 Sora, system-ui, sans-serif; letter-spacing: -.045em; }
.coming { margin: 22px 0 42px; color: #5738a8; font: 500 clamp(1.35rem, 3vw, 1.8rem)/1.3 Sora, system-ui, sans-serif; }
a { color: #0f172a; text-decoration: none; border-bottom: 1px solid #94a3b8; padding: 12px 4px; min-height: 44px; }
a:focus-visible { outline: 2px solid #0066ff; outline-offset: 5px; }
.byline { margin: 52px 0 0; font-size: .75rem; color: #475569; }
@media (max-width: 390px) { main { padding-inline: 20px; } .brand { margin-bottom: 40px; } h1 { font-size: 2.1rem; } }