.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: #ffffffed;
  transition:
    box-shadow 0.25s,
    background 0.25s;
}
.header-inner {
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 86px;
}
.header-dark {
  background: #031020;
  color: #fff;
}
.site-header.is-scrolled {
  box-shadow: 0 3px 25px #00132c18;
  backdrop-filter: blur(16px);
  background: #fffffff2;
}
.header-dark.is-scrolled {
  background: #041327ee;
}
.primary-navigation {
  margin-left: auto;
}
.aap-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 23px;
}
.aap-menu > li {
  position: relative;
}
.aap-menu a {
  display: block;
  font-size: 12px;
  font-weight: 600;
  padding: 12px 0;
  position: relative;
}
.primary-navigation .aap-menu > li > a:after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 0;
  height: 2px;
  background: #8981ff;
  transition: width 0.2s;
}
.primary-navigation .aap-menu > li > a:hover:after,
.primary-navigation .current-menu-item > a:after,
.primary-navigation a[aria-current="page"]:after {
  width: 100%;
}
.header-cta {
  font-size: 11px;
  padding: 11px 17px;
}
.menu-toggle {
  display: none;
  background: none;
  border: 0;
  padding: 12px;
  color: inherit;
  cursor: pointer;
}
.menu-toggle > span:not(.screen-reader-text) {
  display: block;
  width: 23px;
  height: 2px;
  background: currentColor;
  margin: 5px;
}
.sub-menu {
  display: none;
  list-style: none;
  position: absolute;
  top: 100%;
  left: -15px;
  min-width: 200px;
  background: #fff;
  color: #071b45;
  padding: 12px 20px;
  box-shadow: var(--shadow);
  border-radius: 8px;
}
.aap-menu li:hover > .sub-menu,
.aap-menu li:focus-within > .sub-menu {
  display: block;
}
.admin-bar .site-header {
  top: 32px;
}