/* One shared header-menu system, sized to the compact Reseller navigation. */
@font-face { font-family: "WebHail Nav"; src: url("/fonts/inter-variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
.wh-matched-header { background: #ffffffed; border-top: 0; border-bottom: 1px solid #dfe5ef; box-shadow: 0 6px 24px -18px #0f173c66; }
.wh-matched-header :is(.header-inner,.l-nav-in) { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: min(1240px,100%); max-width: 1240px; margin-inline: auto; padding-inline: 24px; height: 72px; min-height: 72px; box-sizing: border-box; }
.wh-matched-header :is(.brand,.l-logo) > img { width: 139px; height: 45px; object-fit: contain; }
.wh-matched-header :is(.desktop-nav,.site-nav,.l-nav-links) { display: flex; align-items: center; gap: 4px; margin-inline: auto; flex: 0 0 auto; }
.wh-matched-header :is(.desktop-nav,.site-nav,.l-nav-links) > a,
.wh-matched-header .nav-dropdown-trigger { font-family: "WebHail Nav",Inter,Arial,sans-serif; font-size: 14px; font-weight: 600; line-height: 21px; letter-spacing: 0; text-transform: none; white-space: nowrap; color: #14213d; padding: 8px 10px; border-radius: 8px; text-decoration: none; }
.wh-matched-header :is(.desktop-nav,.site-nav,.l-nav-links) > a:hover,
.wh-matched-header .nav-dropdown-trigger:hover { color: #2855f5; }
.wh-matched-header .l-nav-links > a.is-on { color: #2855f5; }
.wh-matched-header .nav-dropdown-trigger { min-height: 37px; box-sizing: border-box; }
.wh-matched-header :is(.wh-header-actions,.l-nav-r) { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.wh-matched-header :is(.header-cta,.l-nav-r > .l-btn) { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-height: 38px; height: 38px; padding: 10px 14px; border-radius: 10px; font-family: "WebHail Nav",Inter,Arial,sans-serif; font-size: 13px; font-weight: 700; line-height: 1; box-sizing: border-box; white-space: nowrap; }
.wh-matched-header .header-cta { background: linear-gradient(95deg,#2855f5,#1737c8); color: #fff; border: 1px solid transparent; box-shadow: 0 12px 26px -10px #2855f54d; }
.wh-matched-header .header-sign-in { flex: 0 0 auto; margin-left: 0; padding: 10px 14px; height: 38px; display: inline-flex; align-items: center; border: 1px solid #2855f573; border-radius: 10px; font-family: "WebHail Nav",Inter,Arial,sans-serif; font-size: 13px; font-weight: 700; line-height: 1; color: #2855f5; background: #fff; white-space: nowrap; }
.wh-matched-header :is(.menu-toggle,.mobile-menu-button,.l-nav-burger) { display: none; width: 42px; height: 42px; padding: 9px; margin: 0; justify-content: center; align-items: center; border: 1px solid #dfe5ef; border-radius: 10px; background: #fff; color: #14213d; }
.wh-matched-header :is(.menu-toggle,.mobile-menu-button,.l-nav-burger) svg { width: 22px; height: 22px; }
.wh-matched-header .mobile-nav,
.wh-matched-header + .l-mobile-nav { background: #fff; box-shadow: 0 20px 40px -20px #0f173c4d; }
@media (max-width: 1250px) {
  .wh-matched-header :is(.desktop-nav,.header-sign-in,.header-cta,.l-nav-links,.l-nav-search,.l-nav-r > .l-btn) { display: none; }
  .wh-matched-header :is(.menu-toggle,.mobile-menu-button,.l-nav-burger) { display: flex; }
  .wh-matched-header .mobile-menu-button { margin-left: auto; }
  .wh-matched-header .mobile-nav {
    position: absolute; inset: 72px 0 auto; display: grid; max-height: 0; overflow: hidden; padding: 0 16px; opacity: 0; border-bottom: 1px solid transparent;
  }
  .wh-matched-header .mobile-nav.is-open { max-height: calc(100dvh - 88px); overflow-y: auto; padding-block: 12px 18px; opacity: 1; border-color: #dfe5ef; }
  .wh-matched-header .site-nav { position: absolute; top: 100%; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; margin: 0; padding: 12px 16px 18px; border-bottom: 1px solid #dfe5ef; background: #fff; box-shadow: 0 20px 40px -20px #0f173c4d; }
  .wh-matched-header .site-nav.is-open { display: flex; }
  .wh-matched-header + .l-mobile-nav { position: fixed; top: 72px; left: 0; right: 0; width: 100%; margin: 0; padding: 12px 16px 18px; max-height: calc(100dvh - 88px); overflow-y: auto; }
  .wh-matched-header + .l-mobile-nav:not([hidden]) { display: block!important; }
  .wh-matched-header :is(.mobile-nav > a:not(.button),.mobile-solutions summary,.site-nav > a),
  .wh-matched-header + .l-mobile-nav > a { display: block; min-height: 44px; padding: 10px 12px; border: 0; border-radius: 8px; color: #14213d; background: transparent; font-family: "WebHail Nav",Inter,Arial,sans-serif; font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: 0; text-decoration: none; }
  .wh-matched-header .mobile-solutions { border-bottom: 1px solid #edf0f5; }
  .wh-matched-header .mobile-solutions summary { cursor: pointer; list-style: none; }
  .wh-matched-header .mobile-solutions a { display: block; padding: 10px 24px; font-size: 14px; }
  .wh-matched-header .mobile-nav .button { margin: 9px 12px 0; font-size: 13px; }
}
@media (min-width: 1251px) { .wh-matched-header + .l-mobile-nav { display: none!important; } }
@media (max-width: 767px) {
  .wh-matched-header :is(.header-inner,.l-nav-in) { height: 62px; min-height: 62px; padding-inline: 16px; }
  .wh-matched-header .mobile-nav { top: 62px; }
  .wh-matched-header + .l-mobile-nav { top: 62px; }
  .wh-matched-header :is(.brand,.l-logo) > img { width: 124px; height: 40px; }
}
@media (max-width: 380px) { .wh-matched-header :is(.brand,.l-logo) > img { width: 100px; height: 36px; } }
/* Large-screen content scaling must not enlarge the shared header or footer. */
.rdl { zoom: 1; }
@media (min-width: 1600px) { .rdl > main { zoom: 1.1; } }
@media (min-width: 1880px) { .rdl > main { zoom: 1.22; } }
@media (min-width: 2300px) { .rdl > main { zoom: 1.45; } }
@media (min-width: 3000px) { .rdl > main { zoom: 1.9; } }