:root{
  --bg:#0b1220;--bg-2:#141d33;--fg:#eef2ff;--muted:#a3adc8;--accent:#f6d751;--accent-2:#e6ad10;--accent-fg:#1a1200;--line:rgba(255,255,255,.1);
}
@media (prefers-color-scheme: light){
  :root{--bg:#f7f8fc;--bg-2:#ffffff;--fg:#0f172a;--muted:#55607a;--accent:#e6ad10;--accent-2:#c98a0a;--accent-fg:#1a1200;--line:rgba(15,23,42,.1)}
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font:16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fg);
  background:radial-gradient(1200px 600px at 80% -10%,var(--bg-2),transparent 60%),var(--bg);
  display:flex;flex-direction:column;min-height:100vh}
a{color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.top,.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;max-width:1080px;width:100%;margin:0 auto}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand-img{display:block;height:44px;width:auto}
.hero{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1080px;width:100%;margin:0 auto;padding:40px 24px 72px}
.hero-title{margin:0 0 28px -6px;line-height:0}
.hero-logo{display:block;width:min(480px,86vw);height:auto}
.eyebrow{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.lede{max-width:560px;margin:0;font-size:18px;color:var(--muted)}
.actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;padding:12px 20px;border-radius:10px;font-weight:600;text-decoration:none;border:1px solid var(--line);transition:transform .12s ease,filter .12s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-fg);border-color:transparent}
.btn-ghost{background:transparent}
.foot{border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.foot a{text-decoration:none}
@media (max-width:480px){.top,.foot{padding:12px 16px}.hero{padding:28px 16px 56px}.brand-img{height:36px}}