/* Shared visual alignment for Dat-Analytics product and service pages. */
:root {
  --navy: #061b3b;
  --navy-2: #082b5c;
  --blue: #148fe5;
  --cyan: #64d8ff;
}

.site-header,
.dbx-page .site-header {
  background: rgba(6, 27, 59, 0.94) !important;
  border-bottom-color: rgba(148, 210, 255, 0.16) !important;
}

.site-header.is-scrolled {
  background: rgba(4, 20, 46, 0.98) !important;
}

.site-header .brand img {
  width: 112px;
  height: 64px;
  object-fit: contain;
}

.site-header .nav-links,
.site-header .nav-links a,
.site-header .nav-dropdown summary {
  color: #e7f4ff;
}

.site-header .nav-links a:hover,
.site-header .nav-dropdown summary:hover {
  color: var(--cyan);
}

.site-header .nav-dropdown-menu {
  background: #08234d;
  border-color: rgba(148, 210, 255, 0.18);
}

.site-header .nav-dropdown-menu a {
  color: #d9edff;
}

.site-header .nav-dropdown-menu a:hover {
  background: rgba(100, 216, 255, 0.12);
}

.site-header .lang-switch {
  border-color: rgba(148, 210, 255, 0.25);
  background: rgba(255, 255, 255, 0.09);
}

.site-header .lang-btn { color: #b9d3e9; }
.site-header .lang-btn.is-active { background: #ffffff; color: #06204a; }
.site-header .nav-toggle { background: #ffffff; }

.landing:not(.dbx-page) .page-hero {
  position: relative;
  overflow: hidden;
  padding-top: clamp(5.5rem, 9vw, 8rem);
  padding-bottom: clamp(4rem, 7vw, 6.5rem);
  color: #eef8ff;
  background:
    radial-gradient(720px 440px at 88% 18%, rgba(20, 143, 229, .38), transparent 72%),
    linear-gradient(145deg, #04162f, #082b5c);
}
.landing:not(.dbx-page) .page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .12;
  pointer-events: none;
  background-image: linear-gradient(rgba(100,216,255,.35) 1px, transparent 1px), linear-gradient(90deg, rgba(100,216,255,.35) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg, transparent, #000 58%, transparent);
}
.landing:not(.dbx-page) .page-hero .container { position: relative; z-index: 1; }
.landing:not(.dbx-page) .page-hero h1 { color: #fff; }
.landing:not(.dbx-page) .page-hero .lead { color: #bdd5e9; }
.landing:not(.dbx-page) .page-hero .eyebrow { color: #64d8ff; }
.landing:not(.dbx-page) .page-hero .btn--secondary { color: #eaf6ff; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.06); }
.landing:not(.dbx-page) .page-hero .btn--secondary:hover { background: rgba(255,255,255,.14); }
.landing:not(.dbx-page) .page-hero .hero-panel { border-color: rgba(148,210,255,.2); box-shadow: 0 28px 70px rgba(1,15,36,.34); }
.landing .section-heading .eyebrow { color: #087fc8; }
.landing .feature-card,
.landing .service-card,
.landing .mode-card { border-color: rgba(20,143,229,.14); box-shadow: 0 18px 45px rgba(6,44,91,.08); }

.site-footer .footer-logo,
.site-footer .brand img {
  width: 128px;
  height: auto;
  object-fit: contain;
}

.site-footer {
  border-top: 1px solid rgba(100, 216, 255, 0.18);
}

.subsite-global-footer {
  padding: 22px 0;
  border-bottom: 1px solid rgba(100, 216, 255, 0.18);
  background: rgba(4, 20, 46, 0.28);
}

.subsite-global-footer__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.subsite-global-footer__reach { display: grid; gap: 10px; }
.subsite-global-footer p {
  margin: 0;
  color: #d8ebfb;
  font-family: "DM Mono", monospace;
  font-size: 0.67rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.subsite-global-footer p strong { color: #65d8ff; }
.subsite-global-footer nav,
.subsite-global-footer__partners { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.subsite-global-footer__partners { justify-content: flex-end; }
.subsite-global-footer span,
.subsite-global-footer a { color: #a8c1d8; font-size: 0.7rem; }
.subsite-global-footer nav a { color: #d8ebfb; }
.subsite-global-footer a:hover { color: #65d8ff; }

.subsite-strategic-bridge {
  padding: 78px 0;
  color: #eef8ff;
  background: radial-gradient(520px 300px at 90% 20%, #0b4f9a, transparent 75%), #061b3b;
}
.subsite-strategic-bridge__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; }
.subsite-strategic-bridge p { margin: 0 0 14px; color: #65d8ff; font-family: "DM Mono", monospace; font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; }
.subsite-strategic-bridge h2 { max-width: 620px; margin: 0; color: #fff; font-family: "Sora", sans-serif; font-size: clamp(2rem, 3.2vw, 3.25rem); font-weight: 500; letter-spacing: -.055em; line-height: 1.05; }
.subsite-strategic-bridge nav { display: grid; border-top: 1px solid rgba(101, 216, 255, .22); }
.subsite-strategic-bridge nav a { display: flex; justify-content: space-between; gap: 20px; padding: 21px 2px; border-bottom: 1px solid rgba(101, 216, 255, .22); color: #d8edfb; font-size: .88rem; font-weight: 800; }
.subsite-strategic-bridge nav a:hover,.subsite-strategic-bridge nav a span { color: #65d8ff; }
.site-whatsapp { position: fixed; right: max(22px, env(safe-area-inset-right)); bottom: max(22px, env(safe-area-inset-bottom)); z-index: 80; display: inline-flex; align-items: center; gap: 9px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: #fff; background: #087c72; box-shadow: 0 15px 36px rgba(1,39,36,.28); font-size: .76rem; font-weight: 800; }
.site-whatsapp:hover { color: #fff; background: #096d65; transform: translateY(-2px); }
.site-whatsapp span { color: #7ff5c7; font-size: 1rem; }
.dbx-page .dbx-hero { background-color: #061b3b; }
.dbx-page .dbx-price-card,.dbx-page .dbx-hero-metric { border-color: rgba(100,216,255,.2); }
.portfolio-paths { background: linear-gradient(180deg, #f7faff, #edf5fc); }
.portfolio-domain-list { margin-top: 28px; }
.portfolio-domain-list span { border-color: rgba(20,143,229,.22); background: #fff; color: #164879; }

@media (max-width: 1024px) {
  .site-header .header-shell { background: #08234d; }
  .site-header .nav-links a { color: #e7f4ff; }
  .subsite-global-footer__inner { align-items: flex-start; flex-direction: column; }
  .subsite-global-footer__partners { justify-content: flex-start; }
  .subsite-strategic-bridge__inner { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 560px) {
  .site-whatsapp { right: max(14px, env(safe-area-inset-right)); bottom: max(14px, env(safe-area-inset-bottom)); padding: 12px; font-size: 0; }
  .site-whatsapp span { font-size: 1.15rem; }
  .landing:not(.dbx-page) .page-hero h1,
  .subsite-strategic-bridge h2 { overflow-wrap: anywhere; }
  .subsite-strategic-bridge { padding: 64px 0; }
  .subsite-global-footer__partners { display: grid; gap: 11px; }
}