/* Site-wide overrides layered on top of the Webflow export. Loaded on every page. */

:root {
  --sp-ink: #08080f;
  --sp-ink-2: #101019;
  --sp-cyan: #0becfe;
  --sp-line-dark: rgba(255, 255, 255, 0.09);
}

/* ---------- Navbar: dark and translucent ---------- */
.navbar {
  /* !important: a Webflow scroll interaction sets an inline transparent/white background on some pages */
  background-color: rgba(8, 8, 15, 0.94) !important;
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--sp-line-dark);
}
.navbar,
.navbar * { border-color: var(--sp-line-dark); }
.navbar-logo-image { filter: brightness(0) invert(1); }
.navbar .nav-link,
.navbar .dropdown-toggle,
.navbar .dropdown-toggle-text-block,
.navbar .dropdown-toggle-arrow { color: rgba(255, 255, 255, 0.72); transition: color 0.2s; }
.navbar .nav-link:hover,
.navbar .dropdown-toggle:hover,
.navbar .dropdown-toggle:hover * { color: #fff; }
.navbar .nav-link { border-bottom-color: transparent; }
.navbar .nav-link.w--current { color: #fff; border-bottom-color: var(--sp-cyan); }
.navbar .w-icon-nav-menu { color: #fff; }
.navbar .resource-dropdown-content-wrap {
  background: var(--sp-ink-2);
  border: 1px solid var(--sp-line-dark);
  border-radius: 14px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.4);
}
.navbar .dropdown-menu-text-link-text { color: rgba(255, 255, 255, 0.78); }
.navbar .dropdown-menu-text-link-text:hover,
.navbar .dropdown-menu-text-link-text.w--current { color: var(--sp-cyan); }
.navbar .dropdown-menu-text-link-text:empty { display: none; }
.navbar .w-nav-menu[data-nav-menu-open] { background: var(--sp-ink); border-top: 1px solid var(--sp-line-dark); }

.navbar .lets-talk-btn.w-button {
  background: #fff;
  color: var(--sp-ink);
  border-radius: 100px;
  padding: 11px 22px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  transition: background-color 0.2s, color 0.2s;
}
.navbar .lets-talk-btn.w-button:hover,
.navbar .lets-talk-btn.w-button.w--current { background: var(--sp-cyan); color: var(--sp-ink); }

/* ---------- Service pages ---------- */
/* final CTA heading was white on a light background */
.spectiv-cta .cta-title { color: var(--sp-ink); }
/* "inline-div-1" collides with a Webflow class that sets a YouTube thumbnail as background */
.get-feats .gf-1.inline-div-1 { background-image: none; grid-column: 1 / -1; }

/* ---------- Stats: static numbers instead of rolling counters (they overflowed on mobile) ---------- */
.summery-counter-wrap.sp-static { overflow: visible; height: auto; }
.summery-counter-wrap.sp-static .number-digit { margin: 0; line-height: 1.1; letter-spacing: -0.02em; }