* { box-sizing: border-box; }
:root { color-scheme: dark; --bg:#06101f; --panel:#0d2139; --line:#1f4a69; --text:#eef7ff; --muted:#9eb5c7; --cyan:#4adeff; --orange:#ff9a3d; }
body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(circle at 70% 20%, #123d60 0, transparent 35%), linear-gradient(135deg, #06101f 0%, #07172a 55%, #040812 100%); color:var(--text); min-height:100vh; }
a { color:var(--cyan); text-decoration:none; }
.page { width:min(1120px, calc(100% - 32px)); margin:0 auto; padding:28px 0 56px; }
.nav { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:72px; }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); font-weight:800; letter-spacing:.01em; }
.brand img { width:42px; height:42px; border-radius:50%; }
.hero { display:grid; grid-template-columns: 1.15fr .85fr; gap:56px; align-items:center; }
.eyebrow { color:var(--orange); text-transform:uppercase; letter-spacing:.18em; font-size:.78rem; font-weight:800; }
h1 { font-size:clamp(2.7rem, 7vw, 6.4rem); line-height:.92; letter-spacing:-.07em; margin:.1em 0 .25em; max-width:820px; }
.lede { color:var(--muted); font-size:clamp(1.08rem, 2vw, 1.35rem); line-height:1.55; max-width:680px; }
.signup { display:flex; gap:10px; max-width:620px; margin:32px 0 10px; }
input, button { border:0; border-radius:999px; font:inherit; }
input[type=email] { flex:1; padding:17px 20px; color:#05101f; background:#f4fbff; outline:2px solid transparent; }
input[type=email]:focus { outline-color:var(--cyan); }
button { padding:17px 24px; background:linear-gradient(135deg, var(--orange), #ffc15d); color:#081220; font-weight:900; cursor:pointer; white-space:nowrap; }
button:disabled { opacity:.7; cursor:wait; }
.status { min-height:1.5em; color:var(--cyan); font-weight:700; }
.status.error { color:#ff7d7d; }
.microcopy { color:#7f9aae; font-size:.92rem; max-width:620px; line-height:1.5; }
.hero-card { justify-self:center; border:1px solid rgba(74,222,255,.35); background:rgba(13,33,57,.72); border-radius:34px; padding:22px; box-shadow: 0 30px 90px rgba(0,0,0,.45), 0 0 80px rgba(74,222,255,.12); }
.hero-card img { width:min(380px, 78vw); border-radius:26px; display:block; }
.grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; margin-top:80px; }
.grid article { border:1px solid rgba(74,222,255,.22); background:rgba(9,26,47,.62); border-radius:24px; padding:26px; }
.grid h2 { margin:0 0 10px; }
.grid p { color:var(--muted); line-height:1.55; margin:0; }
.hp, .sr-only { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
@media (max-width: 820px) { .nav { margin-bottom:42px; } .hero { grid-template-columns:1fr; gap:28px; } .hero-card { order:-1; } .signup { flex-direction:column; } .grid { grid-template-columns:1fr; margin-top:44px; } }