.site-header {
  background: #061630;
  border-bottom-color: #1b3558;
}

.brand-panel {
  background: #061630;
}

.nav-wrap nav a {
  color: #d9e3ef;
}

.nav-wrap nav a:hover {
  color: var(--sky);
}

.nav-wrap nav a {
  position: relative;
  padding: 12px 0;
}

.nav-wrap nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 2px;
  background: linear-gradient(90deg, var(--blue), var(--sky));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .22s ease;
}

.nav-wrap nav a:hover::after,
.nav-wrap nav a.active::after {
  transform: scaleX(1);
}

.nav-wrap nav a.active {
  color: #63c4ff;
}

.nav-cta {
  background: var(--blue);
}

.nav-cta b {
  color: #fff;
}

.enterprise-header .nav-cta.active {
  color: #fff;
  background: #087fff;
  box-shadow: 0 0 0 1px rgba(99,196,255,.16), 0 8px 24px rgba(8,127,255,.22);
}

.mobile-nav summary {
  border-color: #5a7190;
}

.mobile-nav summary i {
  background: #fff;
}

.mobile-nav > div a.active {
  color: #fff;
  background: rgba(8,127,255,.2);
  border-left: 3px solid #27b5ff;
}