:root{
  --ink:#16242C;
  --ink-soft:#3B4C55;
  --paper:#F3F6F7;
  --card:#FFFFFF;
  --blue:#2B5BE3;
  --blue-deep:#1E43AC;
  --amber:#FFAD1F;
  --line:#C9D3D8;
  --mono:'IBM Plex Mono',monospace;
  --body:'IBM Plex Sans',sans-serif;
  --disp:'Barlow Semi Condensed',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--blue);text-transform:uppercase;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--blue)}
h1,h2,h3{font-family:var(--disp);line-height:1.05;letter-spacing:-.005em}
a.btn,button.btn{font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;display:inline-block;padding:14px 26px;border:none;cursor:pointer}
.btn-primary{background:var(--amber);color:var(--ink)}
.btn-primary:hover{background:#ffbc45}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--paper)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
h1:focus{outline:none}