nav {
  padding: 15px 0 !important;
  background: rgba(255, 255, 255, 0.97) !important;
  color: #071225 !important;
  border-bottom: 1px solid rgba(22, 93, 255, 0.16);
  box-shadow: 0 12px 38px rgba(7, 18, 37, 0.14);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, #165dff 0 18%, transparent 42%);
}

.brand-logo-link {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  line-height: 0;
  text-decoration: none;
}

.brand-logo-link img {
  display: block;
  width: clamp(230px, 22vw, 285px);
  height: auto;
}

nav .navlinks a {
  color: #33435d !important;
  font-weight: 600;
}

nav .navlinks a:hover {
  color: #165dff !important;
}

nav .navlinks .cta,
nav .navlinks .contact {
  color: #fff !important;
  background: #165dff;
  border-color: #165dff !important;
  box-shadow: 0 8px 20px rgba(22, 93, 255, 0.24);
}

nav .mobile-menu summary {
  color: #071225 !important;
  border-color: #c8d4e7 !important;
  background: #fff;
}

header:has(.brand-logo-link) {
  background: #fff !important;
  border-bottom: 3px solid #165dff;
}

@media (max-width: 800px) {
  .brand-logo-link img {
    width: 190px;
  }
}

@media (max-width: 390px) {
  .brand-logo-link img {
    width: 166px;
  }
}
.metric strong{font-variant-numeric:tabular-nums;transition:color .25s ease,transform .25s ease}.metric strong.is-counting{color:#4e8cff}.metric strong.is-complete{animation:metric-settle .42s cubic-bezier(.2,.8,.2,1)}@keyframes metric-settle{0%{transform:translateY(0)}45%{transform:translateY(-4px)}100%{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.metric strong{transition:none}.metric strong.is-complete{animation:none}}