:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #090b12;
  color: #f4f6fb;
}
* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; }
body { min-height: 100vh; background: radial-gradient(ellipse at 50% 42%, #171d30 0%, #0c101b 42%, #090b12 76%); }
.hero { position: relative; display: grid; min-height: 100vh; place-items: center; overflow: hidden; padding: 32px 20px; }
.content { position: relative; z-index: 1; width: min(100%, 760px); text-align: center; }
.eyebrow { display: inline-block; color: #9da8c2; font-size: 11px; font-weight: 700; letter-spacing: .32em; }
h1 { margin: 20px 0 12px; font-size: clamp(76px, 17vw, 156px); line-height: .95; font-weight: 800; letter-spacing: -.09em; }
h1 span { color: #7b9cff; }
p { margin: 0; color: #b1bad0; font-size: clamp(15px, 2.5vw, 19px); }
.status { display: inline-flex; align-items: center; gap: 10px; margin-top: 42px; padding: 11px 15px; border: 1px solid #30394d; border-radius: 999px; color: #aeb9d2; font-size: 10px; font-weight: 700; letter-spacing: .16em; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: #7b9cff; box-shadow: 0 0 14px #7b9cff; }
.glow { position: absolute; width: min(70vw, 650px); aspect-ratio: 1; border-radius: 50%; background: #4669c2; opacity: .12; filter: blur(110px); }