/* Hianma commercial navigation — single, clean active treatment.
 * Desktop only. Keep one shared active indicator and neutralise legacy
 * hover/active pills, duplicate underlines and vertical link movement.
 */

@media (min-width: 1121px) {
  html body .hm-marketing .hm-header .hm-nav {
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
  }

  /* Keep the historical five-item desktop menu. Hidden navigation targets
     still exist in React for scroll tracking, but must not render as menu links. */
  html body .hm-marketing .hm-header .hm-nav > a {
    position: relative !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: max-content !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5f6e83 !important;
    font-size: .94rem !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  html body .hm-marketing .hm-header .hm-nav > a:nth-child(1),
  html body .hm-marketing .hm-header .hm-nav > a:nth-child(3),
  html body .hm-marketing .hm-header .hm-nav > a:nth-child(8),
  html body .hm-marketing .hm-header .hm-nav > a:nth-child(10),
  html body .hm-marketing .hm-header .hm-nav > a:nth-child(13) {
    display: inline-flex !important;
  }

  html body .hm-marketing .hm-header .hm-nav > a.is-active {
    background: transparent !important;
    box-shadow: none !important;
    color: #0b1a33 !important;
  }

  html body .hm-marketing .hm-header .hm-nav > a:hover,
  html body .hm-marketing .hm-header .hm-nav > a:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
    color: #2563eb !important;
    transform: none !important;
  }

  /* Remove every legacy per-link underline. The GSAP indicator below is the
     only line allowed in the desktop navigation. */
  html body .hm-marketing .hm-header .hm-nav > a::after,
  html body .hm-marketing .hm-header .hm-nav > a:hover::after,
  html body .hm-marketing .hm-header .hm-nav > a:focus-visible::after,
  html body .hm-marketing .hm-header .hm-nav > a.is-active::after {
    content: none !important;
    display: none !important;
  }

  html body .hm-marketing .hm-header .hm-nav-indicator {
    bottom: -4px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #1d4ed8 0%, #2563eb 62%, #60a5fa 100%) !important;
    box-shadow: 0 2px 7px rgba(37, 99, 235, .22) !important;
  }

  html body .hm-marketing .hm-header .hm-nav-indicator::after {
    content: none !important;
    display: none !important;
  }

  /* Keyboard-only focus remains visible without introducing a filled pill. */
  html body .hm-marketing .hm-header .hm-nav > a:focus-visible {
    outline: 2px solid rgba(37, 99, 235, .28) !important;
    outline-offset: 4px !important;
  }
}

@media (min-width: 1121px) and (max-width: 1365px) {
  html body .hm-marketing .hm-header .hm-nav > a {
    font-size: .74rem !important;
  }
}