:root {
  color-scheme: light;
  --font-family-global: Inter, Montserrat, "Segoe UI", Arial, sans-serif;
  --bs-font-sans-serif: var(--font-family-global);
  --bs-body-font-family: var(--font-family-global);
  --blue: #21376b;
  --red: #e61b1e;
  --yellow: #faba16;
  --gray: #464445;
  --white: #fff;
  --light: #f3f4f6;
  --line: #d8dce4;
  --ink: #1b2541;
  --dark-bg: #0b1220;
  --dark-surface: #121c2f;
  --dark-surface-soft: #19253b;
  --dark-line: #33415d;
  --dark-text: #f4f7fc;
  --dark-muted: #b8c2d4;
  --max: 1220px;
  --header: 84px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 94px; background: #fff; }
body { margin: 0; background: var(--white); color: var(--ink); font-family: var(--font-family-global); font-size: 16px; line-height: 1.65; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; font-family: var(--font-family-global); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-family-global); }
.container { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 1000; top: -60px; left: 16px; padding: 10px 16px; background: var(--yellow); color: var(--blue); font-weight: 800; }
.skip-link:focus { top: 10px; }
.brand { display: flex; align-items: center; min-width: max-content; }
.brand picture { display: block; width: 100%; }
.brand-logo { display: block; width: 104px; height: auto; }
.btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 11px 20px; border: 2px solid currentColor; border-radius: 3px; font-weight: 800; text-align: center; cursor: pointer; transition: transform .15s ease, background-color .15s ease, color .15s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-red { border-color: var(--red); background: var(--red); color: var(--white); }
.btn-red:hover { border-color: #b71316; background: #b71316; }
.btn-yellow { border-color: var(--yellow); background: var(--yellow); color: var(--blue); }
.btn-yellow:hover { border-color: var(--white); background: var(--white); }
.btn-blue { border-color: var(--blue); background: var(--blue); color: var(--white); }
.btn-blue:hover { border-color: var(--red); background: var(--red); }
.btn-outline-light { border-color: var(--white); background: var(--blue); color: var(--white); }
.btn-outline-light:hover { background: var(--white); color: var(--blue); }
.eyebrow { margin: 0 0 12px; color: var(--red); font-size: .76rem; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow-light { color: var(--yellow); }

@media (max-width: 820px) {
  :root { --header: 72px; }
  .container { width: min(var(--max), calc(100% - 30px)); }
}
@media (max-width: 560px) {
  body { font-size: 16px; }
  .container { width: min(var(--max), calc(100% - 24px)); }
  .brand-logo { width: 86px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn { transition: none; }
}
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; }
  html { background: var(--dark-bg); }
  body { background: var(--dark-bg); color: var(--dark-text); }
}