:root{
  --bg:#F4F6F9; --bg-2:#E9EEF4; --card:#FFFFFF;
  --navy:#0A1F3C; --navy-2:#102A4C; --blue:#1A4B84; --blue-2:#2E6DB4; --sky:#DCE7F3;
  --ink:#0C1726; --ink-2:#2B3A4F; --muted:#64748B; --line:#DCE3EC;
  --signal:#1F9D6B; --warn:#C27C1B; --off:#94A3B8;
  --radius:18px; --shadow:0 1px 2px rgba(10,31,60,.05),0 10px 30px rgba(10,31,60,.07);
  --serif:"Instrument Serif",Georgia,serif; --sans:Inter,system-ui,-apple-system,Segoe UI,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:12px}
.brand svg{width:34px;height:34px;flex:none;border-radius:7px}
.brand b{display:block;font-weight:700;letter-spacing:.14em;font-size:13px;text-transform:uppercase;color:var(--navy)}
.brand small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.btn{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:15px 24px;border-radius:12px;border:1px solid var(--navy);transition:transform .2s,box-shadow .2s,background .2s,color .2s;cursor:pointer;font-family:var(--sans)}
.btn svg{width:16px;height:16px;transition:transform .2s}
.btn:hover svg{transform:translateX(3px)}
.btn.primary{background:var(--navy);color:#fff}
.btn.primary:hover{background:var(--blue);border-color:var(--blue);box-shadow:0 10px 30px rgba(10,31,60,.25);transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.7);color:var(--navy)}
.btn.ghost:hover{background:#fff;transform:translateY(-1px)}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-2)}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--navy)}
h1 em,h2 em{font-style:italic;color:var(--blue-2)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}