:root {
  --navy: #071a36;
  --navy-deep: #031126;
  --blue: #2b63ff;
  --blue-bright: #4d7cff;
  --paper: #f8f8f5;
  --white: #ffffff;
  --ink: #0b1b35;
  --muted: #6c7583;
  --line: rgba(11, 27, 53, .14);
  --line-light: rgba(255,255,255,.18);
  --font: "Plus Jakarta Sans", Arial, sans-serif;
  --container: min(1240px, calc(100% - 96px));
  --ease: cubic-bezier(.22, 1, .36, 1);
  --radius: 3px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font); font-size: 16px; line-height: 1.55; text-rendering: optimizeLegibility; }
button, input { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--blue); color: #fff; }
.container { width: var(--container); margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; top: -4rem; left: 1rem; background: #fff; color: var(--navy); padding: .8rem 1rem; font-weight: 700; transition: top .2s; }
.skip-link:focus { top: 1rem; }