:root {
  --mn-blue: #192B38;
  --mn-graphite: #303A43;
  --mn-white: #F5F6F4;
  --mn-orange: #E28A4A;
  --mn-steel: #DDE2E4;
  --mn-topbar: #F8F8F8;
  --mn-text-on-dark: #F5F6F4;
  --mn-max: 1320px;
  --mn-gutter: clamp(22px, 6.7vw, 112px);
  --mn-font: 'Manrope', 'Inter', 'Segoe UI', Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--mn-graphite); background: #fff; font-family: var(--mn-font); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
img, svg { max-width: 100%; }
img { display: block; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
:focus-visible { outline: 3px solid var(--mn-orange); outline-offset: 4px; }
.mn-container { width: min(var(--mn-max), calc(100% - (var(--mn-gutter) * 2))); margin-inline: auto; }
.mn-icon { flex: none; display: inline-block; width: 21px; height: 21px; vertical-align: middle; }
.mn-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.mn-skip-link { position: fixed; top: 8px; left: 8px; z-index: 9999; background: white; color: var(--mn-blue); padding: 10px 20px; transform: translateY(-150%); }
.mn-skip-link:focus { transform: translateY(0); }
.mn-btn { min-height: 54px; padding: 13px 25px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; border: 1px solid transparent; border-radius: 4px; font-size: 15px; font-weight: 700; line-height: 1.25; white-space: nowrap; transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease; }
.mn-btn .mn-icon { width: 19px; height: 19px; }
.mn-btn:hover { transform: translateY(-1px); }
.mn-btn--primary { background: var(--mn-orange); color: #172634; }
.mn-btn--primary:hover { background: #f19a5a; color: var(--mn-blue); }
.mn-btn--outline { border-color: #e5edf0; color: #fff; background: rgba(25,43,56,.16); }
.mn-btn--outline:hover { background: rgba(255,255,255,.15); color: #fff; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }