@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Inter:wght@400;500;600;700;800&display=swap");

html.inavmModernHtml {
  min-height: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
}

body.inavmModernShell {
  --modern-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --modern-font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --modern-ink: #10283C;
  --modern-ink-soft: #3C5871;
  --modern-ink-muted: #5B748B;
  --modern-brand: #2C75AF;
  --modern-brand-deep: #1D5A8C;
  --modern-brand-soft: #E7F1F9;
  --modern-action: #0F7A3F;
  --modern-action-hover: #0B6535;
  --modern-positive: #17934F;
  --modern-positive-soft: #ECF9F1;
  --modern-surface: #FFFFFF;
  --modern-surface-subtle: #F3F8FC;
  --modern-surface-positive: #E8F7EE;
  --modern-line: #D7E5F0;
  --modern-danger: #B42318;
  --modern-warning: #B76B00;
  --modern-gold: #F5A81C;
  --modern-gold-soft: #FFF8DF;
  --modern-radius-lg: 20px;
  --modern-radius-md: 14px;
  --modern-radius-sm: 10px;
  --modern-radius-pill: 999px;
  --modern-shadow-sm: 0 1px 2px rgba(16, 40, 60, .06), 0 4px 14px rgba(16, 40, 60, .07);
  --modern-shadow-md: 0 2px 4px rgba(16, 40, 60, .06), 0 14px 34px rgba(16, 40, 60, .12);
  --modern-shadow-action: 0 8px 22px rgba(15, 122, 63, .28);
  --modern-emphasis-quiet-surface: var(--modern-surface);
  --modern-emphasis-quiet-border: var(--modern-line);
  --modern-emphasis-hover-surface: var(--modern-brand-soft);
  --modern-emphasis-strong-border: var(--modern-brand);
  --modern-emphasis-active-shadow: var(--modern-shadow-sm);
  --modern-space-1: 4px;
  --modern-space-2: 8px;
  --modern-space-3: 12px;
  --modern-space-4: 16px;
  --modern-space-5: 24px;
  --modern-space-6: 32px;
  --modern-space-7: 48px;
  --modern-form-measure: 820px;
  --modern-content-measure: 700px;
  --modern-shell-measure: var(--modern-form-measure);
  --modern-shell-gutter: 16px;
  --modern-control-height: 48px;
  --modern-control-height-compact: 44px;
  --modern-row-height-compact: 54px;

  /* Transitional aliases for the existing homepage while it adopts the shared contract. */
  --ink: var(--modern-ink);
  --ink-soft: var(--modern-ink-soft);
  --ink-mute: var(--modern-ink-muted);
  --brand: var(--modern-brand);
  --brand-deep: var(--modern-brand-deep);
  --brand-ghost: var(--modern-brand-soft);
  --sky: var(--modern-surface-subtle);
  --line: var(--modern-line);
  --go: var(--modern-positive);
  --go-deep: var(--modern-action);
  --sun: var(--modern-gold);
  --danger: var(--modern-danger);
  --warning: var(--modern-warning);
  --r-lg: clamp(14px, 2vw, 20px);
  --r-md: clamp(10px, 1.6vw, 14px);
  --r-pill: var(--modern-radius-pill);
  --shadow-sm: var(--modern-shadow-sm);
  --shadow-md: var(--modern-shadow-md);
  --shadow-cta: var(--modern-shadow-action);
  --wrap: 1160px;
  --gutter: clamp(16px, 4vw, 26px);
  --sec-pad: clamp(48px, 7.5vw, 84px);
  --card-pad: clamp(18px, 2.6vw, 28px);
  --gap: clamp(14px, 2.2vw, 22px);
  --fs-0: clamp(.78rem, .74rem + .2vw, .86rem);
  --fs-1: clamp(.86rem, .82rem + .25vw, .95rem);
  --fs-2: clamp(.95rem, .9rem + .3vw, 1.05rem);
  --fs-3: clamp(1.02rem, .95rem + .4vw, 1.18rem);
  --fs-h3: clamp(1.05rem, 1rem + .4vw, 1.2rem);
  --fs-h2: clamp(1.55rem, 1.15rem + 2vw, 2.35rem);
  --fs-h1: clamp(1.9rem, 1.2rem + 3.4vw, 3.4rem);
  margin: 0;
  color: var(--modern-ink);
  font-family: var(--modern-font-sans);
  font-size: var(--fs-2);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

body.inavmModernShell *,
body.inavmModernShell *::before,
body.inavmModernShell *::after {
  box-sizing: border-box;
}

/* The homepage uses an explicit spacing system. Keep its reset below the
   shared tokens so reusable components loaded afterwards can restore their
   own intentional margins. */
:where(body.inavmHomeNewPage *) {
  margin: 0;
}

body.inavmModernShell h1,
body.inavmModernShell h2,
body.inavmModernShell h3 {
  color: var(--modern-ink);
  font-family: var(--modern-font-display);
  line-height: 1.14;
  letter-spacing: 0;
  overflow-wrap: break-word;
}

:where(body.inavmModernShell) :where(button, input, select, textarea) {
  font: inherit;
}

:where(body.inavmModernShell) :where(a) {
  color: var(--modern-brand-deep);
  text-decoration: none;
}

:where(body.inavmModernShell) :where(a:hover) {
  text-decoration: underline;
}

:where(body.inavmModernShell) :where(img, svg) {
  max-width: 100%;
}

:where(body.inavmModernShell) :focus-visible {
  outline: 3px solid var(--modern-brand);
  outline-offset: 2px;
  border-radius: 6px;
}

@media (max-width: 768px) {
  body.inavmModernShell {
    --modern-shell-gutter: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.inavmModernHtml {
    scroll-behavior: auto;
  }

  body.inavmModernShell *,
  body.inavmModernShell *::before,
  body.inavmModernShell *::after {
    animation: none !important;
    transition: none !important;
  }
}

@media (min-width: 1600px) {
  body.inavmModernShell {
    --wrap: 1240px;
    font-size: 1.06rem;
  }
}