@media (min-width: 901px) {
  .site-header {
    top: 12px;
    width: calc(100% - 32px);
    border: 1px solid rgba(220, 232, 237, .9);
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(21, 50, 71, .06);
  }
  .site-header nav { gap: 24px; }
  .site-header nav a:not(.nav-cta) {
    position: relative;
    padding: 8px 0;
  }
  .site-header nav a:not(.nav-cta)::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    height: 2px;
    background: var(--blue);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
  }
  .site-header nav a:not(.nav-cta):hover::after,
  .site-header nav a:not(.nav-cta):focus-visible::after { transform: scaleX(1); }
}