:root {
  --zmr-navy: #0d2d62;
  --zmr-orange: #f59a07;
  --zmr-sky: #ebf4ff;
  --zmr-white: #ffffff;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--zmr-white);
}

.global-quick-nav {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 0.75rem 1rem;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(13, 45, 98, 0.08);
}

.global-quick-nav__inner {
  max-width: 80rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.global-quick-nav__label {
  color: var(--zmr-navy);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.global-quick-nav__links {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.global-quick-nav__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: 0.45rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(13, 45, 98, 0.1);
  color: var(--zmr-navy);
  background: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 600;
  transition: border-color 160ms ease, color 160ms ease, background-color 160ms ease;
}

.global-quick-nav__link:hover {
  border-color: rgba(245, 154, 7, 0.45);
  color: var(--zmr-orange);
}

.global-quick-nav__link.is-active {
  border-color: transparent;
  color: #0f172a;
  background: linear-gradient(135deg, rgba(245, 154, 7, 0.98), rgba(255, 190, 77, 0.94));
}

@media (max-width: 640px) {
  .global-quick-nav {
    padding-inline: 0.75rem;
  }

  .global-quick-nav__inner {
    align-items: flex-start;
  }

  .global-quick-nav__label {
    width: 100%;
  }
}

.text-brand\.navy {
  color: var(--zmr-navy) !important;
}

.text-brand\.orange {
  color: var(--zmr-orange) !important;
}

.bg-brand\.navy {
  background-color: var(--zmr-navy) !important;
}

.bg-brand\.orange {
  background-color: var(--zmr-orange) !important;
}

.bg-brand\.sky {
  background-color: var(--zmr-sky) !important;
}

.border-brand\.orange\/30 {
  border-color: rgba(245, 154, 7, 0.3) !important;
}

.border-brand\.orange\/40 {
  border-color: rgba(245, 154, 7, 0.4) !important;
}

.hover\:text-brand\.orange:hover {
  color: var(--zmr-orange) !important;
}

.hover\:border-brand\.orange:hover {
  border-color: var(--zmr-orange) !important;
}

.hover\:border-brand\.orange\/40:hover {
  border-color: rgba(245, 154, 7, 0.4) !important;
}

.focus\:border-brand\.orange:focus {
  border-color: var(--zmr-orange) !important;
}

.ring-brand\.orange\/30 {
  --tw-ring-color: rgba(245, 154, 7, 0.3) !important;
}

details[open].open\:border-brand\.orange\/40 {
  border-color: rgba(245, 154, 7, 0.4) !important;
}

.from-brand\.orange {
  --tw-gradient-from: var(--zmr-orange) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(245, 154, 7, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.from-brand\.navy {
  --tw-gradient-from: var(--zmr-navy) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(13, 45, 98, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}