/* Minimal, responsive placeholder */
:root{
  --bg:#0f1115; --fg:#eaeef3; --muted:#9aa7b2; --accent:#8fd3ff;
  --card:#151924; --border:#1f2430;
}
:root.light{
  --bg:#f6f7fb; --fg:#14171c; --muted:#56606b; --accent:#005bbb;
  --card:#ffffff; --border:#e5e9ef;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell;
  background: radial-gradient(1200px 800px at 80% -10%, rgba(143,211,255,.15), transparent 60%), var(--bg);
  color:var(--fg);
}
.container{max-width:960px;margin:0 auto;padding:24px}
.nav{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.logo{height:28px}
.toggle{border:1px solid var(--border);background:var(--card);color:var(--fg);border-radius:999px;padding:8px 10px;cursor:pointer}
.hero{padding:12vh 0 8vh}
h1{font-size:clamp(44px,7vw,72px);line-height:1.05;margin:0 0 12px}
.tagline{font-size:clamp(16px,2.3vw,22px);color:var(--muted);max-width:58ch}
.cta{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:var(--accent);color:#001025;text-decoration:none;font-weight:600;letter-spacing:.2px}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}
.footer{border-top:1px dashed var(--border);margin-top:16vh;padding-top:16px;color:var(--muted);font-size:14px}