@font-face { font-family: Montserrat; font-style: normal; font-weight: 700; font-display: swap; src: url('/brand/montserrat-700.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap; src: url('/brand/roboto-400.ttf') format('truetype'); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-display: swap; src: url('/brand/roboto-500.ttf') format('truetype'); }
:root {
  color-scheme: light;
  --teal: #00677c;
  --teal-bright: #00778d;
  --teal-dark: #064a58;
  --lime: #8bb822;
  --ink: #35464b;
  --muted: #65777c;
  --line: #dce7e8;
  --surface: #f5f8f8;
  font-family: Roboto, 'Segoe UI', sans-serif;
  color: var(--ink);
  background: #fff;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
button, input, select, textarea { font: inherit; }
button, a, textarea, input, select { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
button:disabled { cursor: wait; opacity: .55; }
a { color: var(--teal); text-underline-offset: 4px; }
:focus-visible { outline: 3px solid var(--teal-bright); outline-offset: 4px; }
::selection { background: #e2edc4; color: var(--teal-dark); }
h1, h2, h3 { font-family: Montserrat, 'Segoe UI', sans-serif; color: var(--teal); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }