/* Site menu, shared by every page. Collapses to a hamburger below 960px. */
.mnav { background: #1B4332; border-bottom: 1px solid #2E5A46; position: sticky; top: 0; z-index: 50; font-family: 'Plus Jakarta Sans', -apple-system, 'Helvetica Neue', sans-serif; }
.mnav-in { height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 clamp(20px, 5vw, 48px); }
.mnav-logo { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: #fff; text-decoration: none; }
.mnav-logo span { color: #52B788; }
.mnav-menu { display: flex; align-items: center; gap: 28px; }
.mnav-menu a { font-size: 15px; font-weight: 500; color: #A9C4B6; text-decoration: none; transition: color .2s; }
.mnav-menu a:hover, .mnav-menu a[aria-current="page"] { color: #fff; }
.mnav-menu a.mnav-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 22px; border-radius: 999px; background: #52B788; color: #0F2A20; font-weight: 600; transition: background .2s; }
.mnav-menu a.mnav-cta:hover { background: #63c796; }
.mnav-toggle { display: none; }
.mnav a:focus-visible, .mnav-toggle:focus-visible { outline: 2px solid #52B788; outline-offset: 3px; }

@media (max-width: 960px) {
  .mnav-toggle { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 0 11px; border: 1px solid #2E5A46; border-radius: 12px; background: transparent; cursor: pointer; }
  .mnav-toggle span { display: block; height: 2px; border-radius: 1px; background: #fff; transition: transform .2s, opacity .2s; }
  .mnav.open .mnav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .mnav.open .mnav-toggle span:nth-child(2) { opacity: 0; }
  .mnav.open .mnav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .mnav-menu { display: none; position: absolute; top: 68px; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; padding: 4px clamp(20px, 5vw, 48px) 24px; background: #1B4332; border-bottom: 1px solid #2E5A46; box-shadow: 0 18px 36px rgba(0, 0, 0, .18); max-height: calc(100vh - 68px); overflow-y: auto; }
  .mnav.open .mnav-menu { display: flex; }
  .mnav-menu a { padding: 16px 0; font-size: 18px; color: #fff; border-bottom: 1px solid #2E5A46; }
  .mnav-menu a.mnav-cta { margin-top: 20px; min-height: 52px; border-bottom: 0; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .mnav * { transition: none !important; } }