:root {
  color-scheme: light;
  font-family: "Instrument Sans", system-ui, sans-serif;
  color: #122530;
  background: #edf1f2;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #2b50e8; text-underline-offset: 4px; }
a:hover { color: #122530; }
.site-header, main, .site-footer { max-width: 1360px; margin: auto; padding: 24px clamp(20px, 4vw, 40px); }
.site-header, .site-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.site-header nav, .site-footer nav { display: flex; align-items: center; gap: clamp(16px, 3vw, 40px); flex-wrap: wrap; }
.site-header a, .site-footer a { color: inherit; text-decoration: none; }
.brand { color: #122530; font-family: "Archivo", "Instrument Sans", system-ui, sans-serif; font-stretch: 125%; font-size: 28px; font-weight: 800; letter-spacing: -.02em; min-height: 44px; display: inline-flex; align-items: center; }
.brand span { color: #2b50e8; }
.site-header nav a, .site-footer nav a { position: relative; display: inline-flex; align-items: center; min-height: 44px; font: 500 13px/1 "JetBrains Mono", ui-monospace, monospace; text-transform: uppercase; letter-spacing: .1em; color: #122530; }
.site-header nav a::after, .site-footer nav a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 8px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .45s cubic-bezier(.16,1,.3,1); }
.site-header nav a:hover::after, .site-footer nav a:hover::after, .site-header nav a[aria-current="page"]::after { transform: scaleX(1); transform-origin: left; }
.site-header nav a[aria-current="page"] { color: #2b50e8; }
.site-header a:focus-visible, .site-footer a:focus-visible { outline: 2px solid #2b50e8; outline-offset: 4px; }
.site-header a:hover, .site-footer a:hover { color: #2b50e8; }
main { padding-top: clamp(56px, 9vw, 104px); padding-bottom: 80px; }
.eyebrow { color: #566972; font: 500 13px/1.5 system-ui, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
h1 { max-width: 900px; margin: 18px 0; font-size: clamp(42px, 8vw, 84px); line-height: 1; letter-spacing: -.055em; }
h2 { margin: 42px 0 12px; font-size: clamp(24px, 4vw, 36px); line-height: 1.15; letter-spacing: -.03em; }
p, li { max-width: 720px; color: #33474f; font-size: 18px; line-height: 1.65; }
ul { padding-left: 24px; }
.site-footer { border-top: 1px solid #cbd5d8; color: #566972; }
@media (max-width: 540px) { .site-header, .site-footer { align-items: flex-start; flex-direction: column; gap: 8px; } }
.byline { color: #566972; font: 500 14px/1.5 system-ui, sans-serif; margin: 0 0 28px; }
.cta { margin-top: 48px; padding: 28px; background: #fff; border: 1px solid #cbd5d8; border-radius: 16px; max-width: 720px; }
.cta p { margin: 0 0 12px; }
.crumbs { color: #566972; font: 500 14px/1.5 system-ui, sans-serif; margin-bottom: 8px; }