.product-cta{
  box-shadow:0 0 0 100vmax #004b92;
  clip-path:inset(0 -100vmax);
}

.site-header .brand img{
  width:220px;
  height:auto;
}

.scenario-page-media img{
  aspect-ratio:1.6;
  object-fit:contain;
  background:#fff;
}

.site-header{
  gap:26px;
}

.desktop-nav{
  align-self:stretch;
  gap:22px;
}

.desktop-nav .nav-item{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
}

.desktop-nav .nav-item>a{
  display:flex;
  align-items:center;
  height:100%;
  white-space:nowrap;
}

.nav-toggle{
  width:24px;
  height:36px;
  margin:0 0 0 -4px;
  padding:0;
  border:0;
  background:transparent;
  color:#334155;
  cursor:pointer;
}

.nav-toggle::before{
  content:"";
  display:block;
  width:6px;
  height:6px;
  margin:auto;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s;
}

.desktop-nav .nav-item.active>.nav-parent,
.desktop-nav .nav-item.active>a,
.desktop-nav .nav-dropdown a.active{
  color:#004b92;
  font-weight:700;
}

.desktop-nav .nav-item.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:#3e8ccf;
}

.nav-dropdown{
  position:absolute;
  z-index:80;
  top:calc(100% - 1px);
  left:-18px;
  min-width:270px;
  padding:10px;
  background:#fff;
  border:1px solid #dbe6f1;
  border-radius:0 0 6px 6px;
  box-shadow:0 18px 44px rgba(1,31,105,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .18s,visibility .18s,transform .18s;
}

.nav-dropdown-right{
  left:auto;
  right:-18px;
  min-width:210px;
}

.nav-dropdown a{
  display:block!important;
  height:auto!important;
  padding:11px 12px;
  color:#334155;
  font-size:14px;
  line-height:1.35;
  border-radius:4px;
}

.nav-dropdown a:hover,
.nav-dropdown a:focus-visible{
  color:#004b92;
  background:#eef4fa;
  outline:none;
}

.has-submenu:hover>.nav-dropdown,
.has-submenu:focus-within>.nav-dropdown,
.has-submenu.submenu-open>.nav-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.has-submenu:hover>.nav-toggle::before,
.has-submenu:focus-within>.nav-toggle::before,
.has-submenu.submenu-open>.nav-toggle::before{
  transform:rotate(225deg) translate(-1px,-1px);
}

.nav-toggle:hover,
.nav-toggle:focus-visible{
  color:#004b92;
  outline:2px solid #b8d2ea;
  outline-offset:-3px;
}

.mobile-nav-group,
.mobile-nav-direct{
  display:grid;
}

.mobile-nav-group strong{
  padding:12px 4px 7px;
  color:#004b92;
  font-size:12px;
  font-weight:800;
}

.mobile-nav-group a{
  padding-left:16px!important;
}

.mobile-nav a.active{
  color:#004b92;
  font-weight:800;
  background:#eef4fa;
}

.mobile-nav-cta{
  margin-top:12px;
  padding:12px 16px!important;
  color:#fff!important;
  text-align:center!important;
  background:#004b92!important;
  border:0!important;
  border-radius:5px;
  font-weight:800;
}

@media(max-width:1050px){
  .mobile-nav{
    max-height:calc(100vh - 76px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  .mobile-nav.open{
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:30px;
  }

  .mobile-nav-direct,
  .mobile-nav-cta{
    grid-column:1/-1;
  }
}

@media(max-width:720px){
  .site-header{
    gap:16px;
  }

  .site-header .brand img{
    width:170px;
  }

  .mobile-nav{
    max-height:calc(100vh - 66px);
  }

  .mobile-nav.open{
    grid-template-columns:1fr;
  }

  .mobile-nav-direct,
  .mobile-nav-cta{
    grid-column:1;
  }
}