/* HIH marketing dark bridge 2026-10-02b
 * Loaded AFTER product inline CSS + hih-design-system-dark.css
 * Flips light marketing landings toward the live HIH dark stage.
 */
html[data-hih-surface="marketing"] {
  color-scheme: dark;
  --bg: #070b14;
  --bg2: #0c1220;
  --bg3: #121a2c;
  --card: #141b2e;
  --line: rgba(255, 255, 255, 0.1);
  --text: #eef2f8;
  --muted: #a7b2c7;
  --dim: #758199;
  --cyan: #22d3ee;
  --violet: #8b5cf6;
  --green: #34d399;

  /* Remap common light token scales used by Nets/Nut/Hand */
  --slate-50: #0c1220;
  --slate-100: #121a2c;
  --slate-200: #1a2236;
  --slate-300: #2a3348;
  --slate-400: #758199;
  --slate-500: #8b93a7;
  --slate-600: #a7b2c7;
  --slate-700: #c5cad6;
  --slate-800: #e5e7ef;
  --slate-900: #eef2f8;
  --blue-950: #0b1020;

  --hih-cream: #070b14;
  --hih-paper: #0c1220;
  --hih-ink: #eef2f8;
  --hih-muted: #a7b2c7;
  --hih-border: rgba(255, 255, 255, 0.12);
  --hih-navy-900: #141b2e;
  --hih-navy-800: #1a2236;
  --hih-navy-950: #070b14;
  --background: 222 36% 6%;
  --foreground: 220 30% 96%;
  --card-foreground: 220 30% 96%;
  --muted-foreground: 220 12% 70%;
  --border: 230 16% 18%;
  --primary: 188 94% 53%;
  --primary-foreground: 200 40% 6%;
}

html[data-hih-surface="marketing"] body {
  background:
    radial-gradient(ellipse 90% 55% at 12% -10%, rgba(34, 211, 238, 0.14), transparent 55%),
    radial-gradient(ellipse 70% 50% at 92% 0%, rgba(139, 92, 246, 0.16), transparent 52%),
    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(16, 185, 129, 0.06), transparent 60%),
    linear-gradient(180deg, #070b14 0%, #0a1020 45%, #070b14 100%) !important;
  color: var(--text) !important;
  font-family: "Geist", "Inter", "Segoe UI", system-ui, sans-serif !important;
}

html[data-hih-surface="marketing"] a {
  color: inherit;
}

html[data-hih-surface="marketing"] nav,
html[data-hih-surface="marketing"] header,
html[data-hih-surface="marketing"] .navbar,
html[data-hih-surface="marketing"] .site-header,
html[data-hih-surface="marketing"] .topbar {
  background: rgba(7, 11, 20, 0.82) !important;
  border-color: var(--line) !important;
  backdrop-filter: blur(14px);
  color: var(--text) !important;
}

html[data-hih-surface="marketing"] .hero,
html[data-hih-surface="marketing"] section.hero,
html[data-hih-surface="marketing"] #hero {
  background: radial-gradient(ellipse 80% 60% at 20% 0%, rgba(34, 211, 238, 0.12), transparent 55%),
    radial-gradient(ellipse 70% 50% at 90% 10%, rgba(139, 92, 246, 0.14), transparent 50%),
    transparent !important;
  color: var(--text) !important;
}

html[data-hih-surface="marketing"] h1,
html[data-hih-surface="marketing"] h2,
html[data-hih-surface="marketing"] h3,
html[data-hih-surface="marketing"] .section-title,
html[data-hih-surface="marketing"] .headline {
  color: var(--text) !important;
}

html[data-hih-surface="marketing"] p,
html[data-hih-surface="marketing"] .lead,
html[data-hih-surface="marketing"] .section-sub,
html[data-hih-surface="marketing"] .muted {
  color: var(--muted) !important;
}

html[data-hih-surface="marketing"] .card,
html[data-hih-surface="marketing"] .pricing-card,
html[data-hih-surface="marketing"] .feature-card,
html[data-hih-surface="marketing"] .plan,
html[data-hih-surface="marketing"] .panel,
html[data-hih-surface="marketing"] .blog-card,
html[data-hih-surface="marketing"] .hero-tld-panel,
html[data-hih-surface="marketing"] .industry-card,
html[data-hih-surface="marketing"] .hosting-card,
html[data-hih-surface="marketing"] .tld-card {
  background: rgba(20, 27, 46, 0.92) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28) !important;
}

html[data-hih-surface="marketing"] footer,
html[data-hih-surface="marketing"] .site-footer,
html[data-hih-surface="marketing"] .footer {
  background: #060910 !important;
  border-top: 1px solid var(--line) !important;
  color: var(--dim) !important;
}

html[data-hih-surface="marketing"] input,
html[data-hih-surface="marketing"] select,
html[data-hih-surface="marketing"] textarea {
  background: var(--bg3) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
}

html[data-hih-surface="marketing"] .btn-primary,
html[data-hih-surface="marketing"] .cta-primary,
html[data-hih-surface="marketing"] a.btn-primary,
html[data-hih-surface="marketing"] button.primary,
html[data-hih-surface="marketing"] .search-btn,
html[data-hih-surface="marketing"] .nav-cta {
  background: linear-gradient(135deg, #22d3ee, #8b5cf6) !important;
  color: #041016 !important;
  border: none !important;
  background-image: linear-gradient(135deg, #22d3ee, #8b5cf6) !important;
}

html[data-hih-surface="marketing"] .btn-ghost,
html[data-hih-surface="marketing"] .btn-secondary {
  background: transparent !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
}

html[data-hih-surface="marketing"] .hih-reference-982,
html[data-hih-surface="marketing"] [id^="refbanner"],
html[data-hih-surface="marketing"] .refbanner,
html[data-hih-surface="marketing"] #ref-banner {
  display: none !important;
}

/* Soften white sections that stay hard-coded */
html[data-hih-surface="marketing"] section,
html[data-hih-surface="marketing"] .section {
  background-color: transparent;
}

html[data-hih-surface="marketing"] [style*="background:#fff"],
html[data-hih-surface="marketing"] [style*="background: #fff"],
html[data-hih-surface="marketing"] [style*="background:#ffffff"],
html[data-hih-surface="marketing"] [style*="background: #ffffff"],
html[data-hih-surface="marketing"] [style*="background:white"],
html[data-hih-surface="marketing"] [style*="background:#fff8f2"],
html[data-hih-surface="marketing"] [style*="background: #fff8f2"] {
  background: var(--bg2) !important;
}

html[data-hih-surface="marketing"] [style*="color:#000"],
html[data-hih-surface="marketing"] [style*="color: #000"],
html[data-hih-surface="marketing"] [style*="color:black"] {
  color: var(--text) !important;
}

/* CloverNets: kill cream CI + white price panel glare */
html[data-hih-surface="marketing"][data-hih-accent="nets"] #hih-ci-sprint1,
html[data-hih-surface="marketing"][data-hih-accent="nets"] style#hih-ci-sprint1 {
  /* unused selector kept for grep; overrides below win by specificity */
}

html[data-hih-surface="marketing"] .hero-tld-panel {
  background: linear-gradient(165deg, rgba(24, 32, 54, 0.98), rgba(14, 20, 36, 0.98)) !important;
  border: 1px solid rgba(34, 211, 238, 0.22) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important;
}

html[data-hih-surface="marketing"] .hero-tld-panel .ht-head,
html[data-hih-surface="marketing"] .ht-head {
  color: #eef2f8 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: transparent !important;
}

html[data-hih-surface="marketing"] .hero-tld-panel .ht-row,
html[data-hih-surface="marketing"] .ht-row {
  color: #a7b2c7 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-hih-surface="marketing"] .hero-tld-panel .ht-row b,
html[data-hih-surface="marketing"] .ht-row b {
  color: #eef2f8 !important;
}

html[data-hih-surface="marketing"] .hero-tld-panel .ht-meta,
html[data-hih-surface="marketing"] .ht-meta,
html[data-hih-surface="marketing"] .hero-tld-panel .ht-more {
  color: #8b93a7 !important;
}

html[data-hih-surface="marketing"] .hero-tld-panel .ht-ok {
  color: #34d399 !important;
}

html[data-hih-surface="marketing"] .hero-tld-panel .ht-cta {
  background: linear-gradient(135deg, #22d3ee, #8b5cf6) !important;
  color: #041016 !important;
}

html[data-hih-surface="marketing"] .hero-chip {
  background: rgba(20, 27, 46, 0.9) !important;
  color: #eef2f8 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html[data-hih-surface="marketing"] .hero-chip .muted {
  color: #a7b2c7 !important;
}

html[data-hih-surface="marketing"] .lang-dropdown {
  background: #121a2c !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html[data-hih-surface="marketing"] .lang-dropdown a {
  color: #eef2f8 !important;
}

html[data-hih-surface="marketing"] .navbar .lang-btn {
  color: #eef2f8 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}


/* Contrast 20261002c: light blue accent words, not navy */
html[data-hih-surface="marketing"] .gradient-text {
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: #7dd3fc !important;
  color: #7dd3fc !important;
}
html[data-hih-surface="marketing"] .hero-stat .num,
html[data-hih-surface="marketing"] .hero-stats .num {
  color: #eef2f8 !important;
}
html[data-hih-surface="marketing"] .hero-stat .label,
html[data-hih-surface="marketing"] .hero-stats .label {
  color: #a7b2c7 !important;
}


/* Nets hosting order buttons 20261002d */
html[data-hih-surface="marketing"] .order-btn,
html[data-hih-surface="marketing"] a.order-btn,
html[data-hih-surface="marketing"] .order-btn.default,
html[data-hih-surface="marketing"] .order-btn.primary {
  background: linear-gradient(135deg, #22d3ee, #8b5cf6) !important;
  color: #041016 !important;
  -webkit-text-fill-color: #041016 !important;
  border: none !important;
}
html[data-hih-surface="marketing"] .order-btn svg {
  stroke: #041016 !important;
  color: #041016 !important;
}


/* Nets hosting-order-btn 20261002d */
html[data-hih-surface="marketing"] .hosting-order-btn,
html[data-hih-surface="marketing"] a.hosting-order-btn {
  background: linear-gradient(135deg, #22d3ee, #8b5cf6) !important;
  color: #041016 !important;
  -webkit-text-fill-color: #041016 !important;
  border: none !important;
}
html[data-hih-surface="marketing"] .hosting-order-btn svg {
  stroke: #041016 !important;
  color: #041016 !important;
}