@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0f1923;--blue:#1a6ef5;--blue-h:#3d85ff;
  --border:#dde6ef;--text:#0f1923;--muted:#5a7089;--dim:#8fa5ba;
  --white:#fff;--bg:#f0f6fb;
  --font:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'Geist Mono',monospace;
}
html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text)}

/* ── HEADER ── */
header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:1000}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-mark{width:32px;height:32px;background:var(--blue);border-radius:8px;display:flex;align-items:center;justify-content:center}
.logo-mark svg{width:18px;height:18px}
.logo-name{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.01em}
.logo-name span{color:#5ba3ff}
nav{display:flex;align-items:center;gap:2px}
nav a{color:#8aaabf;text-decoration:none;font-size:13px;padding:6px 12px;border-radius:6px;transition:color .15s,background .15s}
nav a:hover,nav a.active{color:#fff;background:rgba(255,255,255,.1)}
nav a.active{color:#fff}
.nav-cta{background:var(--blue)!important;color:#fff!important;font-weight:500!important;margin-left:6px}
.nav-cta:hover{background:var(--blue-h)!important}

/* ── FOOTER ── */
.site-footer{background:var(--navy);color:#8aaabf;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;font-size:12px}
.site-footer a{color:#8aaabf;text-decoration:none;transition:color .15s}
.site-footer a:hover{color:#fff}
.footer-links{display:flex;gap:20px}