@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@500&display=swap');

:root{
  --ink:#1C1730;
  --ink-2:#241D3D;
  --purple:#5B2A99;
  --purple-deep:#3C1C66;
  --purple-bright:#8B5FD1;
  --pitch:#2E7D4F;
  --pitch-bright:#3FA06A;
  --gold:#C9A227;
  --chalk:#F7F5F1;
  --chalk-dim:#EAE5DC;
  --line:rgba(247,245,241,0.14);
  --line-dark:rgba(28,23,48,0.12);
  --text-onlight:#221C33;
  --text-onlight-muted:#665F79;
  --text-ondark:#F7F5F1;
  --text-ondark-muted:#B6ADC9;
  --display: 'Oswald', sans-serif;
  --body: 'Inter', sans-serif;
  --mono: 'IBM Plex Mono', monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--body);
  background:var(--chalk);
  color:var(--text-onlight);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;}
.eyebrow{
  font-family:var(--mono);
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px;}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
}
:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}

.site-nav{
  position:sticky; top:0; z-index:20;
  background:var(--ink); border-bottom:1px solid var(--line);
}
.site-nav .wrap{display:flex; align-items:center; justify-content:space-between; height:80px;}
.site-nav .brand{display:flex; align-items:center; gap:10px; background:#fff; padding:8px 16px; border-radius:10px;}
.site-nav .brand img{height:42px; width:auto; display:block;}
.site-nav .links{display:flex; gap:4px; list-style:none; margin:0; padding:0;}
.site-nav .links a, .site-nav .links span{
  display:flex; align-items:center; gap:6px;
  font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase;
  padding:8px 14px; border-radius:99px; color:var(--text-ondark-muted); text-decoration:none;
}
.site-nav .links a:hover{color:var(--text-ondark); background:rgba(247,245,241,0.06);}
.site-nav .links a.active{color:var(--ink); background:var(--gold);}
.site-nav .links .soon{opacity:.5; cursor:default;}
.site-nav .links .soon .tag{font-size:9px; background:rgba(247,245,241,0.12); padding:2px 6px; border-radius:99px;}