/* Shared desktop header typography and sizing */
.nav {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.nav-inner {
  height: 72px !important;
}
.nav-links {
  gap: 30px !important;
}
.nav-links > a.nav-link,
.nav-dropdown-trigger,
.mp-about-trigger {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
}
.nav-links > a.nav-link.is-active,
.nav-dropdown-trigger.is-active,
.mp-about-trigger.is-active {
  font-weight: 500 !important;
}
.nav-links .lang-toggle,
.nav-links .lang-toggle-text {
  font-family: 'JetBrains Mono', 'IBM Plex Mono', monospace !important;
  font-size: 0.78rem !important;
}
.nav-links .btn,
.nav-links .btn-nav-cta,
.nav-links .btn-nav-contact {
  font-family: 'JetBrains Mono', 'IBM Plex Mono', monospace !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

/* Unified navigation behavior across every page */
.nav-dropdown, .mp-about-dropdown { position: relative; display: flex; align-items: center; }
.nav-dropdown-trigger, .mp-about-trigger {
  appearance: none; -webkit-appearance: none; border: 0; background: transparent;
  color: #0B132B !important; font: inherit; font-weight: 500; cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 0;
  line-height: 1.3; white-space: nowrap;
}
.nav-dropdown-trigger .chevron, .mp-about-trigger .chevron { font-size: .72em; transition: transform .2s ease; }
.nav-dropdown.is-open .chevron, .mp-about-dropdown.is-open .chevron { transform: rotate(180deg); }
.nav-dropdown-menu, .mp-about-menu {
  position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%) translateY(-4px);
  min-width: 245px; padding: 10px; border: 1px solid rgba(11,19,43,.10); border-radius: 14px;
  background: #FFFFFF !important; box-shadow: 0 18px 44px rgba(11,19,43,.14);
  opacity: 0; visibility: hidden; pointer-events: none; z-index: 9999;
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.nav-dropdown-menu a, .mp-about-menu a {
  display: flex !important; align-items: center; justify-content: space-between; gap: 16px;
  padding: 10px 12px !important; border: 0 !important; border-radius: 8px; color: #0B132B !important;
  font-size: .86rem !important; font-weight: 500 !important; text-decoration: none !important;
}
.nav-dropdown-menu a:hover, .mp-about-menu a:hover { background: #F4F5F7 !important; color: #4E7BFF !important; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown.is-open .nav-dropdown-menu,
.mp-about-dropdown:hover .mp-about-menu, .mp-about-dropdown.is-open .mp-about-menu {
  opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0);
}
.nav-dropdown-menu .sub-arrow, .mp-about-menu .sub-arrow { color: #4E7BFF; }

@media (max-width: 900px) {
  .nav { z-index: 9999 !important; overflow: visible !important; }
  .nav-inner { position: relative !important; }
  .nav-toggle { display: flex !important; position: relative; z-index: 10001; }
  .nav-links {
    position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important;
    width: 100% !important; background: #F7F8FA !important; color: #0B132B !important;
    flex-direction: column !important; align-items: stretch !important; gap: 0 !important;
    max-height: 0 !important; overflow: hidden !important; opacity: 1 !important;
    border-top: 1px solid rgba(11,19,43,.06) !important; border-bottom: 1px solid rgba(11,19,43,.12) !important;
    box-shadow: 0 16px 30px rgba(11,19,43,.12) !important;
    transition: max-height .32s ease !important;
  }
  .nav-links.open { max-height: calc(100dvh - 72px) !important; overflow-y: auto !important; overscroll-behavior: contain; padding-bottom: 18px; }
  .nav-links > a.nav-link {
    display: block !important; width: 100% !important; padding: 16px 24px !important; margin: 0 !important;
    color: #0B132B !important; background: transparent !important; border: 0 !important;
    border-bottom: 1px solid rgba(11,19,43,.07) !important; font-size: 1rem !important; font-weight: 500 !important;
  }
  .nav-links > a.nav-link.is-active { font-weight: 500 !important; box-shadow: inset 0 -3px 0 #72E5C0; }
  .nav-dropdown, .mp-about-dropdown { display: block !important; width: 100% !important; border-bottom: 1px solid rgba(11,19,43,.07); }
  .nav-dropdown-trigger, .mp-about-trigger {
    width: 100% !important; padding: 16px 24px !important; justify-content: space-between !important;
    color: #0B132B !important; font-size: 1rem !important; font-weight: 500 !important;
  }
  .nav-dropdown-trigger.is-active, .mp-about-trigger.is-active { font-weight: 500 !important; }
  .nav-dropdown-menu, .mp-about-menu {
    position: static !important; min-width: 0 !important; width: 100% !important; padding: 0 16px 10px 34px !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: #F1F3F5 !important;
    opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
    transform: none !important; display: none !important;
  }
  .nav-dropdown.is-open .nav-dropdown-menu, .mp-about-dropdown.is-open .mp-about-menu { display: block !important; }
  .nav-dropdown-menu a, .mp-about-menu a {
    padding: 11px 10px !important; color: #263248 !important; font-size: .9rem !important;
    border-bottom: 1px solid rgba(11,19,43,.05) !important; border-radius: 0 !important;
  }
  .nav-dropdown-menu a:first-child, .mp-about-menu a:first-child { font-weight: 700 !important; color: #0B132B !important; }
  .nav-links .lang-toggle, .nav-links .lang-toggle-text { margin: 18px 24px 12px !important; align-self: flex-start !important; }
  .nav-links .btn, .nav-links .btn-nav-cta, .nav-links .btn-nav-contact { margin: 0 24px 10px !important; align-self: flex-start !important; }
}