/* Redesign: the mega menu as a floating pill header. Loaded after /assets/mega-navigation.css.
   Behaviour (menus, drawer, tracking) is unchanged; this only restyles the bar. Light theme only. */
body header.nm-header {
  --nm-ink: #0f1420; --nm-muted: #5a6272; --nm-line: #e3e6f0; --nm-soft: #f1f3fc;
  --nm-accent: #4353b3; --nm-accent-soft: #f1f3fc;
  background: transparent; border-bottom: 0; padding: 14px 0;
  font-family: Poppins, ui-sans-serif, system-ui, sans-serif; font-size: 14px;
  transition: padding 250ms cubic-bezier(0.2, 0, 0, 1), background 250ms;
}
body header.nm-header.nx-scrolled { padding: 8px 0; background: #ffffff; border-bottom: 1px solid #e3e6f0; }
.nm-header .nm-bar {
  max-width: 1232px; width: calc(100% - 80px); margin: 0 auto; padding: 0 12px 0 24px; height: 64px;
  background: #ffffff; border: 1px solid #e3e6f0; border-radius: 9999px;
  transition: box-shadow 250ms;
}
.nm-header.nx-scrolled .nm-bar { box-shadow: 0 1px 2px rgba(15, 20, 32, 0.06); }
.nm-header .nm-logo img { height: 26px; width: auto; }
.nm-header .nm-trigger, .nm-header .nm-link { border-radius: 9999px; font-weight: 600; color: #0f1420; }
.nm-header .nm-trigger:hover, .nm-header .nm-trigger.is-open, .nm-header .nm-link:hover { background: #f1f3fc; }
.nm-header .nm-trigger.is-current { color: #4353b3; }
.nm-header .nm-cta {
  display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px;
  border-radius: 9999px; background: #4353b3; color: #ffffff; font-weight: 600; border: 0;
}
.nm-header .nm-cta:hover { background: #34428f; color: #ffffff; }
.nm-header .nm-cta::after { content: ""; width: 14px; height: 14px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 250ms cubic-bezier(0.2, 0.8, 0.2, 1); }
.nm-header .nm-cta:hover::after { transform: translateX(3px); }
/* Mega panels drop below the pill with rounded corners */
.nm-header .nm-panel { top: calc(100% + 8px); left: 50%; right: auto; transform: translateX(-50%); width: min(1232px, calc(100% - 80px));
  border: 1px solid #e3e6f0; border-radius: 20px; box-shadow: 0 1px 2px rgba(15, 20, 32, 0.06), 0 8px 24px -8px rgba(15, 20, 32, 0.16); overflow: hidden auto; }
.nm-header .nm-footer { border-radius: 0 0 20px 20px; }
.nm-header .nm-aside-cta { border-radius: 9999px; }
.nm-header .nm-item-link { border-radius: 12px; }
.nm-header .nm-item-link:hover { background: #f1f3fc; }
@media (max-width: 1080px) {
  .nm-header .nm-bar { width: calc(100% - 32px); height: 60px; padding: 0 8px 0 18px; }
  .nm-header .nm-toggle { border-radius: 9999px; border-color: #cdd2e3; font-weight: 600; }
  .nm-mobile-open .nm-bar { border-radius: 20px 20px 0 0; }
  .nm-mobile-open .nm-drawer { inset: 74px 16px 16px; border: 1px solid #e3e6f0; border-top: 0; border-radius: 0 0 20px 20px; }
  .nm-header .nm-panel { left: 0; transform: none; width: auto; border-radius: 12px; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) { body header.nm-header, .nm-header .nm-bar, .nm-header .nm-cta::after { transition: none; } }