/* ═══════════════════════════════════════════════════════════════════
   NIGHT THEME — additive overrides keyed on html[data-theme="night"].
   Day mode = the original stylesheet untouched; nothing here fires.
   Every selector repeats the page's own selector after the prefix so
   specificity always wins without restructuring the page CSS.
   Palette: deep-slate ladder on the existing Tailwind-slate scale —
     bg #0B1220 · raised #101A2E · card #131F38 · inset #1D2A44
     text #F1F5F9 / #A9B6CC / #94A3B8 · borders white @ 12% / 7%
   Accents (blue→cyan gradient, emerald, amber) stay; dark-on-light
   accent chips flip to alpha tints of the same hue.
   ═══════════════════════════════════════════════════════════════════ */

html[data-theme="night"] { color-scheme: dark; }

/* ═══ THEME TOGGLE (both modes — this file is always linked) ═══ */
.theme-toggle {
  width: 34px; height: 34px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 1px solid rgba(0,0,0,0.1);
  color: rgba(15,23,42,0.6); cursor: pointer;
  margin-left: 6px; flex-shrink: 0; padding: 0;
  transition: border-color 0.2s, color 0.2s;
}
.theme-toggle:hover { border-color: rgba(0,0,0,0.25); color: #0f172a; }
.theme-toggle svg { width: 16px; height: 16px; }
/* icon shows the mode you'd switch to */
.theme-toggle .tt-sun { display: none; }
html[data-theme="night"] .theme-toggle .tt-sun { display: block; }
html[data-theme="night"] .theme-toggle .tt-moon { display: none; }
html[data-theme="night"] .theme-toggle {
  border-color: rgba(255,255,255,0.15); color: rgba(241,245,249,0.65);
}
html[data-theme="night"] .theme-toggle:hover { border-color: rgba(255,255,255,0.35); color: #fff; }

/* ═══ BASE ═══ */
html[data-theme="night"] body { background: #0B1220; color: #F1F5F9; }

/* ═══ NAV ═══ */
html[data-theme="night"] nav {
  background: rgba(11,18,32,0.8);
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
html[data-theme="night"] .logo .sms { color: #fff; }
html[data-theme="night"] .nav-r a { color: rgba(241,245,249,0.55); }
html[data-theme="night"] .nav-r a:hover { color: #fff; }
html[data-theme="night"] .nav-si {
  border-color: rgba(255,255,255,0.15) !important;
  color: rgba(241,245,249,0.65) !important;
}
html[data-theme="night"] .nav-si:hover { border-color: rgba(255,255,255,0.35) !important; }

/* ═══ HERO ═══ */
html[data-theme="night"] .hero { background: #0B1220; }
html[data-theme="night"] .hero::before {
  background: radial-gradient(ellipse, rgba(37,99,235,0.22) 0%, rgba(6,182,212,0.14) 35%, transparent 60%);
}
html[data-theme="night"] .headline .static { color: #fff; }
html[data-theme="night"] .hero-sub { color: rgba(241,245,249,0.55); }
html[data-theme="night"] .hero-checks span { color: rgba(241,245,249,0.55); }
html[data-theme="night"] .hero-int-label { color: rgba(241,245,249,0.4); }
html[data-theme="night"] .hero-int-item { color: rgba(241,245,249,0.5); }
html[data-theme="night"] .hero-int-item img { filter: brightness(1.15); }
html[data-theme="night"] .hero-dial-link { color: #94A3B8; }
html[data-theme="night"] .hero-dial-link:hover { color: #60A5FA; }
html[data-theme="night"] .hero-tendlc { color: rgba(226,232,240,0.85); }
/* dark secondary button was slate-on-white; give it lift on dark */
html[data-theme="night"] .btn-secondary {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.15);
}
html[data-theme="night"] .btn-secondary:hover { border-color: rgba(255,255,255,0.3); }
html[data-theme="night"] .dash-hero img {
  border-color: rgba(255,255,255,0.1);
  box-shadow: 0 20px 80px rgba(0,0,0,0.55), 0 4px 20px rgba(0,0,0,0.35);
}
html[data-theme="night"] .dash-lightbox { background: rgba(2,6,23,0.9); }

/* ═══ DIVIDER ═══ */
html[data-theme="night"] .divider {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08) 50%, transparent);
}

/* ═══ AI DEMO APP CARD ═══ */
html[data-theme="night"] .aidemo-app { background: #101A2E; }
html[data-theme="night"] .apv-section .aidemo-app {
  border-color: rgba(255,255,255,0.08);
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
}
html[data-theme="night"] .aidemo-head { background: #131F38; border-bottom-color: rgba(255,255,255,0.08); }
html[data-theme="night"] .aidemo-who strong { color: #F1F5F9; }
html[data-theme="night"] .aidemo-who span { color: #94A3B8; }
html[data-theme="night"] .aidemo-ai-pill {
  background: rgba(139,92,246,0.15); color: #C4B5FD; border-color: rgba(196,181,253,0.3);
}
html[data-theme="night"] .aidemo-bubble { color: #E2E8F0; }
html[data-theme="night"] .aidemo-bubble.in { background: #1D2A44; border-color: rgba(255,255,255,0.06); }
html[data-theme="night"] .aidemo-status { color: #34D399; }
html[data-theme="night"] .aidemo-compose { background: #131F38; border-top-color: rgba(255,255,255,0.08); }
html[data-theme="night"] .aidemo-input { background: #1D2A44; color: #8CA0BC; }
html[data-theme="night"] .aidemo-agent-tag { color: #7C8DA6; }

/* ═══ APV (white-glove band) ═══ */
html[data-theme="night"] .apv-section { background: #0B1220; }
html[data-theme="night"] .apv-section.apv-tint { background: #101A2E; }
html[data-theme="night"] .apv-h2 { color: #F1F5F9; }
html[data-theme="night"] .apv-copy { color: #A9B6CC; }
html[data-theme="night"] .apv-note { color: #7C8DA6; }
html[data-theme="night"] .apv-brand { border-bottom-color: rgba(255,255,255,0.07); }
html[data-theme="night"] .apv-status { color: #FBBF24; }
html[data-theme="night"] .apv-status.approved { color: #34D399; }

/* ═══ FEATURE ROWS ═══ */
html[data-theme="night"] .feat-header h2 { color: #F1F5F9; }
html[data-theme="night"] .feat-eyebrow { color: #60A5FA; }
html[data-theme="night"] .feat-badge { color: #60A5FA; background: rgba(37,99,235,0.16); }
html[data-theme="night"] .feat-text h3 { color: #F1F5F9; }
html[data-theme="night"] .feat-text p { color: #A9B6CC; }
html[data-theme="night"] .feat-panel {
  background: #131F38; border-color: rgba(255,255,255,0.1);
  box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}
html[data-theme="night"] .feat-chrome { background: #101A2E; border-bottom-color: rgba(255,255,255,0.06); }
html[data-theme="night"] .feat-chrome i { background: #2A3A5A; }
html[data-theme="night"] .feat-bubble.in { background: #1D2A44; color: #E2E8F0; }
html[data-theme="night"] .feat-deliver-head { color: #94A3B8; }
html[data-theme="night"] .feat-deliver-head b { color: #F1F5F9; }
html[data-theme="night"] .feat-num-row { background: #101A2E; border-color: rgba(255,255,255,0.06); }
html[data-theme="night"] .feat-num { color: #F1F5F9; }
html[data-theme="night"] .feat-bar { background: #1D2A44; }
html[data-theme="night"] .feat-status.ok { color: #34D399; }
html[data-theme="night"] .feat-status.risk { color: #FBBF24; }
/* rotation act uses !important in the page CSS — match it, higher specificity wins */
html[data-theme="night"] .feat-status.swapped { background: #1D2A44 !important; color: #94A3B8 !important; }
html[data-theme="night"] .feat-num-row.rotated .feat-bar i { background: #3B4C6E !important; }
html[data-theme="night"] .feat-call-name { color: #F1F5F9; }
html[data-theme="night"] .feat-call-meta { color: #94A3B8; }
html[data-theme="night"] .feat-call-done { color: #34D399; }
html[data-theme="night"] .feat-booked { color: #34D399; }
html[data-theme="night"] .feat-summary { background: #101A2E; border-color: rgba(255,255,255,0.06); }
html[data-theme="night"] .feat-summary p { color: #E2E8F0; }
html[data-theme="night"] .feat-next { color: #60A5FA; }
html[data-theme="night"] .feat-check-row { border-bottom-color: rgba(255,255,255,0.07); }
html[data-theme="night"] .feat-check-dot { background: rgba(16,185,129,0.16); color: #34D399; }
html[data-theme="night"] .feat-check-dot.pending { background: rgba(37,99,235,0.18); color: #60A5FA; }
html[data-theme="night"] .feat-check-label { color: #F1F5F9; }
html[data-theme="night"] .feat-check-sub { color: #94A3B8; }
html[data-theme="night"] .feat-human { background: #101A2E; border-color: rgba(255,255,255,0.06); }
html[data-theme="night"] .feat-human p { color: #C3CEDF; }
html[data-theme="night"] .feat-human b { color: #7C8DA6; }
html[data-theme="night"] .feat-explore-btn {
  background: #131F38; border-color: rgba(255,255,255,0.12); color: #fff;
}
html[data-theme="night"] .feat-explore-btn:hover,
html[data-theme="night"] .feat-explore-btn:focus-visible {
  border-color: rgba(255,255,255,0.3);
  box-shadow: 0 12px 30px -12px rgba(0,0,0,0.6);
}

/* ═══ DIALER PANEL ═══ */
html[data-theme="night"] .dlr-from { color: #94A3B8; }
html[data-theme="night"] .dlr-from b { color: #C3CEDF; }
html[data-theme="night"] .dlr-contact { background: #1D2A44; border-color: rgba(255,255,255,0.1); }
html[data-theme="night"] .dlr-contact .num { color: #A9B6CC; }
html[data-theme="night"] .dlr-duration { color: #F1F5F9; }
html[data-theme="night"] .dlr-ctl { background: #1D2A44; border-color: rgba(255,255,255,0.1); color: #C3CEDF; }
html[data-theme="night"] .dlr-ctl.end { background: #EF4444; border-color: #EF4444; color: #fff; }
html[data-theme="night"] .dlr-dispo { color: #C3CEDF; border-color: rgba(255,255,255,0.12); }
html[data-theme="night"] .dlr-dispo.hit { background: rgba(16,185,129,0.14); color: #34D399; border-color: rgba(16,185,129,0.35); }
/* solid bg — the toast floats over other content; an alpha tint lets the
   chips underneath bleed through and the text becomes unreadable (Alex 07-12) */
html[data-theme="night"] .dlr-vm {
  background: #16294F; border-color: rgba(59,130,246,0.45); color: #93C5FD;
  box-shadow: 0 6px 16px -6px rgba(0,0,0,0.5);
}

/* ═══ PRICING ═══ */
html[data-theme="night"] .pricing-section { background: #0B1220; }
html[data-theme="night"] .pricing-header h2 { color: #F1F5F9; }
html[data-theme="night"] .pricing-header p { color: rgba(241,245,249,0.5); }
html[data-theme="night"] .pricing-toggle-inner { background: #1D2A44; }
html[data-theme="night"] .pricing-toggle-btn { color: rgba(241,245,249,0.5); }
html[data-theme="night"] .pricing-toggle-btn.active {
  background: #334155; color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
html[data-theme="night"] .ptier { background: #111C33; border-color: rgba(255,255,255,0.08); }
html[data-theme="night"] .ptier:hover { box-shadow: 0 12px 48px rgba(0,0,0,0.4); }
html[data-theme="night"] .ptier-pop {
  border-color: rgba(96,165,250,0.35);
  background: linear-gradient(180deg, rgba(37,99,235,0.12) 0%, #111C33 100%);
  box-shadow: 0 4px 24px rgba(37,99,235,0.12);
}
html[data-theme="night"] .ptier-pop:hover { box-shadow: 0 16px 56px rgba(37,99,235,0.18); }
html[data-theme="night"] .ptier-name { color: rgba(241,245,249,0.45); }
html[data-theme="night"] .ptier-price { color: #F1F5F9; }
html[data-theme="night"] .ptier-price span { color: rgba(241,245,249,0.45); }
html[data-theme="night"] .ptier-desc { color: rgba(241,245,249,0.5); }
html[data-theme="night"] .ptier-features li { color: rgba(241,245,249,0.65); border-bottom-color: rgba(255,255,255,0.05); }
html[data-theme="night"] .ptier-cta-secondary { background: rgba(255,255,255,0.1); color: #fff; box-shadow: none; }
html[data-theme="night"] .ptier-cta-secondary:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.35); }
html[data-theme="night"] .ptier-cta-outline { background: transparent; color: #fff; border-color: rgba(255,255,255,0.18); }
html[data-theme="night"] .ptier-cta-outline:hover { border-color: rgba(255,255,255,0.35); box-shadow: 0 4px 12px rgba(0,0,0,0.3); }

/* ═══ FAQ ═══ */
html[data-theme="night"] .faq-list details { border-bottom-color: rgba(255,255,255,0.08); }
html[data-theme="night"] .faq-list summary { color: #F1F5F9; }
html[data-theme="night"] .faq-list summary::after { color: rgba(241,245,249,0.35); }
html[data-theme="night"] .faq-list summary:hover { color: #60A5FA; }
html[data-theme="night"] .faq-body { color: rgba(241,245,249,0.55); }

/* bottom CTA + footer are already dark (#0f172a) in day mode — on the
   deeper night bg they read as a subtle raised band; intentionally kept. */

/* ═══════════════════════════════════════════════════════════════════
   ROOT MARKETING PAGES — night sweep (features, verticals,
   comparisons, calculator, checkers, docs, legal, misc).
   Same rules as above: additive, every selector prefixed with
   html[data-theme="night"], day mode untouched.
   ═══════════════════════════════════════════════════════════════════ */

/* ═══ SHARED TOKEN FLIP ═══ */
/* Every root template declares the same :root palette (long --gray-*
   or short --g* names). html[data-theme="night"] is (0,1,1) and beats
   :root's (0,1,0) regardless of load order. index.html uses no vars,
   so the homepage is unaffected. */
html[data-theme="night"] {
  --white: #0B1220;
  --dark: #F1F5F9;
  --gray-900: #F1F5F9; --gray-700: #A9B6CC; --gray-500: #94A3B8;
  --gray-300: rgba(255,255,255,0.25); --gray-100: #131F38; --gray-50: #101A2E;
  --g900: #F1F5F9; --g700: #A9B6CC; --g500: #94A3B8;
  --g300: rgba(255,255,255,0.25); --g100: #131F38; --g50: #101A2E;
}

/* ═══ SHARED PATCHES — rules the token flip would otherwise break ═══ */
/* day mode paints these with color:var(--white) on gradient/dark
   surfaces; the flip would turn that text near-black. Pin to white. */
html[data-theme="night"] .btn-primary,
html[data-theme="night"] .cta-box,
html[data-theme="night"] .cta-block,
html[data-theme="night"] .mini-cta,
html[data-theme="night"] .mini-cta h2,
html[data-theme="night"] .step-num,
html[data-theme="night"] .bar-fill,
html[data-theme="night"] .trust-avatar,
html[data-theme="night"] .btn-ghost { color: #fff; }
/* white button on gradient CTA boxes stays white */
html[data-theme="night"] .btn-white { background: #fff; color: #2563EB !important; }
/* dark bands built from var(--dark) — keep them dark */
html[data-theme="night"] .comparison-table th { background: #1D2A44; color: #F1F5F9; }
html[data-theme="night"] .cmp thead th { background: #1D2A44; }
html[data-theme="night"] .section-dark { background: linear-gradient(135deg, #0F172A 0%, #1a2744 100%); color: #fff; }
html[data-theme="night"] .section-dark h2,
html[data-theme="night"] .section-dark .section-head h2 { color: #fff; }
html[data-theme="night"] .toast { background: #1D2A44; color: #F1F5F9; }
html[data-theme="night"] .code-example { background: #0F172A; border: 1px solid rgba(255,255,255,0.07); }
/* calculator + 10dlc-checker mini-cta uses var(--dark) in its gradient
   (number-health-checker's is blue→cyan and stays) */
html[data-theme="night"] body:has(#saveMo) .mini-cta,
html[data-theme="night"] body:has(#brand-tile) .mini-cta { background: linear-gradient(135deg, #101A2E, #1e3a5f); }
/* muted copy on dark/gradient bands used var(--gray-300) as light text */
html[data-theme="night"] .mini-cta p,
html[data-theme="night"] .live-cta p,
html[data-theme="night"] .final-cta p,
html[data-theme="night"] .section-dark p,
html[data-theme="night"] .section-dark .section-head p { color: rgba(241,245,249,0.72); }
/* amber callout: light cream box → amber-tinted dark */
html[data-theme="night"] .note { background: rgba(245,158,11,0.1); color: #FCD34D; }
/* accent chips: dark-on-light tint → brighter hue on stronger tint */
html[data-theme="night"] .category { background: rgba(37,99,235,0.18); color: #60A5FA; }
html[data-theme="night"] .category.comparison { background: rgba(16,185,129,0.16); color: #34D399; }
html[data-theme="night"] .comparison-table tr.highlight td { background: rgba(37,99,235,0.14); }

/* ═══ ARTICLE TEMPLATE (verticals + *-alternative comparisons) ═══ */
html[data-theme="night"] .article-header { background: linear-gradient(180deg, #101A2E 0%, #0B1220 100%); }
/* inline-styled "related links" section injected on 39 article pages —
   stylesheet !important beats non-important inline styles */
html[data-theme="night"] section[data-rsms-related] { border-top-color: rgba(255,255,255,0.12) !important; }
html[data-theme="night"] section[data-rsms-related] h2[style] { color: #F1F5F9 !important; }

/* ═══ TINTED HEROES (calculator, checkers, ecom verticals, api-docs) ═══ */
/* :not(:has(#typed)) excludes the homepage hero, whose night look is
   already final above (same specificity would otherwise lose to this
   later rule) */
html[data-theme="night"] .hero:not(:has(#typed)) { background: linear-gradient(180deg, #101A2E 0%, #0B1220 100%); }

/* ═══ PAGE HEADER (book / integrations / enterprise-pricing / legal) ═══ */
html[data-theme="night"] .page-header { background: linear-gradient(180deg, #101A2E 0%, #0B1220 100%); }
html[data-theme="night"] .page-header h1 { color: #F1F5F9; }
html[data-theme="night"] .page-header .meta { color: rgba(241,245,249,0.4); }

/* ═══ CONTACT ═══ */
html[data-theme="night"] .contact { background: linear-gradient(180deg, #101A2E 0%, #0B1220 100%); }

/* ═══ FEATURES PAGE ═══ */
html[data-theme="night"] .spot { background: #0B1220; }
html[data-theme="night"] .spot.tint { background: #101A2E; }
html[data-theme="night"] .mock {
  background: #131F38; border-color: rgba(255,255,255,0.1);
  box-shadow: 0 30px 60px -26px rgba(0,0,0,0.6), 0 10px 24px -16px rgba(0,0,0,0.45);
}
html[data-theme="night"] .spot-visual .mock::before {
  background-color: #101A2E;
  background-image: radial-gradient(circle 4.5px at 20px 50%, #3B4C6E 99%, transparent),
                    radial-gradient(circle 4.5px at 34px 50%, #3B4C6E 99%, transparent),
                    radial-gradient(circle 4.5px at 48px 50%, #3B4C6E 99%, transparent);
  border-bottom-color: rgba(255,255,255,0.06);
}
html[data-theme="night"] .ai-text { background: #1D2A44; border-color: rgba(255,255,255,0.08); }
html[data-theme="night"] .ai-edit { background: #1D2A44; }
html[data-theme="night"] .dl-disp button { background: #1D2A44; }
html[data-theme="night"] .nh-ring::before { background: #131F38; }
html[data-theme="night"] .mk-typing2 { background: #1D2A44; }
html[data-theme="night"] .kb-card { background: #1D2A44; border-color: rgba(255,255,255,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.3); }
html[data-theme="night"] .fl-node { background: #1D2A44; border-color: rgba(255,255,255,0.12); }
html[data-theme="night"] .fl-node.trigger { background: rgba(37,99,235,0.14); color: #60A5FA; }
html[data-theme="night"] .fl-node.green { background: rgba(16,185,129,0.12); color: #34D399; }
html[data-theme="night"] .ig-chip { background: #131F38; }
html[data-theme="night"] .compare { background: #0B1220; }
html[data-theme="night"] .cmp { background: #131F38; }
html[data-theme="night"] .cmp .no { color: rgba(255,255,255,0.3); }
html[data-theme="night"] .cmp .part { color: #FBBF24; }
html[data-theme="night"] .cmp td.rs { background: rgba(37,99,235,0.12); color: #60A5FA; }
html[data-theme="night"] .all-feats { background: #101A2E; }
html[data-theme="night"] .all-feats .sub { color: #94A3B8; }
html[data-theme="night"] .af-card { background: #131F38; border-color: rgba(255,255,255,0.07); }
html[data-theme="night"] .af-card li { color: #A9B6CC; }

/* ═══ API DOCS ═══ */
html[data-theme="night"] .section-title { color: #F1F5F9; }
html[data-theme="night"] .section-sub { color: #94A3B8; }
html[data-theme="night"] .tabs { background: #131F38; }
html[data-theme="night"] .tab-btn { color: #94A3B8; }
html[data-theme="night"] .tab-btn:hover { color: #F1F5F9; }
html[data-theme="night"] .tab-btn.active { background: #334155; color: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.3); }
html[data-theme="night"] .client-btn { background: #131F38; border-color: rgba(255,255,255,0.12); color: #94A3B8; }
html[data-theme="night"] .client-btn:hover { border-color: rgba(255,255,255,0.3); color: #F1F5F9; }
html[data-theme="night"] .client-btn.active { background: #334155; color: #fff; border-color: #334155; }
html[data-theme="night"] .step { background: #131F38; border-color: rgba(255,255,255,0.07); }
html[data-theme="night"] .step h3 { color: #F1F5F9; }
html[data-theme="night"] .step p { color: #94A3B8; }
html[data-theme="night"] .integrations { background: #101A2E; }
html[data-theme="night"] .int-card { background: #131F38; border-color: rgba(255,255,255,0.07); }
html[data-theme="night"] .int-card h3 { color: #F1F5F9; }
html[data-theme="night"] .int-card p { color: #94A3B8; }
html[data-theme="night"] .endpoint { background: #131F38; border-color: rgba(255,255,255,0.07); }
html[data-theme="night"] .endpoint-header:hover { background: rgba(255,255,255,0.03); }
html[data-theme="night"] .endpoint-group h3 { color: #F1F5F9; }
html[data-theme="night"] .path { color: #E2E8F0; }
html[data-theme="night"] .ep-desc { color: #94A3B8; }
html[data-theme="night"] .param-name { color: #E2E8F0; }
html[data-theme="night"] .param-desc { color: #94A3B8; }
html[data-theme="night"] .tool-cat { background: #131F38; border-color: rgba(255,255,255,0.07); }
html[data-theme="night"] .tool-cat h4 { color: #F1F5F9; }
html[data-theme="night"] .tool-cat .count { color: #94A3B8; }
/* inline-styled bits ("58 tools" heading, "Need help" box) — a stylesheet
   !important beats a non-important inline style */
html[data-theme="night"] .mcp-section > h3[style] { color: #F1F5F9 !important; }
html[data-theme="night"] .api-section > div[style] { background: #131F38 !important; border-color: rgba(255,255,255,0.07) !important; }
html[data-theme="night"] .api-section > div[style] h3[style] { color: #F1F5F9 !important; }
html[data-theme="night"] .api-section > div[style] p[style] { color: #94A3B8 !important; }
html[data-theme="night"] .api-section > div[style] a[style] { color: #60A5FA !important; }

/* ═══ LEGAL PAGES (privacy / terms / acceptable-use) ═══ */
html[data-theme="night"] .content h2,
html[data-theme="night"] .content h3,
html[data-theme="night"] .content li strong,
html[data-theme="night"] .content p strong { color: #F1F5F9; }
html[data-theme="night"] .content p,
html[data-theme="night"] .content li { color: #A9B6CC; }
html[data-theme="night"] .content a { color: #60A5FA; }
html[data-theme="night"] .company-info { background: #131F38; border-color: rgba(255,255,255,0.07); color: #94A3B8; }
html[data-theme="night"] .company-info strong { color: #F1F5F9; }
html[data-theme="night"] .company-info a { color: #60A5FA; }

/* ═══ CHECKERS (10dlc-checker / number-health-checker) ═══ */
html[data-theme="night"] .template-helper { background: #16233F; border-color: rgba(96,165,250,0.3); }
html[data-theme="night"] .upsell-modal .modal-credits { background: #16233F; border-color: rgba(96,165,250,0.3); }
/* checker result CTA box: light blue tint → dark card (scoped so the
   vertical pages' gradient .cta-block keeps its brand gradient) */
html[data-theme="night"] body:has(#brand-tile) .cta-block { background: #131F38; border: 1px solid rgba(255,255,255,0.1); }
html[data-theme="night"] body:has(#brand-tile) .cta-block.green { background: rgba(16,185,129,0.14); }
html[data-theme="night"] body:has(#brand-tile) .cta-block.red { background: rgba(239,68,68,0.14); }
html[data-theme="night"] body:has(#brand-tile) .cta-block.amber { background: rgba(245,158,11,0.14); }

/* ═══ START / CALL PAGES (start, onboarding-call, walkthrough-call) ═══ */
/* gradient body is already overridden by the base body rule; the white
   card needs its own surface */
html[data-theme="night"] .card { background: #131F38; box-shadow: 0 8px 40px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.4); }