:root {
  --dark-canvas: #1b1d26;
  --dark-surface: #202430;
  --dark-surface-raised: #252a38;
  --dark-border: #373d4e;
  --dark-text: #e5e7eb;
  --dark-text-secondary: #a3aaba;
  --dark-text-muted: #7f8798;
  --dark-accent-surface: rgba(80, 190, 255, 0.1);
  --dark-brand-gradient: linear-gradient(135deg, #642dfc 0%, #50c0ff 100%);
  --shared-footer-gradient: linear-gradient(180deg, #7eb8ff 0%, #5b6efc 55%, #642dfc 100%);
}

.global-theme-toggle {
  width: 42px;
  height: 42px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid #e4e7ed;
  border-radius: 11px;
  background: #fff;
  color: #151b29;
  cursor: pointer;
  transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}
.global-theme-toggle:hover { background: #f6f7f9; transform: translateY(-1px); }
.global-theme-toggle svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.global-theme-toggle .global-sun { display: none; }
.global-theme-toggle .global-moon { display: block; }

[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"],
[data-theme="dark"] body {
  background: var(--dark-canvas) !important;
  color: var(--dark-text);
}
[data-theme="dark"] .global-theme-toggle {
  border-color: var(--dark-border);
  background: var(--dark-surface);
  color: #f5f7fb;
}
[data-theme="dark"] .global-theme-toggle:hover { background: var(--dark-surface-raised); }
[data-theme="dark"] .global-theme-toggle .global-sun { display: block; }
[data-theme="dark"] .global-theme-toggle .global-moon { display: none; }

/* Navigation */
[data-theme="dark"] .navbar,
[data-theme="dark"] .site-nav,
[data-theme="dark"] .speedtest-nav,
[data-theme="dark"] .site-header {
  background: rgba(27, 29, 38, .88) !important;
  border-color: rgba(55, 61, 78, .72) !important;
  color: var(--dark-text) !important;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
[data-theme="dark"] .nav-center a,
[data-theme="dark"] .nav-dropdown-toggle,
[data-theme="dark"] .nav-links a,
[data-theme="dark"] .product-toggle,
[data-theme="dark"] .desktop-nav a,
[data-theme="dark"] .product-menu-toggle {
  color: var(--dark-text) !important;
}
[data-theme="dark"] .site-header > .brand {
  align-items: center;
  gap: 8px;
  width: 144px;
  height: 36px;
  color: var(--dark-text) !important;
}
[data-theme="dark"] .site-header > .brand img {
  width: 36px !important;
  height: 36px !important;
  object-fit: none;
  object-position: left center;
}
[data-theme="dark"] .site-header > .brand::after {
  content: "MetaEdge";
  color: var(--dark-text);
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.02em;
}
[data-theme="dark"] .nav-dropdown-menu,
[data-theme="dark"] .mega,
[data-theme="dark"] .nav-drawer,
[data-theme="dark"] .product-menu-panel,
[data-theme="dark"] .mobile-menu {
  background: rgba(32, 36, 48, .98) !important;
  border-color: var(--dark-border) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .32) !important;
}
[data-theme="dark"] .mega-group,
[data-theme="dark"] .nav-product-group,
[data-theme="dark"] .product-menu-group {
  border-color: var(--dark-border) !important;
}
[data-theme="dark"] .nav-product-title,
[data-theme="dark"] .mega-item strong,
[data-theme="dark"] .product-menu-title,
[data-theme="dark"] .nav-drawer a {
  color: var(--dark-text) !important;
}
[data-theme="dark"] .mega-item span,
[data-theme="dark"] .nav-product-group-title,
[data-theme="dark"] .product-menu-group-title {
  color: var(--dark-text-muted) !important;
}
[data-theme="dark"] .nav-product-item:hover,
[data-theme="dark"] .mega-item:hover,
[data-theme="dark"] .product-menu-item:hover {
  background: var(--dark-surface-raised) !important;
}
[data-theme="dark"] .btn-contact,
[data-theme="dark"] .button-secondary {
  background: var(--dark-surface-raised) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

/* Mobile hamburger and drawer dark mode */
[data-theme="dark"] .nav-toggle,
[data-theme="dark"] .mobile-menu-toggle {
  border-color: var(--dark-border) !important;
}
[data-theme="dark"] .nav-toggle span,
[data-theme="dark"] .mobile-menu-toggle span {
  background: var(--dark-text) !important;
}
[data-theme="dark"] .nav-drawer-close {
  background: var(--dark-surface-raised) !important;
  color: var(--dark-text-secondary) !important;
}
[data-theme="dark"] .nav-drawer-link,
[data-theme="dark"] .nav-drawer-product {
  border-bottom-color: var(--dark-border) !important;
}

/* Shared page hierarchy */
[data-theme="dark"] main,
[data-theme="dark"] .pricing-page,
[data-theme="dark"] .pricing-faq,
[data-theme="dark"] .speedtest-page,
[data-theme="dark"] .legal-section,
[data-theme="dark"] .docs-sc,
[data-theme="dark"] .docs-s,
[data-theme="dark"] .support-faq-list {
  background-color: var(--dark-canvas) !important;
  color: var(--dark-text) !important;
}
[data-theme="dark"] .hero,
[data-theme="dark"] .section,
[data-theme="dark"] .me-section {
  background-color: var(--dark-canvas) !important;
  color: var(--dark-text) !important;
}
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] .hero h1,
[data-theme="dark"] .section h2,
[data-theme="dark"] .section-head h2 {
  color: var(--dark-text) !important;
}
[data-theme="dark"] p,
[data-theme="dark"] .hero p,
[data-theme="dark"] .section-head p,
[data-theme="dark"] .docs-rich,
[data-theme="dark"] .faq-answer {
  color: var(--dark-text-secondary) !important;
}
[data-theme="dark"] .eyebrow,
[data-theme="dark"] .section-kicker,
[data-theme="dark"] .card-icon {
  background: var(--dark-accent-surface) !important;
}

/* Product pages */
[data-theme="dark"] body {
  background-image: none !important;
}
[data-theme="dark"] .hero {
  border-color: rgba(80, 190, 255, .08) !important;
}
[data-theme="dark"] .hero::after {
  opacity: .75;
}
[data-theme="dark"] .hero-actions .btn:not(.primary) {
  background: var(--dark-surface-raised) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}
[data-theme="dark"] .card,
[data-theme="dark"] .finish-proof-inner,
[data-theme="dark"] .finish-step {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2) !important;
}
[data-theme="dark"] .faq details {
  background: var(--dark-surface) !important;
  border: 16px solid var(--dark-border) !important;
  color: var(--dark-text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2) !important;
}
[data-theme="dark"] .card h3,
[data-theme="dark"] .finish-proof-item strong,
[data-theme="dark"] .finish-workflow-head h2,
[data-theme="dark"] .finish-step h3 {
  color: var(--dark-text) !important;
}
[data-theme="dark"] .card p,
[data-theme="dark"] .finish-proof-item span,
[data-theme="dark"] .finish-workflow-head p,
[data-theme="dark"] .finish-step p {
  color: var(--dark-text-secondary) !important;
}
[data-theme="dark"] .usecases {
  background: var(--dark-canvas) !important;
  border-color: var(--dark-border) !important;
}
[data-theme="dark"] .foundation > div {
  background: var(--dark-surface) !important;
  border: 1px solid var(--dark-border);
  color: var(--dark-text) !important;
}
[data-theme="dark"] .finish-proof-item { border-color: var(--dark-border) !important; }
[data-theme="dark"] .finish-step:not(:last-child)::after {
  background: var(--dark-surface-raised) !important;
  border-color: var(--dark-border) !important;
}
[data-theme="dark"] .finish-console {
  background: rgba(37, 42, 56, .9) !important;
  border-color: var(--dark-border) !important;
}
[data-theme="dark"] .finish-console-top { color: var(--dark-text-secondary) !important; }
[data-theme="dark"] body[data-product="datacenter-proxy"] .res-visual {
  background:
    radial-gradient(
      circle at 50% 46%,
      rgba(113, 53, 211, .16) 0%,
      var(--dark-surface-raised) 43%,
      rgba(37, 42, 56, 0) 72%
    ) !important;
}
[data-theme="dark"] body[data-product="static-proxy"] {
  --product: #d7dce2;
  --product-rgb: 215, 220, 226;
  --brand-a: #e3e6ea;
  --brand-b: #a5acb5;
  --brand-light: #202430;
  --brand-surface: #252a38;
  --brand-stroke: #596170;
  --brand-pale: rgba(215, 220, 226, .06);
  --brand-soft: rgba(215, 220, 226, .1);
  --brand-shadow: rgba(0, 0, 0, .28);
  --brand-icon-stroke: #d7dce2;
}
[data-theme="dark"] body[data-product="static-proxy"] .hero-actions .btn.primary,
[data-theme="dark"] body[data-product="static-proxy"] .navbar .btn-primary {
  color: #1b1d26 !important;
}
[data-theme="dark"] body.reference-product-layout .finish-workflow-head small,
[data-theme="dark"] body.reference-static-layout .finish-workflow-head small {
  color: var(--brand-a, #71c9ff) !important;
  background: color-mix(in srgb, var(--brand-a, #71c9ff) 10%, transparent) !important;
  border-color: color-mix(in srgb, var(--brand-a, #71c9ff) 48%, var(--dark-border)) !important;
}
[data-theme="dark"] body.reference-product-layout .feature-flow span,
[data-theme="dark"] body.reference-static-layout .feature-flow span {
  background: var(--dark-surface-raised) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
  box-shadow: none !important;
}

/* Full-width product section layers are drawn with pseudo-elements in
   product-extra.css, so theme those layers as well as the section itself. */
[data-theme="dark"] body.reference-product-layout main,
[data-theme="dark"] body.reference-static-layout main {
  background: var(--dark-canvas) !important;
}
[data-theme="dark"] body.reference-product-layout main > .section::before,
[data-theme="dark"] body.reference-static-layout main > .section::before {
  background: var(--dark-canvas) !important;
}
[data-theme="dark"] body.reference-product-layout main > .section:nth-of-type(odd)::before,
[data-theme="dark"] body.reference-static-layout main > .section:nth-of-type(odd)::before {
  background: var(--dark-surface) !important;
}
[data-theme="dark"] .speed-scenario-card {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2) !important;
}
[data-theme="dark"] .speed-scenario-card h3 {
  color: var(--dark-text) !important;
}
[data-theme="dark"] .speed-scenario-card li {
  color: var(--dark-text-secondary) !important;
}

/* Product pages: complete dark-mode component and illustration system. */
[data-theme="dark"] body.reference-product-layout .card-icon,
[data-theme="dark"] body.reference-static-layout .card-icon,
[data-theme="dark"] body.reference-product-layout .foundation-icon,
[data-theme="dark"] body.reference-static-layout .foundation-icon {
  background: var(--dark-accent-surface) !important;
  border-color: var(--dark-border) !important;
  box-shadow: none !important;
}
[data-theme="dark"] body.reference-product-layout .foundation strong,
[data-theme="dark"] body.reference-static-layout .foundation strong {
  color: var(--dark-text) !important;
}
[data-theme="dark"] body.reference-product-layout main .foundation > div,
[data-theme="dark"] body.reference-static-layout main .foundation > div {
  background: var(--dark-surface) !important;
  border: 16px solid var(--dark-border) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}
[data-theme="dark"] body.reference-product-layout .foundation span,
[data-theme="dark"] body.reference-static-layout .foundation span {
  color: var(--dark-text-secondary) !important;
}
[data-theme="dark"] body.reference-product-layout .eyebrow,
[data-theme="dark"] body.reference-static-layout .eyebrow,
[data-theme="dark"] body.reference-product-layout .section-kicker,
[data-theme="dark"] body.reference-static-layout .section-kicker {
  color: var(--brand-a, #71c9ff) !important;
  border-color: color-mix(in srgb, var(--brand-a, #71c9ff) 48%, var(--dark-border)) !important;
  background: color-mix(in srgb, var(--brand-a, #71c9ff) 10%, transparent) !important;
}
[data-theme="dark"] body.reference-product-layout main > .section .section-kicker,
[data-theme="dark"] body.reference-static-layout main > .section .section-kicker {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
[data-theme="dark"] body.reference-product-layout .static-feature-visual,
[data-theme="dark"] body.reference-static-layout .static-feature-visual,
[data-theme="dark"] body.reference-product-layout .feature-visual-break,
[data-theme="dark"] body.reference-static-layout .feature-visual-break {
  background:
    radial-gradient(circle at 50% 30%, rgba(var(--product-rgb, 80, 190, 255), .12), transparent 50%),
    var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  box-shadow: none !important;
}
[data-theme="dark"] body.reference-product-layout .static-path-step,
[data-theme="dark"] body.reference-static-layout .static-path-step,
[data-theme="dark"] body.reference-product-layout .search-flow-step,
[data-theme="dark"] body.reference-static-layout .search-flow-step {
  background: var(--dark-surface-raised) !important;
  border-color: var(--dark-border) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .2) !important;
}
[data-theme="dark"] body.reference-product-layout .static-path-step strong,
[data-theme="dark"] body.reference-static-layout .static-path-step strong,
[data-theme="dark"] body.reference-product-layout .search-flow-step strong,
[data-theme="dark"] body.reference-static-layout .search-flow-step strong {
  color: var(--dark-text) !important;
}
[data-theme="dark"] body.reference-product-layout .static-path-step small,
[data-theme="dark"] body.reference-static-layout .static-path-step small,
[data-theme="dark"] body.reference-product-layout .search-flow-step small,
[data-theme="dark"] body.reference-static-layout .search-flow-step small {
  color: var(--dark-text-secondary) !important;
}
[data-theme="dark"] body.reference-product-layout .feature-visual-caption,
[data-theme="dark"] body.reference-static-layout .feature-visual-caption {
  background: var(--dark-surface-raised) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-secondary) !important;
  box-shadow: none !important;
}
[data-theme="dark"] body.reference-product-layout .feature-visual-caption span,
[data-theme="dark"] body.reference-static-layout .feature-visual-caption span {
  background: rgba(43, 197, 116, .14) !important;
  color: #74dda2 !important;
}
[data-theme="dark"] body.reference-product-layout .comparison-wrap,
[data-theme="dark"] body.reference-static-layout .comparison-wrap {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  box-shadow: none !important;
}
[data-theme="dark"] body.reference-product-layout .comparison th,
[data-theme="dark"] body.reference-static-layout .comparison th {
  background: var(--dark-surface-raised) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}
[data-theme="dark"] body.reference-product-layout .comparison td,
[data-theme="dark"] body.reference-static-layout .comparison td {
  background: transparent !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-secondary) !important;
}

/* Data Center, Static Proxy, Search API and Collector hero diagrams. */
[data-theme="dark"] body.reference-product-layout .unique-scene,
[data-theme="dark"] body.reference-static-layout .unique-scene {
  color: var(--dark-text) !important;
}
[data-theme="dark"] body.reference-product-layout .proxy-control-card,
[data-theme="dark"] body.reference-static-layout .proxy-control-card,
[data-theme="dark"] body.reference-product-layout .proxy-chip,
[data-theme="dark"] body.reference-static-layout .proxy-chip,
[data-theme="dark"] body.reference-product-layout .local-query,
[data-theme="dark"] body.reference-product-layout .geo-pin,
[data-theme="dark"] body.reference-product-layout .search-result,
[data-theme="dark"] body.reference-product-layout .search-response-bar,
[data-theme="dark"] body.reference-product-layout .collect-source,
[data-theme="dark"] body.reference-product-layout .collect-engine,
[data-theme="dark"] body.reference-product-layout .collect-output {
  background: rgba(37, 42, 56, .96) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}
[data-theme="dark"] body.reference-product-layout .proxy-status {
  background: rgba(43, 197, 116, .12) !important;
  color: #74dda2 !important;
}
[data-theme="dark"] body.reference-product-layout .proxy-control-card strong,
[data-theme="dark"] body.reference-product-layout .proxy-address,
[data-theme="dark"] body.reference-product-layout .proxy-address-label,
[data-theme="dark"] body.reference-product-layout .search-response-bar b,
[data-theme="dark"] body.reference-product-layout .collect-source strong,
[data-theme="dark"] body.reference-product-layout .collect-engine strong,
[data-theme="dark"] body.reference-product-layout .collect-output strong {
  color: var(--dark-text) !important;
}
[data-theme="dark"] body.reference-product-layout .proxy-control-card small,
[data-theme="dark"] body.reference-product-layout .proxy-chip span,
[data-theme="dark"] body.reference-product-layout .local-query small,
[data-theme="dark"] body.reference-product-layout .search-result small,
[data-theme="dark"] body.reference-product-layout .collect-source small,
[data-theme="dark"] body.reference-product-layout .collect-engine small,
[data-theme="dark"] body.reference-product-layout .collect-output small {
  color: var(--dark-text-secondary) !important;
}
[data-theme="dark"] body.reference-product-layout .collector-scene .collect-belt b {
  background: var(--dark-surface-raised) !important;
  border-color: var(--dark-border) !important;
}
[data-theme="dark"] body[data-product="search-api"] .local-search-map {
  background:
    radial-gradient(circle at 50% 48%, rgba(211, 100, 91, .1), transparent 46%),
    linear-gradient(145deg, var(--dark-surface-raised), var(--dark-surface)) !important;
  border-color: color-mix(in srgb, var(--brand-a) 52%, var(--dark-border)) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .28) !important;
}
[data-theme="dark"] body[data-product="search-api"] .map-grid {
  opacity: .2 !important;
}

/* Web Unlocker keeps its pink identity while the browser UI follows dark mode. */
[data-theme="dark"] body.reference-product-layout .browser-unlock-illustration {
  background: radial-gradient(circle at 54% 50%, rgba(213, 65, 139, .18), transparent 58%) !important;
}
[data-theme="dark"] body.reference-product-layout .browser-unlock-shell,
[data-theme="dark"] body.reference-product-layout .browser-unlock-bar,
[data-theme="dark"] body.reference-product-layout .browser-page,
[data-theme="dark"] body.reference-product-layout .browser-page aside,
[data-theme="dark"] body.reference-product-layout .page-cards article,
[data-theme="dark"] body.reference-product-layout .browser-success,
[data-theme="dark"] body.reference-product-layout .browser-address {
  background: var(--dark-surface-raised) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
  box-shadow: none !important;
}
[data-theme="dark"] body.reference-product-layout .browser-unlock-bar,
[data-theme="dark"] body.reference-product-layout .browser-page {
  background: var(--dark-surface) !important;
}
[data-theme="dark"] body.reference-product-layout .page-heading span {
  background: var(--dark-text) !important;
}
[data-theme="dark"] body.reference-product-layout .page-heading i,
[data-theme="dark"] body.reference-product-layout .page-lines i,
[data-theme="dark"] body.reference-product-layout .page-cards i {
  background: var(--dark-border) !important;
}

/* Scraper Bot uses coral accents over dark data panels. */
[data-theme="dark"] body[data-product="scraper-bot"] .scraper-illustration {
  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(232, 78, 67, .14) 0%,
      #292b35 42%,
      rgba(41, 43, 53, 0) 72%
    ) !important;
}
[data-theme="dark"] body.reference-product-layout .scraper-page {
  background: var(--dark-surface-raised) !important;
  border-color: rgba(232, 78, 67, .28) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}
[data-theme="dark"] body.reference-product-layout .scraper-page i {
  background: var(--dark-border) !important;
}
[data-theme="dark"] body.reference-product-layout .scraper-page b {
  background: rgba(232, 78, 67, .14) !important;
}
[data-theme="dark"] body.reference-product-layout .scraper-core {
  background: linear-gradient(145deg, var(--dark-surface), var(--dark-surface-raised)) !important;
  border-color: rgba(232, 78, 67, .34) !important;
  box-shadow: 0 20px 46px rgba(0, 0, 0, .25) !important;
}
[data-theme="dark"] body.reference-product-layout .scraper-core strong {
  color: var(--dark-text) !important;
}
[data-theme="dark"] body.reference-product-layout .scraper-core progress {
  background: var(--dark-border) !important;
}

/* Pricing */
[data-theme="dark"] .pricing-page {
  background: var(--dark-canvas) url("assets/pricing-bg-dark.png") center top / cover no-repeat !important;
}
[data-theme="dark"] .pricing-heading,
[data-theme="dark"] .faq-heading { color: var(--dark-text) !important; }
[data-theme="dark"] .pricing-kicker { color: #71c9ff !important; }
[data-theme="dark"] .pricing-lead,
[data-theme="dark"] .pricing-footnote { color: var(--dark-text-secondary) !important; }
[data-theme="dark"] .plan-shell {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
}
[data-theme="dark"] .plan-shell.featured {
  background: var(--dark-brand-gradient) !important;
  border-color: transparent !important;
}
[data-theme="dark"] .plan-shell:hover {
  background: var(--dark-brand-gradient) !important;
  border-color: transparent !important;
}
[data-theme="dark"] .pricing-grid:has(.plan-shell:not(.featured):hover) .plan-shell.featured {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
}
[data-theme="dark"] .plan-card,
[data-theme="dark"] .plan-shell:hover .plan-card {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text) !important;
}
[data-theme="dark"] .plan-card h2,
[data-theme="dark"] .token-box strong,
[data-theme="dark"] .projected strong { color: var(--dark-text) !important; }
[data-theme="dark"] .price,
[data-theme="dark"] .free-price {
  color: var(--dark-text) !important;
  font-size: 36px !important;
}
[data-theme="dark"] .plan-desc,
[data-theme="dark"] .price-note,
[data-theme="dark"] .plan-meta,
[data-theme="dark"] .projected,
[data-theme="dark"] .projected b,
[data-theme="dark"] .token-box span { color: var(--dark-text-secondary) !important; }
[data-theme="dark"] .token-box {
  background: var(--dark-accent-surface) !important;
}
[data-theme="dark"] .projected {
  background: rgba(255, 255, 255, .025);
  border-color: var(--dark-border) !important;
}
[data-theme="dark"] .plan-meta span:first-child { color: var(--dark-text-secondary) !important; }
[data-theme="dark"] .plan-meta span:last-child { color: var(--dark-text) !important; }
[data-theme="dark"] .faq-item {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18) !important;
}
[data-theme="dark"] .faq-question { color: var(--dark-text) !important; }

/* Speedtest */
[data-theme="dark"] .speedtest-page {
  background-image:
    linear-gradient(rgba(27, 29, 38, .08), rgba(27, 29, 38, .08)),
    url("speedtest/assets/network-globe-dark.png") !important;
  background-position: center bottom !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
[data-theme="dark"] .node-section,
[data-theme="dark"] .test-section,
[data-theme="dark"] .metric-card,
[data-theme="dark"] .start-area {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
[data-theme="dark"] .section-heading,
[data-theme="dark"] .metric-value,
[data-theme="dark"] .node-detail strong,
[data-theme="dark"] .ip-address { color: var(--dark-text) !important; }
[data-theme="dark"] .speedtest-page .eyebrow {
  background: transparent !important;
}
[data-theme="dark"] .metric-copy,
[data-theme="dark"] .node-detail,
[data-theme="dark"] .test-status { color: var(--dark-text-secondary) !important; }
[data-theme="dark"] .measurement-notes {
  background: rgba(22, 28, 43, .84) !important;
  border-color: #2d3148 !important;
  color: var(--dark-text-secondary) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(8px);
}
[data-theme="dark"] .measurement-notes p {
  color: #d3d8e6 !important;
}
[data-theme="dark"] .measurement-notes strong {
  color: #ffffff !important;
}
[data-theme="dark"] select {
  background-color: var(--dark-surface-raised) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}

/* Legal and support pages */
[data-theme="dark"] .docs-rich,
[data-theme="dark"] .support-faq-item,
[data-theme="dark"] .support-faq-toggle,
[data-theme="dark"] .support-faq-content {
  background: var(--dark-surface) !important;
  border-color: var(--dark-border) !important;
  color: var(--dark-text-secondary) !important;
}
[data-theme="dark"] .docs-rich strong,
[data-theme="dark"] .docs-rich h1,
[data-theme="dark"] .docs-rich h2,
[data-theme="dark"] .docs-rich h3,
[data-theme="dark"] .support-faq-toggle {
  color: var(--dark-text) !important;
}
[data-theme="dark"] .docs-rich a,
[data-theme="dark"] .terms-link,
[data-theme="dark"] .terms-link-2 {
  color: #71c9ff !important;
}

/* Keep every subpage footer aligned with the homepage dark-theme treatment. */
[data-theme="dark"] .footer {
  background: linear-gradient(
    180deg,
    rgba(126, 184, 255, .10) 0%,
    rgba(91, 110, 252, .10) 55%,
    rgba(100, 45, 252, .10) 100%
  ) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, .24) !important;
}
[data-theme="dark"] .footer .footer-col a { color: #ffffff !important; }
[data-theme="dark"] .footer .footer-col h4 { color: rgba(255, 255, 255, .5) !important; }
[data-theme="dark"] .footer .footer-status { color: rgba(255, 255, 255, .75) !important; }
[data-theme="dark"] .footer .footer-copyright { color: rgba(255, 255, 255, .6) !important; }
[data-theme="dark"] .footer .footer-disclaimer { color: rgba(255, 255, 255, .5) !important; }

.footer .footer-brand-tagline,
[data-theme="dark"] .footer .footer-brand-tagline {
  color: #ffffff !important;
  opacity: 1 !important;
}
[data-theme="dark"] .footer-subscribe-form input {
  background: rgba(255, 255, 255, .15) !important;
  border-color: #fff !important;
  color: #fff !important;
}
[data-theme="dark"] .footer-subscribe-form input::placeholder { color: rgba(255, 255, 255, .58) !important; }
[data-theme="dark"] .footer-subscribe-form button {
  background: #fff !important;
  color: #5b8def !important;
}
[data-theme="dark"] .footer-social-link {
  border-color: rgba(255, 255, 255, .4) !important;
  color: #fff !important;
}

@media (max-width: 900px) {
  .global-theme-toggle { width: 40px; height: 40px; }
}