/* v282G — Public header visual hotfix with cache-busted asset
   Fix: v281G changed CSS inside an existing v267U file, but browsers could keep the old ?v=267 cache.
   This new file is loaded after the UI browser lock and makes the logo/menu update visible immediately. */
@media (min-width: 901px){
  .topbar .container.nav,
  .topbar .nav{
    min-height: 86px !important;
    gap: 22px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .topbar .brand.brand-logo,
  .topbar .brand-logo{
    flex: 0 0 auto !important;
    min-width: 238px !important;
    max-width: 310px !important;
  }

  .topbar .brand.brand-logo img,
  .topbar .brand-logo img,
  .topbar img.logo-dark{
    height: 58px !important;
    max-height: 58px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  .topbar .navlinks{
    gap: 14px !important;
    margin-left: auto !important;
  }

  .topbar .navlinks a:not(.btn){
    padding: 11px 13px !important;
    font-size: 1.06rem !important;
    line-height: 1.18 !important;
    letter-spacing: 0.012em !important;
    font-weight: 800 !important;
  }

  .topbar .navlinks .nav-apply-btn,
  .topbar .navlinks a.btn,
  .topbar .navlinks a.lp-cta{
    min-height: 46px !important;
    padding: 12px 20px !important;
    font-size: 1.04rem !important;
    font-weight: 850 !important;
  }
}

@media (min-width: 901px) and (max-width: 1360px){
  .topbar .container.nav,
  .topbar .nav{
    min-height: 82px !important;
    gap: 16px !important;
  }

  .topbar .brand.brand-logo,
  .topbar .brand-logo{
    min-width: 210px !important;
    max-width: 270px !important;
  }

  .topbar .brand.brand-logo img,
  .topbar .brand-logo img,
  .topbar img.logo-dark{
    height: 52px !important;
    max-height: 52px !important;
  }

  .topbar .navlinks{
    gap: 9px !important;
  }

  .topbar .navlinks a:not(.btn){
    padding: 10px 10px !important;
    font-size: 0.98rem !important;
  }

  .topbar .navlinks .nav-apply-btn,
  .topbar .navlinks a.btn,
  .topbar .navlinks a.lp-cta{
    padding: 11px 17px !important;
    font-size: 0.98rem !important;
  }
}

@media (min-width: 901px) and (max-width: 1120px){
  .topbar .brand.brand-logo,
  .topbar .brand-logo{
    min-width: 188px !important;
    max-width: 235px !important;
  }

  .topbar .brand.brand-logo img,
  .topbar .brand-logo img,
  .topbar img.logo-dark{
    height: 46px !important;
    max-height: 46px !important;
  }

  .topbar .navlinks a:not(.btn){
    padding: 8px 8px !important;
    font-size: 0.9rem !important;
  }

  .topbar .navlinks .nav-apply-btn,
  .topbar .navlinks a.btn,
  .topbar .navlinks a.lp-cta{
    padding: 9px 13px !important;
    font-size: 0.9rem !important;
  }
}

/* v287G — Header navigation active-state redesign
   Goal: replace legacy underline/arc active marker with a cleaner professional pill state. */
.topbar .navlinks a:not(.btn)::before,
.topbar .navlinks a:not(.btn)::after,
.navlinks a:not(.btn)::before,
.navlinks a:not(.btn)::after{
  content:none !important;
  display:none !important;
}

.topbar .navlinks a:not(.btn),
.navlinks a:not(.btn){
  position:relative;
  border:1px solid transparent !important;
  border-radius:999px !important;
  transition:
    background-color .22s ease,
    color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    transform .18s ease,
    opacity .22s ease !important;
}

.topbar .navlinks a:not(.btn):hover,
.navlinks a:not(.btn):hover{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.14) !important;
  color:#ffffff !important;
  opacity:1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.topbar .navlinks a.active-nav:not(.btn),
.navlinks a.active-nav:not(.btn){
  color:#ffffff !important;
  background:linear-gradient(180deg,rgba(255,255,255,.20) 0%,rgba(255,255,255,.10) 100%) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 10px 26px rgba(3,12,27,.22) !important;
  opacity:1 !important;
  transform:translateY(0) !important;
}

.topbar .navlinks a:not(.btn):focus-visible,
.navlinks a:not(.btn):focus-visible{
  outline:none !important;
  color:#ffffff !important;
  border-color:rgba(147,197,253,.95) !important;
  box-shadow:
    0 0 0 3px rgba(59,130,246,.30),
    0 10px 24px rgba(3,12,27,.20) !important;
}