.site-nav a.nav-current:not(.nav-feature):not(.header-cta){
  color:var(--brand);
  background:color-mix(in srgb,var(--brand) 8%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent);
}
.site-nav a.nav-current:not(.nav-feature):not(.header-cta)::after{
  content:"";
  display:block;
  width:18px;
  height:2px;
  margin:5px auto -5px;
  border-radius:999px;
  background:var(--brand);
}
.site-nav .nav-feature{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:45px;
  padding:6px 10px!important;
  margin:0 2px;
  border:1px solid #dbe3ee;
  background:#fff;
  color:#0f172a;
  box-shadow:0 7px 18px rgba(15,23,42,.05);
}
.site-nav .nav-feature:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--brand) 28%,#dbe3ee);
  background:color-mix(in srgb,var(--brand) 4%,#fff);
}
.nav-feature-icon{
  width:29px;
  height:29px;
  border-radius:9px;
  display:grid;
  place-items:center;
  flex:0 0 29px;
}
.nav-feature-icon svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.nav-feature-copy{
  display:flex;
  flex-direction:column;
  line-height:1.05;
  min-width:0;
}
.nav-feature-copy strong{
  font-size:11px;
  font-weight:900;
  color:inherit;
}
.nav-feature-copy small{
  margin-top:3px;
  font-size:7px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#94a3b8;
}
.site-nav .nav-shop .nav-feature-icon{
  background:#ecfdf5;
  color:#059669;
}
.site-nav .nav-academy .nav-feature-icon{
  background:#eff6ff;
  color:#2563eb;
}
.site-nav .nav-shop.nav-current{
  border-color:#86efac;
  background:#f0fdf4;
  box-shadow:0 9px 22px rgba(22,163,74,.12);
}
.site-nav .nav-academy.nav-current{
  border-color:#93c5fd;
  background:#eff6ff;
  box-shadow:0 9px 22px rgba(37,99,235,.12);
}
.site-nav .nav-feature.nav-current .nav-feature-copy small{
  color:currentColor;
  opacity:.68;
}
.site-nav .student-nav-link.nav-current{
  color:#7c3aed;
  background:#f5f3ff;
  box-shadow:inset 0 0 0 1px #ddd6fe;
}
@media(max-width:1180px) and (min-width:981px){
  .site-nav a{padding-left:9px;padding-right:9px}
  .site-nav .nav-feature{padding:6px 8px!important;gap:6px}
  .nav-feature-icon{width:26px;height:26px;flex-basis:26px}
  .nav-feature-copy small{display:none}
  .brand-text span{display:none}
}
@media(max-width:980px){
  .site-nav .nav-feature{
    margin:2px 0;
    min-height:56px;
    padding:8px 11px!important;
  }
  .nav-feature-icon{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
  .nav-feature-icon svg{width:19px;height:19px}
  .nav-feature-copy strong{font-size:13px}
  .nav-feature-copy small{font-size:8px}
  .site-nav a.nav-current:not(.nav-feature):not(.header-cta)::after{
    display:none;
  }
}