@font-face{font-family:Geist;font-weight:400;font-display:swap;src:url(/fonts/geist-400.woff2) format("woff2")}
@font-face{font-family:Geist;font-weight:500;font-display:swap;src:url(/fonts/geist-500.woff2) format("woff2")}
@font-face{font-family:Geist;font-weight:600;font-display:swap;src:url(/fonts/geist-600.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-weight:400;font-display:swap;src:url(/fonts/geistmono-400.woff2) format("woff2")}

:root{
  --bg:#fbfbfa;--panel:#fff;--ink:#17191d;--mute:#6a707a;--faint:#9aa0aa;
  --line:#e7e8ec;--accent:#0a54c6;--accent-d:#0847a8;--ok:#0a7a41;
  --wash:#eef3fc;--mono:"Geist Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.6 Geist,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#cadcfa}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
a{color:var(--accent);text-underline-offset:3px}
.page{max-width:940px;margin:0 auto;padding:0 28px}

/* nav */
.top{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);
  backdrop-filter:saturate(1.3) blur(8px);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:16px;
  letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.brand svg{width:19px;height:19px;display:block}
.links{display:flex;gap:6px;align-items:center}
.links a{color:var(--mute);text-decoration:none;font-size:14.5px;padding:7px 13px;border-radius:7px}
.links a:hover{color:var(--ink);background:#f0f1f4}
.links a.on{color:var(--ink);background:#eef0f3}
.links a.cta{color:#fff;background:var(--accent);padding:8px 15px}
.links a.cta:hover{background:var(--accent-d)}

/* footer */
.foot{border-top:1px solid var(--line);margin-top:80px}
.foot-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;
  padding:26px 0;font-family:var(--mono);font-size:12.5px;color:var(--faint)}
.foot-in>:first-child{justify-self:start}
.foot-in>:last-child{justify-self:end}
.foot-in a{color:var(--mute);text-decoration:none}
.foot-in a:hover{color:var(--ink)}
.foot-nav{justify-self:center;display:flex;gap:18px}
@media(max-width:620px){
  .foot-in{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px}
  .foot-in>:first-child,.foot-in>:last-child{justify-self:center}
}

/* headings / shared bits */
.eyebrow{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.03em;
  text-transform:uppercase;margin:0 0 14px}
h1{font-size:clamp(30px,4.6vw,46px);line-height:1.06;font-weight:600;
  letter-spacing:-.03em;margin:0 0 18px}
h2{font-size:23px;font-weight:600;letter-spacing:-.018em;margin:0 0 12px}
.lead{color:var(--mute);font-size:17px;margin:0;max-width:60ch}
.lead b{color:var(--ink);font-weight:500}
.mono{font-family:var(--mono)}

@media(max-width:620px){
  .page{padding:0 20px}
  .links a:not(.cta){display:none}
}

/* Shared layout and accessibility */
@font-face{font-family:"Geist Mono";font-weight:500;font-display:swap;src:url(/fonts/geistmono-500.woff2) format("woff2")}
:root{--mute:#626c7a;--faint:#707c8d;--line:#e3e7ed}
body{min-height:100svh;display:flex;flex-direction:column}
main{width:100%;flex:1}
.page{max-width:1040px;padding-left:28px;padding-right:28px}
.nav,.foot-in{max-width:1160px}
.nav{height:74px}
.brand{font-size:21px;gap:9px;letter-spacing:-.055em}
.brand svg{width:22px;height:22px}
.links{gap:10px}
.links a{font-size:13px;padding:8px 12px}
.links a.on{background:transparent;color:var(--ink)}
.links a.cta{padding:9px 15px;border:1px solid #dae0e9;background:#fff;color:var(--ink)}
.links a.cta:hover{background:var(--wash);border-color:#afc3e0}
.foot{margin-top:70px}
.foot-in{padding:25px 28px;font-size:11px;min-height:78px}
.skip-link{position:fixed;left:16px;top:12px;z-index:100;padding:10px 16px;background:var(--accent);color:#fff;border-radius:6px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
button,input,textarea,select{-webkit-tap-highlight-color:transparent}
@media(max-width:780px){.nav{height:66px}.page{padding-left:24px;padding-right:24px}.foot{margin-top:48px}.foot-in{padding-top:24px;padding-bottom:24px}}
@media(max-width:620px){.links{gap:2px}.links a:not(.cta){display:block}.links a[href="/"]{display:none}.links a{font-size:12px;padding:8px 9px}.links a.cta{padding:8px 11px}.brand{font-size:20px}}
@media(max-width:380px){.page{padding-left:20px;padding-right:20px}.links a{font-size:11px}.links a.cta{padding:7px 9px}.brand{font-size:19px;gap:6px}.brand svg{width:19px}.links{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}