


.light .site-header,
.light .site-header.is-scrolled {
  background: linear-gradient(180deg, rgba(252, 253, 255, 0.94), rgba(242, 245, 250, 0.92));
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: #151715;
  border-bottom: 1px solid rgba(11, 19, 34, 0.1);
}


.light .site-header:has(.nav-group[open]),
.light .site-header.nav-mobile-open {
  background: linear-gradient(180deg, #f1f4f9, #f8fafd);
  border-bottom-color: rgba(11, 19, 34, 0.1);
}
.light .site-header .nav-mega {
  background: linear-gradient(180deg, #f8fafd, #eef2f8);
  border-bottom-color: rgba(11, 19, 34, 0.1);
}
@media (max-width: 1080px) {
  .light .site-header .global-nav { background: linear-gradient(180deg, #f1f4f9, #f8fafd); }
}

.light .site-header .logo-light { display: none; }
.light .site-header .logo-dark { display: block; }
.light .site-header .nav-group > summary { color: #151715; }

.light .site-header .nav-contact {
  color: #151715;
  background: none;
  border: 1px solid #979e95;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.light .site-header .nav-contact:hover { background: #151715; border-color: #151715; color: #fff; box-shadow: none; }
.light .site-header :focus-visible { outline-color: #253b29; }
.light .site-header .menu-toggle { color: #151715; border-color: #979e95; }

.light .site-header .announce {
  background: #efefea;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid rgba(11, 19, 34, 0.08);
  color: #151715;
}

.light .site-header .announce p { color: rgba(21, 23, 21, 0.8); }
.light .site-header .announce a { color: #151715; text-decoration-color: rgba(21, 23, 21, 0.4); }
.light .site-header .announce a:hover { text-decoration-color: #151715; }
.light .site-header .announce-close { color: rgba(21, 23, 21, 0.6); }
.light .site-header .announce-close:hover { color: #151715; }


.light .site-header .announce.announce-launch {
  background: #0b1322;
  border-bottom-color: #0b1322;
  color: #fff;
}

.light .site-header .announce.announce-launch p { color: rgba(255, 255, 255, 0.9); }
.light .site-header .announce.announce-launch p > span:first-child { font-weight: 500; }
.light .site-header .announce.announce-launch a { color: #fff; text-decoration-color: rgba(255, 255, 255, 0.55); }
.light .site-header .announce.announce-launch a:hover { text-decoration-color: #fff; }
.light .site-header .announce.announce-launch .announce-close { color: rgba(255, 255, 255, 0.75); }
.light .site-header .announce.announce-launch .announce-close:hover { color: #fff; }
.light .site-header .announce.announce-launch :focus-visible { outline-color: #fff; }


.light .site-footer { background: transparent; color: rgba(11, 19, 34, 0.7); border-top: 1px solid rgba(11, 19, 34, 0.1); }
.light .footer-tagline,
.light .footer-brand,
.light .footer-cols h3 { color: #0b1322; }
.light .footer-certs { color: rgba(11, 19, 34, 0.6); }
.light .footer-cta { color: #0b1322 !important; border-bottom-color: rgba(11, 19, 34, 0.45); }
.light .footer-cols a,
.light .footer-legal a { color: rgba(11, 19, 34, 0.7); }
.light .footer-cols a:hover,
.light .footer-legal a:hover { color: #0b1322; }
.light .footer-legal { border-top-color: rgba(11, 19, 34, 0.14); }


@media (max-width: 1080px) {
  .light .site-header .nav-contact,
  .light .site-header:has(.nav-group[open]) .nav-contact {
    color: #fff;
    background: #151715;
    border-color: #151715;
  }

  .light .site-header .nav-contact:hover,
  .light .site-header:has(.nav-group[open]) .nav-contact:hover { background: #33482d; border-color: #33482d; color: #fff; }
}


.light [style*="#8fb6ff"],
.light [style*="#b8d0ff"] { --hue: #8da5c9 !important; }

.light [style*="#6fd6c8"],
.light [style*="#8fe0b8"],
.light [style*="#d6df72"],
.light [style*="#c8e07a"] { --hue: #94b8ab !important; }

.light [style*="#f2c55c"],
.light [style*="#ff9f66"],
.light [style*="#ff8fa3"] { --hue: #c9b48a !important; }


.light .quote-card.lit::before,
.light .peek-card-media.peek-question.lit::before {
  background: radial-gradient(55% 45% at 50% 50%, color-mix(in srgb, var(--hue) 45%, transparent), transparent 70%);
}


.light .proof-foot-metrics {
  font-size: clamp(15px, 1.25vw, 19px);
  font-weight: 500;
  letter-spacing: -0.015em;
}


.light .container {
  padding-right: clamp(20px, 5vw, 72px);
  padding-left: clamp(20px, 5vw, 72px);
  max-width: 1400px;
}


.light .footer-legal a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
}
