/* ================================================================
   BlockTrace Forensics — theme-light.css
   Light Professional Theme Override
   Load AFTER style.css. Do NOT modify style.css.
   ================================================================ */

/* ═══════════════════════════════════════════════════════════════
   1. CSS VARIABLE OVERRIDES
   These cascade automatically through all var(--x) usages.
═══════════════════════════════════════════════════════════════ */
:root {
  /* Backgrounds */
  --bg:  #ffffff;
  --bg2: #ffffff;
  --bg3: #f8fafc;
  --bg4: #f1f5f9;

  /* Accent: professional deep blue + teal */
  --accent:  #2563eb;
  --accent2: #1d4ed8;
  --accent3: #0891b2;
  --teal:    #0891b2;
  --purple:  #7c3aed;
  --gold:    #b45309;
  --red:     #dc2626;

  /* Typography */
  --white: #0f172a;   /* heading colour (was near-white #eaf1ff) */
  --text:  #1e293b;
  --muted: #475569;

  /* Borders */
  --border:        rgba(148,163,184,.2);
  --border2:       rgba(37,99,235,.28);
  --border-gold:   rgba(180,83,9,.15);
  --border-purple: rgba(124,58,237,.15);
  --border-red:    rgba(220,38,38,.15);

  /* Shadows */
  --glow:        0 4px 32px rgba(37,99,235,.1);
  --glow2:       0 8px 64px rgba(37,99,235,.06);
  --glow-red:    0 4px 32px rgba(220,38,38,.1);
  --glow-purple: 0 4px 32px rgba(124,58,237,.1);
}

/* ═══════════════════════════════════════════════════════════════
   2. BASE
═══════════════════════════════════════════════════════════════ */
html { background: #ffffff !important; }
body { background: #ffffff !important; color: #1e293b !important; }

/* Force all native form widgets (select dropdowns, date pickers, etc.)
   to render in light mode regardless of OS dark-mode setting */
select, option, optgroup,
input[type="date"], input[type="time"], input[type="color"] {
  color-scheme: light !important;
}

::selection { background: rgba(37,99,235,.15); color: #0f172a; }

::-webkit-scrollbar-track { background: #f1f5f9 !important; }
::-webkit-scrollbar-thumb { background: #2563eb !important; border-radius: 4px; }

/* ═══════════════════════════════════════════════════════════════
   2B. GLOBAL TEXT READABILITY
   White/light-background cards inside dark sections inherit the
   dark section's light CSS variables. This block resets them.
═══════════════════════════════════════════════════════════════ */

/* Section typography globals */
.section-sub { color: #374151 !important; }

/* Headings on light backgrounds */
h1:not([style*="color"]),
h2:not([style*="color"]),
h3:not([style*="color"]),
h4:not([style*="color"]) { color: #0f172a; }

/* Any white card sitting inside a dark-bg section
   gets explicit dark text so var(--text) inheritance can't wash it out */
[class*="pg-"] .card h3,
[class*="pg-"] .card h4 { color: #0f172a !important; }
[class*="pg-"] .card p  { color: #374151 !important; }

[class*="pg-"] .related-title { color: #0f172a !important; }
[class*="pg-"] .related-desc  { color: #374151 !important; }

[class*="pg-"] .faq-q h4 { color: #0f172a !important; }
[class*="pg-"] .faq-a p  { color: #374151 !important; }

[class*="pg-"] .scenario-card h3,
[class*="pg-"] .scenario-card h4 { color: #0f172a !important; }
[class*="pg-"] .scenario-card p  { color: #374151 !important; }

[class*="pg-"] .tl-content h4 { color: #0f172a !important; }
[class*="pg-"] .tl-content p  { color: #374151 !important; }
[class*="pg-"] .tl-time        { color: #2563eb !important; }
[class*="pg-"] .tl-num         { color: #ef4444 !important; font-weight: 700 !important; }

[class*="pg-"] .next-card h3,
[class*="pg-"] .next-card h4 { color: #0f172a !important; }
[class*="pg-"] .next-card p  { color: #374151 !important; }

[class*="pg-"] .inc-title { color: #0f172a !important; }
[class*="pg-"] .inc-desc  { color: #374151 !important; }

/* ── Global .ci check-icon fix ──────────────────────────────────
   style.css uses near-invisible rgba(0,255,179,.08) bg + border.
   In light theme this creates faint teal boxes. Replace globally
   with solid filled blue badges (white check on colored bg). */
[class*="pg-"] .co .ci,
[class*="pg-"] .ucl .ci,
[class*="pg-"] .uc-outcome .ci,
[class*="pg-"] .ri .ci,
[class*="pg-"] .acl .ci {
  background: #2563eb !important;
  border-color: #2563eb !important;
}
[class*="pg-"] .co .ci i,
[class*="pg-"] .ucl .ci i,
[class*="pg-"] .uc-outcome .ci i,
[class*="pg-"] .ri .ci i,
[class*="pg-"] .acl .ci i {
  color: #ffffff !important;
}
/* Per-page accent colors */
.pg-scam-investigations .co .ci,
.pg-scam-investigations .ucl .ci,
.pg-scam-investigations .uc-outcome .ci,
.pg-scam-investigations .ri .ci,
.pg-scam-investigations .acl .ci { background: #dc2626 !important; border-color: #dc2626 !important; }

.pg-exchange-intelligence .co .ci,
.pg-exchange-intelligence .ucl .ci,
.pg-exchange-intelligence .uc-outcome .ci,
.pg-exchange-intelligence .ri .ci,
.pg-exchange-intelligence .acl .ci { background: #0891b2 !important; border-color: #0891b2 !important; }

.pg-forensic-reports .co .ci,
.pg-forensic-reports .ucl .ci,
.pg-forensic-reports .uc-outcome .ci,
.pg-forensic-reports .ri .ci,
.pg-forensic-reports .acl .ci { background: #d97706 !important; border-color: #d97706 !important; }

.pg-legal-support .co .ci,
.pg-legal-support .ucl .ci,
.pg-legal-support .uc-outcome .ci,
.pg-legal-support .ri .ci,
.pg-legal-support .acl .ci { background: #7c3aed !important; border-color: #7c3aed !important; }

/* Dark-section overrides WIN because they come later in the file
   with full specificity selectors AND !important — this block
   only catches the common unscoped cases */

/* ═══════════════════════════════════════════════════════════════
   3. NAVBAR
   All nav rules in style.css use !important — we match the same
   selectors so our later-loaded rules win the cascade.
═══════════════════════════════════════════════════════════════ */
nav#navbar {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: 0 1px 20px rgba(15,23,42,.06) !important;
}
nav#navbar.scrolled {
  box-shadow: 0 4px 32px rgba(15,23,42,.12) !important;
}

/* Logo */
nav#navbar a.logo,
nav#navbar .logo { color: #0f172a !important; }
nav#navbar .logo span { color: #1d4ed8 !important; }
nav#navbar .logo-mark {
  background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color: #ffffff !important;
}

/* Nav links */
nav#navbar>ul>li>a,
nav#navbar .dropdown-toggle {
  color: #374151 !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
}
nav#navbar>ul>li>a:hover,
nav#navbar>ul>li>a.active,
nav#navbar .dropdown-toggle:hover,
nav#navbar .dropdown-toggle.active { color: #1d4ed8 !important; font-weight: 600 !important; }

/* CTA button */
.nav-btn {
  background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color: #ffffff !important;
}
.nav-btn:hover { opacity: .88 !important; }

/* Portal button */
.nav-portal-btn {
  border: 1px solid rgba(37,99,235,.3) !important;
  color: #2563eb !important;
}
.nav-portal-btn:hover {
  background: rgba(37,99,235,.06) !important;
  border-color: rgba(37,99,235,.55) !important;
  color: #1d4ed8 !important;
}

/* Hamburger */
.hamburger { border: 1px solid rgba(37,99,235,.35) !important; }
.hamburger span { background: #0f172a !important; }

/* Dropdowns */
.nav-dropdown {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  box-shadow: 0 8px 32px rgba(15,23,42,.1) !important;
}
.nav-dropdown a { color: #374151 !important; font-weight: 500 !important; }
.nav-dropdown a:hover {
  color: #1d4ed8 !important;
  font-weight: 600 !important;
  background: rgba(37,99,235,.04) !important;
}

/* Per-page nav-cta variants (exchange-intelligence, forensic-reports) */
[class*="pg-"] .nav-cta {
  background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color: #ffffff !important;
}
[class*="pg-"] .nav-links a { color: #475569 !important; }
[class*="pg-"] .nav-links a:hover,
[class*="pg-"] .nav-links a.active { color: #1d4ed8 !important; }

/* ═══════════════════════════════════════════════════════════════
   4. MOBILE MENU DRAWER
═══════════════════════════════════════════════════════════════ */
.mobile-menu {
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: 0 8px 32px rgba(15,23,42,.08) !important;
}
.mobile-menu a {
  color: #374151 !important;
  font-weight: 600 !important;
  border-bottom-color: rgba(148,163,184,.12) !important;
}
.mobile-menu a:hover,
.mobile-menu a.active { color: #1d4ed8 !important; }
.mobile-menu .mob-cta {
  background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color: #ffffff !important;
}
.mobile-menu .mob-cta:hover { color: #ffffff !important; }
.mob-section-label { color: rgba(37,99,235,.5) !important; }
.mob-portal {
  color: #2563eb !important;
  border-color: rgba(37,99,235,.22) !important;
}
.mob-portal:hover { color: #1d4ed8 !important; }
.mobile-menu .mob-sub:hover { color: #1d4ed8 !important; }

/* ═══════════════════════════════════════════════════════════════
   5. BACK-TO-TOP BUTTON
═══════════════════════════════════════════════════════════════ */
#back-to-top {
  background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  border-color: rgba(37,99,235,.35) !important;
  box-shadow: 0 4px 20px rgba(37,99,235,.28) !important;
  color: #ffffff !important;
}
#back-to-top svg { stroke: #ffffff !important; }
#back-to-top:hover {
  background: linear-gradient(135deg,#1e40af,#1d4ed8) !important;
  box-shadow: 0 6px 32px rgba(37,99,235,.5) !important;
  transform: translateY(-3px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   6. AMBIENT ORBS — recolour for light backgrounds
═══════════════════════════════════════════════════════════════ */
.pg-about .orb1,
.pg-blockchain-tracing .orb1,
.pg-exchange-intelligence .orb1,
.pg-forensic-reports .orb1,
.pg-legal-support .orb1 { background: rgba(37,99,235,.07) !important; }

.pg-about .orb2,
.pg-blockchain-tracing .orb2,
.pg-exchange-intelligence .orb2,
.pg-legal-support .orb2 { background: rgba(8,145,178,.06) !important; }

.pg-about .orb3,
.pg-blockchain-tracing .orb3,
.pg-exchange-intelligence .orb3,
.pg-forensic-reports .orb3,
.pg-legal-support .orb3 { background: rgba(124,58,237,.05) !important; }

.pg-forensic-reports .orb2 { background: rgba(180,83,9,.05) !important; }

.pg-emergency-response .orb1 { background: rgba(220,38,38,.05) !important; }
.pg-emergency-response .orb2 { background: rgba(37,99,235,.05) !important; }

.pg-scam-investigations .orb1 { background: rgba(220,38,38,.05) !important; }
.pg-scam-investigations .orb2 { background: rgba(8,145,178,.05) !important; }
.pg-scam-investigations .orb3 { background: rgba(37,99,235,.04) !important; }

/* Particle canvas: fade so it doesn't overpower light bg */
#hero-canvas { opacity: 0.18 !important; }

/* ═══════════════════════════════════════════════════════════════
   7. HERO SECTIONS — subtle light gradient
═══════════════════════════════════════════════════════════════ */
.pg-index #hero,
.pg-about #hero,
.pg-blockchain-tracing #hero,
.pg-emergency-response #hero,
.pg-exchange-intelligence #hero,
.pg-forensic-reports #hero,
.pg-legal-support #hero,
.pg-scam-investigations #hero,
.pg-contact #hero,
.pg-pricing #hero,
.pg-blog #hero,
.pg-blog-article #hero,
.pg-404 #hero {
  background: linear-gradient(160deg, #eff6ff 0%, #ffffff 55%, #f0f9ff 100%) !important;
}

/* ═══════════════════════════════════════════════════════════════
   8. PROGRESS BAR (blog article reading indicator)
═══════════════════════════════════════════════════════════════ */
#progress-bar {
  background: linear-gradient(90deg,#1d4ed8,#2563eb,#0891b2) !important;
}

/* ═══════════════════════════════════════════════════════════════
   9. BREADCRUMB NAV
═══════════════════════════════════════════════════════════════ */
.breadcrumb-nav,
[class*="pg-"] .breadcrumb-nav {
  background: #f8fafc !important;
  border-bottom-color: rgba(148,163,184,.18) !important;
}
.breadcrumb-nav a,
.breadcrumb-nav span,
[class*="pg-"] .breadcrumb-nav a {
  color: #475569 !important;
  font-weight: 500 !important;
}
.breadcrumb-nav a:hover,
[class*="pg-"] .breadcrumb-nav a:hover { color: #2563eb !important; font-weight: 600 !important; }
.breadcrumb-nav .current,
[class*="pg-"] .breadcrumb-nav .current { color: #1e293b !important; font-weight: 600 !important; }
.breadcrumb-sep { color: rgba(148,163,184,.55) !important; font-weight: 400 !important; }

/* ═══════════════════════════════════════════════════════════════
   10. BUTTONS
═══════════════════════════════════════════════════════════════ */
[class*="pg-"] .btn-primary,
.btn-primary {
  background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(29,78,216,.22) !important;
}
[class*="pg-"] .btn-primary:hover,
.btn-primary:hover {
  box-shadow: 0 8px 32px rgba(29,78,216,.35) !important;
}
[class*="pg-"] .btn-secondary,
.btn-secondary {
  background: transparent !important;
  border-color: rgba(37,99,235,.3) !important;
  color: #1d4ed8 !important;
}
[class*="pg-"] .btn-secondary:hover,
.btn-secondary:hover {
  background: rgba(37,99,235,.06) !important;
  border-color: rgba(37,99,235,.55) !important;
}
[class*="pg-"] .btn-ghost { color: #2563eb !important; }

/* ═══════════════════════════════════════════════════════════════
   11. HARDCODED DARK CARD/SECTION OVERRIDES
═══════════════════════════════════════════════════════════════ */
/* Scam investigations stat-box uses rgba(10,16,32,.8) directly */
.pg-scam-investigations .stat-box {
  background: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.pg-scam-investigations .stat-box::after { background: none !important; }

/* ═══════════════════════════════════════════════════════════════
   12. FAQ ITEMS
═══════════════════════════════════════════════════════════════ */
[class*="pg-"] .faq-item {
  background: #f8fafc !important;
  border-color: rgba(148,163,184,.18) !important;
}
[class*="pg-"] .faq-item:hover { border-color: rgba(37,99,235,.3) !important; }
[class*="pg-"] .faq-item.open {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.35) !important;
}
[class*="pg-"] .faq-icon {
  border-color: rgba(148,163,184,.3) !important;
  color: #475569 !important;
}
[class*="pg-"] .faq-item.open .faq-icon {
  border-color: #2563eb !important;
  color: #2563eb !important;
  transform: rotate(45deg);
}
[class*="pg-"] .faq-a { color: #334155 !important; }

/* ═══════════════════════════════════════════════════════════════
   13. BLOG INDEX — grid cards
═══════════════════════════════════════════════════════════════ */
.blog-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}
.blog-card:hover {
  border-color: rgba(37,99,235,.28) !important;
  box-shadow: 0 8px 36px rgba(29,78,216,.11) !important;
}
.blog-card-meta span { color: #64748b !important; }

/* ═══════════════════════════════════════════════════════════════
   14. BLOG ARTICLE PAGES
═══════════════════════════════════════════════════════════════ */
.pg-blog-article .article-sidebar-card,
.pg-blog-article .toc-box {
  background: #f8fafc !important;
  border-color: rgba(148,163,184,.2) !important;
}
.pg-blog-article .related-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
}
.pg-blog-article .related-card:hover {
  border-color: rgba(37,99,235,.25) !important;
  box-shadow: 0 4px 20px rgba(29,78,216,.1) !important;
}

/* ── Article CTA box — emergency dark theme ── */
.pg-blog-article .article-cta {
  background:
    radial-gradient(ellipse 70% 60% at 10% 50%, rgba(239,68,68,.18) 0%, transparent 55%),
    linear-gradient(135deg, #0f172a 0%, #1e3a8a 60%, #1d4ed8 100%) !important;
  border: 1px solid rgba(96,165,250,.25) !important;
  border-left: 4px solid #ef4444 !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.25) !important;
}
/* (0,3,2) — beats body.pg-blog-article .article-body h3/p at (0,2,2) */
body.pg-blog-article .article-body .article-cta h3,
body.pg-blog-article .article-cta h3,
.pg-blog-article .article-cta h3 {
  color: #f1f5f9 !important;
  font-size: 1.4rem !important;
  letter-spacing: -.02em !important;
}
body.pg-blog-article .article-body .article-cta p,
body.pg-blog-article .article-cta p,
.pg-blog-article .article-cta p {
  color: #cbd5e1 !important;
}
.pg-blog-article .article-cta .btn-secondary,
.pg-blog-article .article-cta .btn-primary {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 20px rgba(220,38,38,.4) !important;
}
.pg-blog-article .article-cta .btn-secondary:hover,
.pg-blog-article .article-cta .btn-primary:hover {
  background: #b91c1c !important;
  border-color: #b91c1c !important;
  box-shadow: 0 6px 28px rgba(220,38,38,.55) !important;
  transform: translateY(-2px) !important;
}

/* ═══════════════════════════════════════════════════════════════
   15. BLOG PAGINATION
═══════════════════════════════════════════════════════════════ */
.pg-btn {
  background: #f8fafc !important;
  border-color: rgba(148,163,184,.25) !important;
  color: #64748b !important;
}
.pg-btn:hover {
  background: #f0f5ff !important;
  border-color: rgba(37,99,235,.4) !important;
  color: #1d4ed8 !important;
}
.pg-btn.active {
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.4) !important;
  color: #1d4ed8 !important;
}

/* ═══════════════════════════════════════════════════════════════
   16. LEGAL TOC SIDEBAR (privacy, terms, disclaimer, nda)
═══════════════════════════════════════════════════════════════ */
.legal-toc,
[class*="pg-"] .legal-toc {
  background: #f8fafc !important;
  border-color: rgba(148,163,184,.2) !important;
}
.legal-toc a { color: #64748b !important; }
.legal-toc a:hover,
.legal-toc a.active { color: #1d4ed8 !important; }
.legal-toc a.active { border-left-color: #2563eb !important; }

/* ═══════════════════════════════════════════════════════════════
   17. FOOTER — keep dark navy for premium contrast
       Re-declare CSS vars inside footer scope so all var() usages
       in footer remain legible on the dark background.
═══════════════════════════════════════════════════════════════ */
footer,
[class*="pg-"] footer {
  background: #0f172a !important;
  /* Restore dark-theme vars for footer children */
  --white:   #f1f5f9;
  --text:    #94a3b8;
  --muted:   #64748b;
  --accent:  #60a5fa;   /* light blue — readable on dark */
  --accent2: #3b82f6;
  --accent3: #2dd4bf;
  --border:  rgba(255,255,255,.07);
  --border2: rgba(255,255,255,.12);
}

/* Footer top border (hardcoded across most pages with cyan tint) */
footer,
[class*="pg-"] footer { border-top-color: rgba(255,255,255,.07) !important; }

/* Footer logo (NOT inside nav#navbar — separate element in footer) */
footer .logo,
footer a.logo { color: #f1f5f9 !important; }
footer .logo span { color: #60a5fa !important; }
footer .logo-mark {
  background: linear-gradient(135deg,#1d4ed8,#3b82f6) !important;
  color: #ffffff !important;
}

/* Hardcoded footer text on blockchain-tracing & similar pages */
[class*="pg-"] .footer-brand p { color: #64748b !important; }
[class*="pg-"] .footer-col h5  { color: #60a5fa !important; }
[class*="pg-"] .footer-col ul a { color: #94a3b8 !important; }
[class*="pg-"] .footer-col ul a:hover { color: #60a5fa !important; }
[class*="pg-"] .footer-bottom p { color: #475569 !important; }
[class*="pg-"] .footer-bottom { border-top-color: rgba(255,255,255,.07) !important; }

/* ═══════════════════════════════════════════════════════════════
   18. CLIENT PORTAL — comprehensive light-theme overrides
═══════════════════════════════════════════════════════════════ */

/* Root + loading screen — unified white so no color gap shows */
.pg-client-portal,
.pg-client-portal #portal-root,
.pg-client-portal .view,
.pg-client-portal #view-admin,
.pg-client-portal .admin-shell {
  background: #ffffff !important;
}

/* ── Admin sidebar — merged top-to-bottom rail ── */

/* Base: white bg, subtle right border, blue left rail running full height */
.pg-client-portal .admin-sidebar {
  background: #ffffff !important;
  border-right: 1px solid rgba(148,163,184,.15) !important;
  border-left: 3px solid #2563eb !important;
  box-shadow: 2px 0 16px rgba(15,23,42,.05) !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;  /* kill style.css's padding: 24px 0 32px */
}

/* Logo/brand area — exactly 72px tall to align with the fixed navbar above it.
   Same bg + matching border-bottom creates a seamless horizontal line across
   the full page width, merging sidebar header with the navbar visually. */
.pg-client-portal .admin-sidebar-logo {
  height: 72px !important;
  min-height: 72px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 0 20px !important;
  margin-bottom: 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(148,163,184,.18) !important;
  /* no ::before stripe — the left blue rail is the accent */
}
.pg-client-portal .admin-sidebar-logo h4 {
  color: #0f172a !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}
.pg-client-portal .admin-sidebar-logo h4 i {
  color: #2563eb !important;
  font-size: 1.1rem !important;
}
.pg-client-portal .admin-sidebar-logo p {
  color: #94a3b8 !important;
  font-size: .67rem !important;
  margin: 3px 0 0 !important;
  letter-spacing: .02em !important;
}

/* Nav container */
.pg-client-portal .admin-nav {
  padding: 10px 10px 4px !important;
  gap: 2px !important;
  flex: 1 !important;
}

/* Nav items */
.pg-client-portal .admin-nav-item {
  color: #475569 !important;
  background: transparent !important;
  border-radius: 8px !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  padding: 9px 12px !important;
  border: none !important;
  position: relative !important;
  transition: all .15s ease !important;
  text-align: left !important;
}
/* Active/hover left pill — sits inside the 3px left rail */
.pg-client-portal .admin-nav-item::before {
  content: '' !important;
  position: absolute !important;
  left: -13px !important;   /* aligns to the 3px blue sidebar border */
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 3px !important;
  height: 0 !important;
  background: #2563eb !important;
  border-radius: 0 2px 2px 0 !important;
  transition: height .15s ease !important;
}
.pg-client-portal .admin-nav-item i {
  color: #94a3b8 !important;
  font-size: 1.05rem !important;
  transition: color .15s !important;
}
.pg-client-portal .admin-nav-item:hover {
  background: rgba(37,99,235,.05) !important;
  color: #1d4ed8 !important;
}
.pg-client-portal .admin-nav-item:hover::before {
  height: 60% !important;
}
.pg-client-portal .admin-nav-item:hover i {
  color: #2563eb !important;
}
.pg-client-portal .admin-nav-item.active {
  background: rgba(37,99,235,.08) !important;
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}
.pg-client-portal .admin-nav-item.active::before {
  height: 70% !important;
}
.pg-client-portal .admin-nav-item.active i {
  color: #2563eb !important;
}

/* Badges */
.pg-client-portal .admin-nav-badge {
  margin-left: auto !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  font-size: .67rem !important;
  font-weight: 700 !important;
  background: rgba(148,163,184,.12) !important;
  color: #64748b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.pg-client-portal .admin-nav-item.active .admin-nav-badge {
  background: rgba(37,99,235,.15) !important;
  color: #2563eb !important;
}
.pg-client-portal .admin-nav-badge.badge-has-new {
  background: rgba(239,68,68,.12) !important;
  color: #dc2626 !important;
}

/* Divider */
.pg-client-portal .admin-nav-divider {
  background: rgba(148,163,184,.12) !important;
  margin: 8px 4px !important;
}

/* Footer — pinned at the bottom of the sidebar */
.pg-client-portal .admin-sidebar-footer {
  padding: 14px 14px 22px !important;
  margin-top: auto !important;
  border-top: 1px solid rgba(148,163,184,.12) !important;
}
.pg-client-portal .admin-stats-mini {
  background: #f8faff !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
}
.pg-client-portal .admin-stat-mini {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 5px 0 !important;
  font-size: .71rem !important;
  color: #64748b !important;
  border-bottom: 1px solid rgba(148,163,184,.08) !important;
}
.pg-client-portal .admin-stat-mini:last-child {
  border-bottom: none !important;
}
.pg-client-portal .admin-stat-mini .v {
  font-weight: 700 !important;
  color: #1e293b !important;
}

/* Sign out button */
.pg-client-portal .admin-sign-out {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 14px !important;
  border-radius: 9px !important;
  font-size: .8rem !important;
  font-weight: 500 !important;
  color: #64748b !important;
  background: transparent !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  cursor: pointer !important;
  transition: all .15s ease !important;
}
.pg-client-portal .admin-sign-out:hover {
  background: rgba(239,68,68,.05) !important;
  color: #dc2626 !important;
  border-color: rgba(239,68,68,.22) !important;
}

/* Main content area */
.pg-client-portal .admin-main {
  background: #ffffff !important;
}

/* No extra padding on any view — portal-root already has padding-top:72px */
.pg-client-portal .view {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Admin shell: full-bleed, no visible borders */
.pg-client-portal .admin-shell {
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  min-height: calc(100vh - 72px) !important;
}

/* Sidebar must fill full height so the light bg doesn't cut off */
.pg-client-portal .admin-sidebar {
  min-height: calc(100vh - 72px) !important;
  align-self: stretch !important;
}

/* Admin main: internal breathing room */
.pg-client-portal .admin-main {
  padding: 36px 40px 60px !important;
  background: #ffffff !important;
}

/* Hide marketing footer inside the portal — it's an app, not a page */
body.pg-client-portal footer {
  display: none !important;
}
/* Make portal fill the full viewport so no white gap shows below the shell */
body.pg-client-portal #portal-root {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
}
body.pg-client-portal .view,
body.pg-client-portal #view-admin {
  flex: 1 !important;
}
body.pg-client-portal .admin-shell {
  flex: 1 !important;
  min-height: 0 !important;
}
.pg-client-portal #portal-loading {
  background: #ffffff !important;
  color: #334155 !important;
}
.pg-client-portal .pl-logo {
  background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color: #ffffff !important;
}
.pg-client-portal .pl-text { color: #64748b !important; }
.pg-client-portal .pl-spinner {
  border-color: rgba(37,99,235,.15) !important;
  border-top-color: #2563eb !important;
}

/* Auth card (login / set-password views) */
.pg-client-portal .view { background: #f8fafc !important; }
.pg-client-portal .auth-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.2) !important;
  box-shadow: 0 8px 48px rgba(29,78,216,.1) !important;
}
.pg-client-portal .auth-badge {
  background: rgba(37,99,235,.07) !important;
  border-color: rgba(37,99,235,.18) !important;
  color: #2563eb !important;
}
.pg-client-portal .auth-title { color: #0f172a !important; }
.pg-client-portal .auth-subtitle { color: #475569 !important; }
.pg-client-portal .auth-security {
  background: rgba(37,99,235,.04) !important;
  border-color: rgba(37,99,235,.12) !important;
  color: #475569 !important;
}
.pg-client-portal .auth-security strong { color: #0f172a !important; }

/* Form elements inside portal */
.pg-client-portal .form-label { color: #334155 !important; }
.pg-client-portal .form-label span { color: #ef4444 !important; }
.pg-client-portal .form-control {
  background: #f8fafc !important;
  border-color: rgba(148,163,184,.35) !important;
  color: #0f172a !important;
}
.pg-client-portal .form-control:focus {
  border-color: rgba(37,99,235,.5) !important;
  background: #ffffff !important;
}
.pg-client-portal .form-control::placeholder { color: #94a3b8 !important; }
.pg-client-portal .input-icon { color: #64748b !important; }
.pg-client-portal .input-icon-right { color: #64748b !important; }
.pg-client-portal .form-check label { color: #475569 !important; }
.pg-client-portal .form-error { color: #ef4444 !important; }

/* Sidebar */
.pg-client-portal .dash-sidebar {
  background: #ffffff !important;
  border-right-color: rgba(148,163,184,.2) !important;
}
.pg-client-portal .dash-nav-item { color: #475569 !important; }
.pg-client-portal .dash-nav-item:hover {
  background: rgba(37,99,235,.06) !important;
  color: #1d4ed8 !important;
}
.pg-client-portal .dash-nav-item.active {
  background: rgba(37,99,235,.08) !important;
  color: #1d4ed8 !important;
  border-left-color: #2563eb !important;
}
.pg-client-portal .dash-nav-item .nav-badge { background: rgba(37,99,235,.12) !important; color: #1d4ed8 !important; }
.pg-client-portal .dash-nav-item.active .nav-badge { background: #2563eb !important; color: #ffffff !important; }

/* Dashboard main area */
.pg-client-portal .dash-main { background: #f8fafc !important; }
.pg-client-portal .dash-header {
  background: #ffffff !important;
  border-bottom-color: rgba(148,163,184,.18) !important;
}
.pg-client-portal .dash-header h2 { color: #0f172a !important; }
.pg-client-portal .dash-header p { color: #64748b !important; }

/* Cards */
.pg-client-portal .case-card,
.pg-client-portal .overview-card,
.pg-client-portal .timeline-item,
.pg-client-portal .doc-card,
.pg-client-portal .invoice-card,
.pg-client-portal .metric-card,
.pg-client-portal .step-card,
.pg-client-portal .upload-card,
.pg-client-portal .payment-card,
.pg-client-portal .kyc-card,
.pg-client-portal .report-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}
.pg-client-portal .metric-icon {
  background: rgba(37,99,235,.1) !important;
  color: #2563eb !important;
}
.pg-client-portal .metric-value { color: #0f172a !important; }
.pg-client-portal .metric-label { color: #64748b !important; }

/* Status badges */
.pg-client-portal .status-badge { background: rgba(37,99,235,.1) !important; color: #1d4ed8 !important; }
.pg-client-portal .status-badge.active { background: rgba(16,185,129,.1) !important; color: #059669 !important; }
.pg-client-portal .status-badge.pending { background: rgba(245,158,11,.1) !important; color: #d97706 !important; }

/* Section headings inside dashboard */
.pg-client-portal h3,
.pg-client-portal h4 { color: #0f172a !important; }
.pg-client-portal p { color: #475569 !important; }

/* Upload zone inside portal */
.pg-client-portal .upload-zone {
  border-color: rgba(37,99,235,.25) !important;
  background: rgba(37,99,235,.02) !important;
}
.pg-client-portal .upload-zone:hover {
  border-color: rgba(37,99,235,.5) !important;
  background: rgba(37,99,235,.05) !important;
}

/* Progress bar fill */
.pg-client-portal .progress-fill { background: linear-gradient(90deg,#1d4ed8,#2563eb) !important; }
.pg-client-portal .progress-track { background: rgba(37,99,235,.12) !important; }

/* Tables inside portal */
.pg-client-portal table { background: #ffffff !important; }
.pg-client-portal th { background: #f8fafc !important; color: #334155 !important; border-color: rgba(148,163,184,.18) !important; }
.pg-client-portal td { color: #475569 !important; border-color: rgba(148,163,184,.1) !important; }
.pg-client-portal tr:hover td { background: rgba(37,99,235,.03) !important; }

/* ── User edit drawer — light mode ── */
.pg-client-portal .enq-drawer {
  background: #ffffff !important;
  border-left: 1px solid rgba(148,163,184,.2) !important;
  box-shadow: -8px 0 48px rgba(15,23,42,.12) !important;
}

/* Blue accent strip at the top */
.pg-client-portal .enq-drawer::before {
  content: '' !important;
  display: block !important;
  height: 3px !important;
  background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%) !important;
  flex-shrink: 0 !important;
}

/* Header */
.pg-client-portal .enq-drawer-head {
  background: #f8faff !important;
  border-bottom: 1px solid rgba(148,163,184,.18) !important;
  padding: 16px 24px !important;
}
.pg-client-portal .enq-drawer-head h3 {
  color: #0f172a !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
}
.pg-client-portal .enq-drawer-close {
  border-color: rgba(148,163,184,.3) !important;
  color: #64748b !important;
  background: #ffffff !important;
}
.pg-client-portal .enq-drawer-close:hover {
  color: #0f172a !important;
  border-color: rgba(37,99,235,.4) !important;
  background: rgba(37,99,235,.05) !important;
}

/* Body */
.pg-client-portal .enq-drawer-body {
  background: #ffffff !important;
  padding: 24px 28px 36px !important;
}

/* Meta bar (joined date + status) */
.pg-client-portal .enq-drawer-meta {
  background: #f8faff !important;
  border-color: rgba(148,163,184,.2) !important;
}
.pg-client-portal .enq-meta-date {
  color: #64748b !important;
}

/* Section cards */
.pg-client-portal .enq-card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(15,23,42,.05) !important;
}
.pg-client-portal .enq-section-head {
  background: #f1f5f9 !important;
  border-bottom-color: rgba(148,163,184,.18) !important;
  color: #64748b !important;
}

/* Fields inside cards */
.pg-client-portal .enq-field {
  border-bottom-color: rgba(148,163,184,.12) !important;
}
.pg-client-portal .enq-field-label { color: #94a3b8 !important; }
.pg-client-portal .enq-field-val   { color: #1e293b !important; }
.pg-client-portal .enq-mono        { color: #2563eb !important; }

/* Form content inside cards — add side padding so fields don't touch edges */
.pg-client-portal #user-drawer-body .enq-card > div:not(.enq-section-head) {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.pg-client-portal #user-drawer-body .enq-card > p {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.pg-client-portal #user-drawer-body .enq-card {
  padding-bottom: 16px !important;
}

/* Form labels & inputs — light mode */
.pg-client-portal #user-drawer-body .form-label {
  color: #64748b !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  letter-spacing: .03em !important;
  margin-bottom: 4px !important;
  display: block !important;
}
.pg-client-portal #user-drawer-body .form-control {
  background: #f8faff !important;
  border: 1px solid rgba(148,163,184,.3) !important;
  color: #0f172a !important;
  border-radius: 8px !important;
  padding: 9px 12px !important;
  font-size: .88rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.pg-client-portal #user-drawer-body .form-control:focus {
  border-color: rgba(37,99,235,.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.08) !important;
}

/* Set New Password button */
.pg-client-portal #user-drawer-body .admin-action-btn {
  background: #f8faff !important;
  border-color: rgba(148,163,184,.25) !important;
  color: #334155 !important;
}

/* Action buttons */
.pg-client-portal .enq-drawer-actions .admin-action-btn {
  background: #f8faff !important;
  border-color: rgba(148,163,184,.25) !important;
  color: #334155 !important;
}
.pg-client-portal .enq-drawer-actions .admin-action-btn:hover {
  border-color: rgba(37,99,235,.45) !important;
  color: #2563eb !important;
  background: rgba(37,99,235,.05) !important;
}
.pg-client-portal .enq-drawer-actions .admin-action-btn.danger:hover {
  border-color: rgba(220,38,38,.45) !important;
  color: #dc2626 !important;
  background: rgba(220,38,38,.05) !important;
}

/* Overlay tint */
.pg-client-portal .enq-drawer-overlay {
  background: rgba(15,23,42,.45) !important;
}

/* ═══════════════════════════════════════════════════════════════
   19. INDEX PAGE SPECIFIC
═══════════════════════════════════════════════════════════════ */
/* Hero trust line */
.hero-trust-line {
  background: rgba(37,99,235,.04) !important;
  border-left-color: #2563eb !important;
  color: #334155 !important;
}
.hero-trust-line strong { color: #1d4ed8 !important; }

/* Service cards on index */
.pg-index .service-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}
.pg-index .service-card:hover {
  border-color: rgba(37,99,235,.28) !important;
  box-shadow: 0 8px 36px rgba(29,78,216,.1) !important;
}

/* Stat boxes */
.pg-index .stat-box,
.pg-index .hero-stat {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.15) !important;
}

/* ═══════════════════════════════════════════════════════════════
   20. ABOUT PAGE SPECIFIC
═══════════════════════════════════════════════════════════════ */
.pg-about .value-card,
.pg-about .team-card,
.pg-about .cert-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}
.pg-about .value-card:hover,
.pg-about .team-card:hover {
  border-color: rgba(37,99,235,.28) !important;
  box-shadow: 0 8px 36px rgba(29,78,216,.1) !important;
}
.pg-about .stat-box {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.15) !important;
}

/* ═══════════════════════════════════════════════════════════════
   21. BLOCKCHAIN TRACING PAGE
═══════════════════════════════════════════════════════════════ */
.pg-blockchain-tracing .method-card,
.pg-blockchain-tracing .serve-card,
.pg-blockchain-tracing .tool-card,
.pg-blockchain-tracing .network-card,
.pg-blockchain-tracing .chain-card,
.pg-blockchain-tracing .case-card,
.pg-blockchain-tracing .report-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}
.pg-blockchain-tracing .tool-badge {
  background: #f1f5f9 !important;
  border-color: rgba(148,163,184,.22) !important;
  color: #334155 !important;
}
.pg-blockchain-tracing .tool-badge:hover {
  border-color: rgba(37,99,235,.35) !important;
  color: #1d4ed8 !important;
}
.pg-blockchain-tracing .stat-box {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.15) !important;
}

/* ═══════════════════════════════════════════════════════════════
   22. EXCHANGE INTELLIGENCE PAGE
═══════════════════════════════════════════════════════════════ */
.pg-exchange-intelligence .method-card,
.pg-exchange-intelligence .istat-box,
.pg-exchange-intelligence .feature-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}

/* ═══════════════════════════════════════════════════════════════
   23. EMERGENCY RESPONSE PAGE
═══════════════════════════════════════════════════════════════ */
.pg-emergency-response .step-card,
.pg-emergency-response .feature-card,
.pg-emergency-response .testimonial-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}

/* ═══════════════════════════════════════════════════════════════
   24. PRICING PAGE
═══════════════════════════════════════════════════════════════ */
.pg-pricing .pricing-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}
.pg-pricing .pricing-card.featured {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.35) !important;
  box-shadow: 0 8px 40px rgba(29,78,216,.14) !important;
}
.pg-pricing .tier-label {
  background: rgba(37,99,235,.07) !important;
  color: #1d4ed8 !important;
  border-color: rgba(37,99,235,.15) !important;
}

/* ═══════════════════════════════════════════════════════════════
   25. CONTACT PAGE
═══════════════════════════════════════════════════════════════ */
.pg-contact .contact-card,
.pg-contact .info-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}
.pg-contact input,
.pg-contact textarea,
.pg-contact select {
  background: #f8fafc !important;
  border-color: rgba(148,163,184,.25) !important;
  color: #0f172a !important;
}
.pg-contact input:focus,
.pg-contact textarea:focus,
.pg-contact select:focus {
  border-color: rgba(37,99,235,.5) !important;
  background: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════
   26. SCAM INVESTIGATIONS PAGE
═══════════════════════════════════════════════════════════════ */
.pg-scam-investigations .method-card,
.pg-scam-investigations .serve-card,
.pg-scam-investigations .jurisdiction-card,
.pg-scam-investigations .standard-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}

/* ═══════════════════════════════════════════════════════════════
   27. FORENSIC REPORTS + LEGAL SUPPORT PAGES
═══════════════════════════════════════════════════════════════ */
.pg-forensic-reports .report-card,
.pg-forensic-reports .feature-card,
.pg-forensic-reports .istat-box,
.pg-legal-support .service-card,
.pg-legal-support .method-card,
.pg-legal-support .feature-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}

/* ═══════════════════════════════════════════════════════════════
   28. COLORFUL SECTIONS
   Strategy:
     • Dark/rich sections (CTA, stats, trusted strip) → re-scope
       CSS vars so all child var() usages go white automatically.
     • Light wash sections → colored background only; dark text
       already correct from :root overrides.
═══════════════════════════════════════════════════════════════ */

/* ── 28A. CTA SECTIONS — rich navy-to-indigo gradient ── */
#cta,
[class*="pg-"] #cta {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 60%, #1d4ed8 100%) !important;
  /* Re-scope vars so child elements using var(--x) stay readable */
  --bg:     #0f172a;
  --bg2:    #1e2d5e;
  --bg3:    #1e3a8a;
  --white:  #f1f5f9;
  --text:   #cbd5e1;
  --muted:  #94a3b8;
  --accent: #60a5fa;
  --accent2:#3b82f6;
  --accent3:#2dd4bf;
  --border: rgba(255,255,255,.1);
  --border2:rgba(255,255,255,.18);
  --glow:   0 4px 40px rgba(29,78,216,.35);
}
/* CTA card inside #cta */
[class*="pg-"] .cta-card,
.pg-index .cta-card {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.12) !important;
}
[class*="pg-"] .cta-card::before {
  background: radial-gradient(ellipse at 50% 0%, rgba(96,165,250,.15) 0%, transparent 65%) !important;
}

/* About page CTA strip */
#cta-strip,
[class*="pg-"] #cta-strip {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 60%, #1d4ed8 100%) !important;
  border-top-color: rgba(255,255,255,.07) !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
  --white:  #f1f5f9;
  --text:   #cbd5e1;
  --muted:  #94a3b8;
  --accent: #60a5fa;
  --border: rgba(255,255,255,.1);
}

/* ── 28B. TRUSTED / SOCIAL-PROOF STRIP — overridden by §58 ── */

/* ── 28C. STATS BANNER — vibrant blue gradient ── */
#stats-banner,
[class*="pg-"] #stats-banner,
#statistics,
[class*="pg-"] #statistics {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 50%, #0891b2 100%) !important;
  --white:  #f1f5f9;
  --text:   #e2e8f0;
  --muted:  #bfdbfe;
  --accent: #bfdbfe;
  --border: rgba(255,255,255,.12);
}

/* ── 28D. TESTIMONIALS — soft lavender/purple wash ── */
#testimonials,
[class*="pg-"] #testimonials {
  background: #f5f3ff !important;
}
.pg-index .testimonial-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.15) !important;
  box-shadow: 0 2px 16px rgba(124,58,237,.07) !important;
}
.pg-index .testimonial-card:hover {
  border-color: rgba(124,58,237,.28) !important;
  box-shadow: 0 8px 32px rgba(124,58,237,.13) !important;
}

/* ── 28E. HOW IT WORKS — light sky blue ── */
#how-it-works,
[class*="pg-"] #how-it-works {
  background: #eff6ff !important;
}
[class*="pg-"] #how-it-works .step-card,
[class*="pg-"] #how-it-works .method-card {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.15) !important;
  box-shadow: 0 2px 14px rgba(29,78,216,.07) !important;
}

/* ── 28F. METHODOLOGY / PROCESS — soft indigo ── */
#methodology,
[class*="pg-"] #methodology,
#process,
[class*="pg-"] #process {
  background: #eef2ff !important;
}
[class*="pg-"] #methodology .method-card,
[class*="pg-"] #methodology .step-card,
[class*="pg-"] #process .step-card,
[class*="pg-"] #process .process-card {
  background: #ffffff !important;
  border-color: rgba(99,102,241,.15) !important;
  box-shadow: 0 2px 14px rgba(99,102,241,.07) !important;
}

/* ── 28G. ABOUT — VALUES & STORY: white ── */
#values,
.pg-about #values,
#story,
.pg-about #story {
  background: #ffffff !important;
}

/* ── 28H. TOOLS SECTION — white ── */
#tools,
[class*="pg-"] #tools {
  background: #ffffff !important;
}
[class*="pg-"] #tools .tool-card {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.16) !important;
  box-shadow: 0 2px 14px rgba(29,78,216,.06) !important;
}
[class*="pg-"] #tools .tool-badge {
  background: rgba(37,99,235,.06) !important;
  border-color: rgba(37,99,235,.18) !important;
  color: #1d4ed8 !important;
}

/* ── 28I. TECHNIQUES / DEEP-DIVE — white ── */
#techniques,
[class*="pg-"] #techniques,
#deep-dive,
[class*="pg-"] #deep-dive {
  background: #ffffff !important;
}
[class*="pg-"] #techniques .method-card,
[class*="pg-"] #techniques .step-card,
[class*="pg-"] #deep-dive .method-card {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.16) !important;
  box-shadow: 0 2px 14px rgba(29,78,216,.06) !important;
}

/* ── 28J. USE-CASES / CASE-EXAMPLES — lavender (colorful accent) ── */
#use-cases,
[class*="pg-"] #use-cases,
#case-examples,
[class*="pg-"] #case-examples {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
[class*="pg-"] #use-cases .case-card,
[class*="pg-"] #case-examples .case-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.14) !important;
  box-shadow: 0 2px 14px rgba(124,58,237,.07) !important;
}

/* ── 28K. NETWORKS / EXCHANGE NETWORK — white ── */
#networks,
[class*="pg-"] #networks,
#networks-full,
[class*="pg-"] #networks-full,
#exchange-network,
[class*="pg-"] #exchange-network,
#vasp-database,
[class*="pg-"] #vasp-database {
  background: #ffffff !important;
}

/* ── 28L. SCAM-TYPES / RED-FLAGS — white ── */
#scam-types,
[class*="pg-"] #scam-types,
#red-flags,
[class*="pg-"] #red-flags,
#red-flags-detail,
[class*="pg-"] #red-flags-detail,
#scam-types-deep,
[class*="pg-"] #scam-types-deep {
  background: #ffffff !important;
}
[class*="pg-"] #scam-types .method-card,
[class*="pg-"] #scam-types-deep .method-card,
[class*="pg-"] #red-flags .method-card,
[class*="pg-"] #red-flags-detail .method-card {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.16) !important;
  box-shadow: 0 2px 14px rgba(29,78,216,.06) !important;
}

/* ── 28M. EMERGENCY CRITICAL — vivid dark crimson ── */
.pg-emergency-response #critical {
  background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 50%, #b91c1c 100%) !important;
  --white:  #fef2f2;
  --text:   #fecaca;
  --muted:  #fca5a5;
  --accent: #fca5a5;
  --border: rgba(255,255,255,.12);
}

/* ── 28N. PRICING CALLOUT — rich indigo ── */
#pricing-callout,
[class*="pg-"] #pricing-callout {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white:  #f1f5f9;
  --text:   #e2e8f0;
  --muted:  #94a3b8;
  --accent: #93c5fd;
  --accent2: #60a5fa;
  --border: rgba(255,255,255,.1);
  --border2: rgba(147,197,253,.35);
  /* card backgrounds use var(--bg3)/var(--bg2) — re-scope to dark transparent */
  --bg2: rgba(255,255,255,.04);
  --bg3: rgba(255,255,255,.08);
  --bg4: rgba(255,255,255,.12);
}

/* ── 28O. PRICING OVERVIEW — white (index uses §29 override) ── */
#pricing-overview,
[class*="pg-"] #pricing-overview {
  background: #ffffff !important;
}

/* ── 28Q. REPORT-TYPES / ANATOMY / DELIVERABLES — white ── */
#report-types,
[class*="pg-"] #report-types,
#report-anatomy,
[class*="pg-"] #report-anatomy,
#deliverables,
[class*="pg-"] #deliverables {
  background: #ffffff !important;
}

/* ── 28R. LEGAL SECTIONS — white ── */
#admissibility,
[class*="pg-"] #admissibility,
#court-ready,
[class*="pg-"] #court-ready,
#subpoena-process,
[class*="pg-"] #subpoena-process,
#attorney-network,
[class*="pg-"] #attorney-network {
  background: #ffffff !important;
}

/* ── 28S. LIVE INTEL / OTC-MAPPING — white ── */
#live-intel,
[class*="pg-"] #live-intel,
#otc-mapping,
[class*="pg-"] #otc-mapping {
  background: #ffffff !important;
}

/* ── 28U. RELATED SERVICES — white + light card styling ── */
#related-services,
[class*="pg-"] #related-services {
  background: #ffffff !important;
}
[class*="pg-"] .related-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.2) !important;
  box-shadow: 0 2px 16px rgba(15,23,42,.05) !important;
}
[class*="pg-"] .related-card:hover {
  border-color: rgba(37,99,235,.3) !important;
  box-shadow: 0 8px 32px rgba(29,78,216,.1) !important;
}

/* ── 28V. MISC PAGE-LEVEL SECTIONS using var(--bg) / no explicit bg ── */
#what-we-trace, #what-we-do, #deep-preview, #legal-actions, #services-grid,
#compare, #why-speed, #what-to-do, #scenarios, #who-we-help,
#law-enforcement, #report-preview, #court-ready,
[class*="pg-"] #what-we-trace, [class*="pg-"] #what-we-do,
[class*="pg-"] #deep-preview, [class*="pg-"] #legal-actions,
[class*="pg-"] #services-grid, [class*="pg-"] #compare,
[class*="pg-"] #why-speed, [class*="pg-"] #what-to-do,
[class*="pg-"] #scenarios, [class*="pg-"] #who-we-help,
[class*="pg-"] #law-enforcement, [class*="pg-"] #report-preview {
  background: #ffffff !important;
}

/* ── 28T. EXCHANGE FREEZE — vivid dark indigo (urgent legal action) ── */
#exchange-freeze,
[class*="pg-"] #exchange-freeze {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%) !important;
  --white:  #e0e7ff;
  --text:   #c7d2fe;
  --muted:  #a5b4fc;
  --accent: #818cf8;
  --border: rgba(255,255,255,.1);
}

/* ═══════════════════════════════════════════════════════════════
   29. INDEX PAGE — COMPREHENSIVE OVERRIDES
   All rules prefixed .pg-index for high specificity
═══════════════════════════════════════════════════════════════ */

/* ── HERO: vivid multi-tone gradient background ── */
.pg-index #hero {
  background: #ffffff !important;
}

/* ── HERO STAT BOXES: 4 distinct colorful gradient cards ── */
.pg-index .stat-box {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.pg-index .stat-box::after { background: none !important; }

/* Box 1 — Assets Traced: royal blue */
.pg-index .hero-stats .stat-box:nth-child(1) {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  border: 1px solid rgba(29,78,216,.35) !important;
  box-shadow: 0 8px 32px rgba(29,78,216,.3) !important;
}
/* Box 2 — Cases Investigated: indigo */
.pg-index .hero-stats .stat-box:nth-child(2) {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
  border: 1px solid rgba(67,56,202,.35) !important;
  box-shadow: 0 8px 32px rgba(67,56,202,.3) !important;
}
/* Box 3 — Emergency Response: cyan-blue */
.pg-index .hero-stats .stat-box:nth-child(3) {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  border: 1px solid rgba(3,105,161,.35) !important;
  box-shadow: 0 8px 32px rgba(3,105,161,.3) !important;
}
/* Box 4 — Client Satisfaction: violet */
.pg-index .hero-stats .stat-box:nth-child(4) {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
  border: 1px solid rgba(109,40,217,.35) !important;
  box-shadow: 0 8px 32px rgba(109,40,217,.3) !important;
}

/* All colored stat boxes: white text */
.pg-index .hero-stats .stat-box .stat-num    { color: #ffffff !important; }
.pg-index .hero-stats .stat-box .stat-label  { color: rgba(255,255,255,.78) !important; }
.pg-index .hero-stats .stat-box .stat-change { color: rgba(255,255,255,.88) !important; }
.pg-index .hero-stats .stat-box:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 48px rgba(29,78,216,.38) !important;
}

/* ══════════════════════════════════════════════════════════════
   §54 — HERO RIGHT: Apple/macOS premium glass panel
══════════════════════════════════════════════════════════════ */

/* ── Hero-right: gradient mesh gives backdrop-filter something to blur ── */
/* NOTE: no `filter` here — it creates a stacking context that breaks backdrop-filter on children */
.pg-index .hero-right {
  position: relative !important;
  /* Colorful mesh = the "scene" the glass panel blurs */
  background:
    radial-gradient(ellipse 65% 55% at 85% 8%,  rgba(99,102,241,.45)  0%, transparent 55%),
    radial-gradient(ellipse 55% 60% at 8%  92%, rgba(16,185,129,.28)  0%, transparent 55%),
    radial-gradient(ellipse 80% 70% at 50% 50%, rgba(37,99,235,.18)   0%, transparent 65%),
    radial-gradient(ellipse 40% 40% at 90% 70%, rgba(245,158,11,.12)  0%, transparent 50%),
    linear-gradient(145deg, #eef2ff 0%, #e8f0fe 45%, #ecfdf5 100%) !important;
  border-radius: 26px !important;
  padding: 4px !important;    /* thin border-like gap around glass panel */
}

/* ── Outer glass card — Apple Vision Pro / macOS style ── */
.pg-index .hero-trace-panel {
  position: relative !important;
  z-index: 1 !important;
  /* Semi-transparent dark glass — lets blurred mesh show through */
  background: linear-gradient(
    160deg,
    rgba(8,10,22,.82) 0%,
    rgba(12,16,34,.78) 50%,
    rgba(6,9,20,.84) 100%
  ) !important;
  backdrop-filter: blur(48px) saturate(220%) brightness(90%) !important;
  -webkit-backdrop-filter: blur(48px) saturate(220%) brightness(90%) !important;
  /* Gradient border — conic shimmer */
  border: 1px solid transparent !important;
  border-radius: 22px !important;
  padding: 0 !important;
  overflow: hidden !important;
  /* Premium layered shadow system */
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    0 0 0 2px rgba(99,102,241,.35),
    0 8px 20px rgba(0,0,0,.35),
    0 28px 70px rgba(0,0,0,.45),
    0 0 60px rgba(99,102,241,.22),
    0 0 120px rgba(37,99,235,.14),
    0 0 200px rgba(99,102,241,.08),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.25) !important;
  transform: perspective(1200px) rotateY(-2deg) rotateX(1deg) !important;
  transition: transform .4s ease, box-shadow .4s ease !important;
  --white:  #f1f5f9;
  --text:   #e2e8f0;
  --muted:  #94a3b8;
  --accent: #818cf8;
  --accent3:#2dd4bf;
  --border: rgba(255,255,255,.07);
}
.pg-index .hero-trace-panel:hover {
  transform: perspective(1200px) rotateY(0deg) rotateX(0deg) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    0 0 0 1.5px rgba(99,102,241,.4),
    0 8px 20px rgba(0,0,0,.4),
    0 32px 80px rgba(0,0,0,.5),
    0 0 120px rgba(99,102,241,.2),
    0 0 200px rgba(37,99,235,.12),
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(0,0,0,.3) !important;
}

/* Animated prismatic top stripe */
.pg-index .hero-trace-panel::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2.5px !important;
  background: linear-gradient(90deg,
    #6366f1 0%, #3b82f6 20%, #06b6d4 40%,
    #10b981 60%, #f59e0b 80%, #6366f1 100%
  ) !important;
  background-size: 300% 100% !important;
  animation: htp-stripe 5s linear infinite !important;
  z-index: 20 !important;
}
@keyframes htp-stripe {
  0%   { background-position: 0% 0%; }
  100% { background-position: 300% 0%; }
}

/* Inner top highlight (glass refraction) */
.pg-index .hero-trace-panel::after {
  content: '' !important;
  position: absolute !important;
  top: 2.5px !important; left: 0 !important; right: 0 !important;
  height: 45% !important;
  background: linear-gradient(180deg,
    rgba(255,255,255,.055) 0%,
    rgba(255,255,255,.018) 40%,
    transparent 100%
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  border-radius: 22px 22px 0 0 !important;
}

/* ── macOS window chrome ── */
.pg-index .htp-mac-chrome {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 13px 18px 11px !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(255,255,255,.025) !important;
  position: relative !important;
  z-index: 5 !important;
}
.pg-index .htp-mac-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}
.pg-index .htp-dot-red    { background: #ff5f57 !important; box-shadow: 0 0 6px rgba(255,95,87,.7) !important; }
.pg-index .htp-dot-yellow { background: #febc2e !important; box-shadow: 0 0 6px rgba(254,188,46,.6) !important; }
.pg-index .htp-dot-green  { background: #28c840 !important; box-shadow: 0 0 6px rgba(40,200,64,.7) !important; }
.pg-index .htp-mac-title {
  font-family: var(--mono) !important;
  font-size: .58rem !important;
  color: rgba(148,163,184,.5) !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  margin-left: 8px !important;
}

/* ── Header bar ── */
.pg-index .htp-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(148,163,184,.85) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  margin-bottom: 0 !important;
  padding: 10px 18px 10px !important;
  font-size: .6rem !important;
  letter-spacing: .14em !important;
  position: relative !important;
  z-index: 5 !important;
  background: rgba(255,255,255,.015) !important;
}

/* Live dot — glowing teal */
.pg-index .htp-live-dot {
  width: 8px !important;
  height: 8px !important;
  background: #2dd4bf !important;
  box-shadow:
    0 0 0 2px rgba(45,212,191,.2),
    0 0 8px rgba(45,212,191,.8),
    0 0 20px rgba(45,212,191,.4) !important;
  flex-shrink: 0 !important;
}

/* CONFIDENTIAL badge */
.pg-index .htp-confidential {
  margin-left: auto !important;
  border-color: rgba(239,68,68,.45) !important;
  color: rgba(252,165,165,.9) !important;
  background: rgba(239,68,68,.1) !important;
  letter-spacing: .16em !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-size: .5rem !important;
}

/* ── Flow container ── */
.pg-index .htp-flow {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 14px 16px 4px !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Node base — glass cards */
.pg-index .htp-node {
  border-radius: 11px !important;
  padding: 11px 14px !important;
  border-left-width: 3px !important;
  margin-bottom: 0 !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.pg-index .htp-node:hover { transform: translateX(3px) !important; }

/* ── Node 1: Suspect Wallet — red glass (nth-child:1) ── */
.pg-index .htp-flow > div:nth-child(1) {
  background: linear-gradient(120deg,
    rgba(239,68,68,.18) 0%, rgba(127,29,29,.1) 45%, rgba(6,10,20,.9) 100%
  ) !important;
  border-left: 3px solid #ef4444 !important;
  border-top: 1px solid rgba(239,68,68,.2) !important;
  border-right: 1px solid rgba(239,68,68,.08) !important;
  border-bottom: 1px solid rgba(239,68,68,.08) !important;
  box-shadow: 0 0 24px rgba(239,68,68,.1), inset 0 1px 0 rgba(239,68,68,.1) !important;
}
.pg-index .htp-flow > div:nth-child(1) .htp-node-tag   { color: #f87171 !important; font-weight: 700 !important; opacity: 1 !important; }
.pg-index .htp-flow > div:nth-child(1) .htp-node-label { color: #fecaca !important; font-size: .84rem !important; }
.pg-index .htp-flow > div:nth-child(1) .htp-node-sub   { color: rgba(252,165,165,.8) !important; }

/* ── Arrow 1 → amber (nth-child:2) ── */
.pg-index .htp-flow > div:nth-child(2) { color: rgba(251,191,36,.65) !important; }

/* ── Node 2: Obfuscation Layer — amber glass (nth-child:3) ── */
.pg-index .htp-flow > div:nth-child(3) {
  background: linear-gradient(120deg,
    rgba(245,158,11,.18) 0%, rgba(120,53,15,.1) 45%, rgba(6,10,20,.9) 100%
  ) !important;
  border-left: 3px solid #f59e0b !important;
  border-top: 1px solid rgba(245,158,11,.2) !important;
  border-right: 1px solid rgba(245,158,11,.08) !important;
  border-bottom: 1px solid rgba(245,158,11,.08) !important;
  box-shadow: 0 0 24px rgba(245,158,11,.1), inset 0 1px 0 rgba(245,158,11,.1) !important;
}
.pg-index .htp-flow > div:nth-child(3) .htp-node-tag   { color: #fbbf24 !important; font-weight: 700 !important; opacity: 1 !important; }
.pg-index .htp-flow > div:nth-child(3) .htp-node-label { color: #fde68a !important; font-size: .84rem !important; }
.pg-index .htp-flow > div:nth-child(3) .htp-node-sub   { color: rgba(253,211,77,.8) !important; }

/* ── Arrow 2 → indigo (nth-child:4) ── */
.pg-index .htp-flow > div:nth-child(4) { color: rgba(165,180,252,.65) !important; }

/* ── Node 3: BlockTrace Engine — indigo glass (nth-child:5) ── */
.pg-index .htp-flow > div:nth-child(5) {
  background: linear-gradient(120deg,
    rgba(99,102,241,.22) 0%, rgba(8,145,178,.12) 45%, rgba(6,10,20,.9) 100%
  ) !important;
  border-left: 3px solid #818cf8 !important;
  border-top: 1px solid rgba(129,140,248,.25) !important;
  border-right: 1px solid rgba(129,140,248,.1) !important;
  border-bottom: 1px solid rgba(129,140,248,.1) !important;
  box-shadow: 0 0 30px rgba(99,102,241,.18), inset 0 1px 0 rgba(129,140,248,.15) !important;
}
.pg-index .htp-flow > div:nth-child(5) .htp-node-tag   { color: #a5b4fc !important; font-weight: 700 !important; opacity: 1 !important; }
.pg-index .htp-flow > div:nth-child(5) .htp-node-label { color: #e0e7ff !important; font-size: .84rem !important; }
.pg-index .htp-flow > div:nth-child(5) .htp-node-sub   { color: rgba(165,180,252,.85) !important; }

/* ── Arrow 3 → emerald (nth-child:6) ── */
.pg-index .htp-flow > div:nth-child(6) { color: rgba(52,211,153,.65) !important; }

/* ── Node 4: Exchange Identified — emerald glass + pulse (nth-child:7) ── */
.pg-index .htp-flow > div:nth-child(7) {
  background: linear-gradient(120deg,
    rgba(16,185,129,.22) 0%, rgba(6,78,59,.12) 45%, rgba(6,10,20,.9) 100%
  ) !important;
  border-left: 3px solid #10b981 !important;
  border-top: 1px solid rgba(16,185,129,.25) !important;
  border-right: 1px solid rgba(16,185,129,.1) !important;
  border-bottom: 1px solid rgba(16,185,129,.1) !important;
  animation: node-success-pulse 3s ease-in-out infinite !important;
}
@keyframes node-success-pulse {
  0%,100% { box-shadow: 0 0 24px rgba(16,185,129,.15), inset 0 1px 0 rgba(16,185,129,.12); }
  50%     { box-shadow: 0 0 44px rgba(16,185,129,.35), inset 0 1px 0 rgba(16,185,129,.22); }
}
.pg-index .htp-flow > div:nth-child(7) .htp-node-tag   { color: #34d399 !important; font-weight: 700 !important; opacity: 1 !important; }
.pg-index .htp-flow > div:nth-child(7) .htp-node-label { color: #a7f3d0 !important; font-size: .84rem !important; }
.pg-index .htp-flow > div:nth-child(7) .htp-node-sub   { color: rgba(110,231,183,.88) !important; }

/* ── Connector arrows: shared style ── */
.pg-index .htp-arrow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 5px 12px !important;
  font-family: var(--mono) !important;
  font-size: .57rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  position: relative !important;
  z-index: 2 !important;
}
.pg-index .htp-arrow::before { display: none !important; }

/* ── Footer stats ── */
.pg-index .htp-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  padding: 14px 18px !important;
  margin-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  background: rgba(0,0,0,.2) !important;
  border-radius: 0 0 22px 22px !important;
  position: relative !important;
  z-index: 2 !important;
}
.pg-index .htp-stat { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 3px !important; }
.pg-index .htp-stat-val {
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  background: linear-gradient(135deg, #ffffff 0%, rgba(255,255,255,.75) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.pg-index .htp-stat-lbl {
  font-size: .54rem !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(100,116,139,.8) !important;
}
.pg-index .htp-footer-div {
  width: 1px !important;
  height: 32px !important;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.1), transparent) !important;
}

/* ── TRUSTED STRIP: pill styles moved to §58 ── */

/* ── SCAM TYPES DEEP: white section, per-card accent colors ── */
.pg-index #scam-types-deep {
  background: #f8fafc !important;
}
.pg-index #scam-types-deep .section-label { color: #dc2626 !important; }
.pg-index #scam-types-deep .section-label::before { color: rgba(220,38,38,.4) !important; }
.pg-index #scam-types-deep h2 { color: #0f172a !important; }
.pg-index #scam-types-deep .section-sub { color: #475569 !important; }

/* Base card reset */
.pg-index .scam-card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  box-shadow: 0 2px 14px rgba(15,23,42,.05) !important;
  border-top: 4px solid #2563eb !important;
  transition: transform .25s, box-shadow .25s, border-color .25s !important;
}
.pg-index .scam-card h4   { color: #0f172a !important; font-weight: 700 !important; }
.pg-index .scam-card p    { color: #475569 !important; }

/* Card 1 — Pig Butchering: amber */
.pg-index .scam-card:nth-child(1) {
  border-top-color: #f59e0b !important;
  background: linear-gradient(180deg, rgba(245,158,11,.04) 0%, #ffffff 100%) !important;
}
.pg-index .scam-card:nth-child(1) .scam-icon {
  background: linear-gradient(135deg, rgba(245,158,11,.18) 0%, rgba(245,158,11,.07) 100%) !important;
  border-color: rgba(245,158,11,.3) !important;
}
.pg-index .scam-card:nth-child(1) .scam-stat { color: #b45309 !important; border-top-color: rgba(245,158,11,.2) !important; background: rgba(245,158,11,.05) !important; border-radius: 6px !important; padding: 7px 10px !important; }
.pg-index .scam-card:nth-child(1):hover { border-color: rgba(245,158,11,.4) !important; box-shadow: 0 10px 38px rgba(245,158,11,.16) !important; transform: translateY(-5px) !important; }

/* Card 2 — Fake Investment: cyan */
.pg-index .scam-card:nth-child(2) {
  border-top-color: #06b6d4 !important;
  background: linear-gradient(180deg, rgba(6,182,212,.04) 0%, #ffffff 100%) !important;
}
.pg-index .scam-card:nth-child(2) .scam-icon {
  background: linear-gradient(135deg, rgba(6,182,212,.18) 0%, rgba(6,182,212,.07) 100%) !important;
  border-color: rgba(6,182,212,.3) !important;
}
.pg-index .scam-card:nth-child(2) .scam-stat { color: #0e7490 !important; border-top-color: rgba(6,182,212,.2) !important; background: rgba(6,182,212,.05) !important; border-radius: 6px !important; padding: 7px 10px !important; }
.pg-index .scam-card:nth-child(2):hover { border-color: rgba(6,182,212,.4) !important; box-shadow: 0 10px 38px rgba(6,182,212,.16) !important; transform: translateY(-5px) !important; }

/* Card 3 — Romance Scam: rose/pink */
.pg-index .scam-card:nth-child(3) {
  border-top-color: #ec4899 !important;
  background: linear-gradient(180deg, rgba(236,72,153,.04) 0%, #ffffff 100%) !important;
}
.pg-index .scam-card:nth-child(3) .scam-icon {
  background: linear-gradient(135deg, rgba(236,72,153,.18) 0%, rgba(236,72,153,.07) 100%) !important;
  border-color: rgba(236,72,153,.3) !important;
}
.pg-index .scam-card:nth-child(3) .scam-stat { color: #be185d !important; border-top-color: rgba(236,72,153,.2) !important; background: rgba(236,72,153,.05) !important; border-radius: 6px !important; padding: 7px 10px !important; }
.pg-index .scam-card:nth-child(3):hover { border-color: rgba(236,72,153,.4) !important; box-shadow: 0 10px 38px rgba(236,72,153,.16) !important; transform: translateY(-5px) !important; }

/* Card 4 — Wallet Drainer: emerald */
.pg-index .scam-card:nth-child(4) {
  border-top-color: #10b981 !important;
  background: linear-gradient(180deg, rgba(16,185,129,.04) 0%, #ffffff 100%) !important;
}
.pg-index .scam-card:nth-child(4) .scam-icon {
  background: linear-gradient(135deg, rgba(16,185,129,.18) 0%, rgba(16,185,129,.07) 100%) !important;
  border-color: rgba(16,185,129,.3) !important;
}
.pg-index .scam-card:nth-child(4) .scam-stat { color: #065f46 !important; border-top-color: rgba(16,185,129,.2) !important; background: rgba(16,185,129,.05) !important; border-radius: 6px !important; padding: 7px 10px !important; }
.pg-index .scam-card:nth-child(4):hover { border-color: rgba(16,185,129,.4) !important; box-shadow: 0 10px 38px rgba(16,185,129,.16) !important; transform: translateY(-5px) !important; }

/* Card 5 — NFT/DeFi: violet */
.pg-index .scam-card:nth-child(5) {
  border-top-color: #8b5cf6 !important;
  background: linear-gradient(180deg, rgba(139,92,246,.04) 0%, #ffffff 100%) !important;
}
.pg-index .scam-card:nth-child(5) .scam-icon {
  background: linear-gradient(135deg, rgba(139,92,246,.18) 0%, rgba(139,92,246,.07) 100%) !important;
  border-color: rgba(139,92,246,.3) !important;
}
.pg-index .scam-card:nth-child(5) .scam-stat { color: #6d28d9 !important; border-top-color: rgba(139,92,246,.2) !important; background: rgba(139,92,246,.05) !important; border-radius: 6px !important; padding: 7px 10px !important; }
.pg-index .scam-card:nth-child(5):hover { border-color: rgba(139,92,246,.4) !important; box-shadow: 0 10px 38px rgba(139,92,246,.16) !important; transform: translateY(-5px) !important; }

/* Card 6 — AI Trading Bot: blue */
.pg-index .scam-card:nth-child(6) {
  border-top-color: #2563eb !important;
  background: linear-gradient(180deg, rgba(37,99,235,.04) 0%, #ffffff 100%) !important;
}
.pg-index .scam-card:nth-child(6) .scam-icon {
  background: linear-gradient(135deg, rgba(37,99,235,.18) 0%, rgba(37,99,235,.07) 100%) !important;
  border-color: rgba(37,99,235,.3) !important;
}
.pg-index .scam-card:nth-child(6) .scam-stat { color: #1d4ed8 !important; border-top-color: rgba(37,99,235,.2) !important; background: rgba(37,99,235,.05) !important; border-radius: 6px !important; padding: 7px 10px !important; }
.pg-index .scam-card:nth-child(6):hover { border-color: rgba(37,99,235,.4) !important; box-shadow: 0 10px 38px rgba(37,99,235,.16) !important; transform: translateY(-5px) !important; }

/* ── SERVICES: white section, per-card accent colors ── */
.pg-index #services {
  background: #ffffff !important;
}
.pg-index #services .section-label { color: #2563eb !important; }
.pg-index #services .section-label::before { color: rgba(37,99,235,.4) !important; }
.pg-index #services h2 { color: #0f172a !important; }
.pg-index #services .section-sub { color: #475569 !important; }

/* Base card reset */
.pg-index .card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  box-shadow: 0 3px 18px rgba(15,23,42,.05) !important;
  border-top: 4px solid #2563eb !important;
  transition: transform .25s, box-shadow .25s, border-color .25s !important;
}
.pg-index .card::before { background: none !important; }
.pg-index .card h3 { color: #0f172a !important; font-weight: 700 !important; }
.pg-index .card p  { color: #475569 !important; }
.pg-index #services .card a { color: #2563eb !important; font-weight: 600 !important; }
.pg-index .service-badge {
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.22) !important;
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}

/* Card 1 — Blockchain Tracing: cyan */
.pg-index #services .card:nth-child(1) {
  border-top-color: #06b6d4 !important;
  background: linear-gradient(180deg, rgba(6,182,212,.04) 0%, #ffffff 100%) !important;
}
.pg-index #services .card:nth-child(1) .service-icon {
  background: linear-gradient(135deg, rgba(6,182,212,.18) 0%, rgba(6,182,212,.06) 100%) !important;
  border-color: rgba(6,182,212,.3) !important;
}
.pg-index #services .card:nth-child(1):hover {
  border-color: rgba(6,182,212,.4) !important;
  box-shadow: 0 12px 42px rgba(6,182,212,.16) !important;
  transform: translateY(-5px) !important;
}
.pg-index #services .card:nth-child(1) a { color: #0e7490 !important; }

/* Card 2 — Scam Investigations: emerald */
.pg-index #services .card:nth-child(2) {
  border-top-color: #10b981 !important;
  background: linear-gradient(180deg, rgba(16,185,129,.04) 0%, #ffffff 100%) !important;
}
.pg-index #services .card:nth-child(2) .service-icon {
  background: linear-gradient(135deg, rgba(16,185,129,.18) 0%, rgba(16,185,129,.06) 100%) !important;
  border-color: rgba(16,185,129,.3) !important;
}
.pg-index #services .card:nth-child(2):hover {
  border-color: rgba(16,185,129,.4) !important;
  box-shadow: 0 12px 42px rgba(16,185,129,.16) !important;
  transform: translateY(-5px) !important;
}
.pg-index #services .card:nth-child(2) a { color: #059669 !important; }

/* Card 3 — Exchange Intelligence: amber */
.pg-index #services .card:nth-child(3) {
  border-top-color: #f59e0b !important;
  background: linear-gradient(180deg, rgba(245,158,11,.04) 0%, #ffffff 100%) !important;
}
.pg-index #services .card:nth-child(3) .service-icon {
  background: linear-gradient(135deg, rgba(245,158,11,.18) 0%, rgba(245,158,11,.06) 100%) !important;
  border-color: rgba(245,158,11,.3) !important;
}
.pg-index #services .card:nth-child(3):hover {
  border-color: rgba(245,158,11,.4) !important;
  box-shadow: 0 12px 42px rgba(245,158,11,.14) !important;
  transform: translateY(-5px) !important;
}
.pg-index #services .card:nth-child(3) a { color: #b45309 !important; }

/* Card 4 — Forensic Reports: indigo */
.pg-index #services .card:nth-child(4) {
  border-top-color: #6366f1 !important;
  background: linear-gradient(180deg, rgba(99,102,241,.04) 0%, #ffffff 100%) !important;
}
.pg-index #services .card:nth-child(4) .service-icon {
  background: linear-gradient(135deg, rgba(99,102,241,.18) 0%, rgba(99,102,241,.06) 100%) !important;
  border-color: rgba(99,102,241,.3) !important;
}
.pg-index #services .card:nth-child(4):hover {
  border-color: rgba(99,102,241,.4) !important;
  box-shadow: 0 12px 42px rgba(99,102,241,.16) !important;
  transform: translateY(-5px) !important;
}
.pg-index #services .card:nth-child(4) a { color: #4f46e5 !important; }
.pg-index #services .card:nth-child(4) .service-badge {
  background: rgba(99,102,241,.08) !important;
  border-color: rgba(99,102,241,.25) !important;
  color: #4338ca !important;
}

/* Card 5 — Legal Support: violet */
.pg-index #services .card:nth-child(5) {
  border-top-color: #8b5cf6 !important;
  background: linear-gradient(180deg, rgba(139,92,246,.04) 0%, #ffffff 100%) !important;
}
.pg-index #services .card:nth-child(5) .service-icon {
  background: linear-gradient(135deg, rgba(139,92,246,.18) 0%, rgba(139,92,246,.06) 100%) !important;
  border-color: rgba(139,92,246,.3) !important;
}
.pg-index #services .card:nth-child(5):hover {
  border-color: rgba(139,92,246,.4) !important;
  box-shadow: 0 12px 42px rgba(139,92,246,.16) !important;
  transform: translateY(-5px) !important;
}
.pg-index #services .card:nth-child(5) a { color: #7c3aed !important; }

/* Card 6 — Emergency Response: red */
.pg-index #services .card:nth-child(6) {
  border-top-color: #ef4444 !important;
  background: linear-gradient(180deg, rgba(239,68,68,.04) 0%, #ffffff 100%) !important;
}
.pg-index #services .card:nth-child(6) .service-icon {
  background: linear-gradient(135deg, rgba(239,68,68,.18) 0%, rgba(239,68,68,.06) 100%) !important;
  border-color: rgba(239,68,68,.3) !important;
}
.pg-index #services .card:nth-child(6):hover {
  border-color: rgba(239,68,68,.4) !important;
  box-shadow: 0 12px 42px rgba(239,68,68,.16) !important;
  transform: translateY(-5px) !important;
}
.pg-index #services .card:nth-child(6) a { color: #dc2626 !important; }
.pg-index #services .card:nth-child(6) .service-badge {
  background: rgba(239,68,68,.08) !important;
  border-color: rgba(239,68,68,.25) !important;
  color: #dc2626 !important;
}

/* ── RECOVERY PROCESS: dark navy (vivid dark section) ── */
.pg-index #recovery-process {
  background: linear-gradient(155deg, #020b1a 0%, #0f1f3d 55%, #0c1a3a 100%) !important;
  --white:  #f1f5f9;
  --text:   #cbd5e1;
  --muted:  #94a3b8;
  --accent: #60a5fa;
  --accent2:#3b82f6;
  --accent3:#2dd4bf;
  --border: rgba(255,255,255,.08);
  --border2:rgba(255,255,255,.16);
}
.pg-index #recovery-process .section-label { color: #60a5fa !important; }
.pg-index #recovery-process .section-label::before { color: rgba(96,165,250,.4) !important; }
.pg-index #recovery-process h2          { color: #f1f5f9 !important; }
.pg-index #recovery-process .section-sub{ color: #94a3b8 !important; }

.pg-index .step-num-wrap {
  background: rgba(96,165,250,.12) !important;
  border-color: rgba(96,165,250,.22) !important;
}
.pg-index .step-num        { color: #60a5fa !important; }
.pg-index .step-content h4 { color: #f1f5f9 !important; }
.pg-index .step-content p  { color: #94a3b8 !important; }
.pg-index .step-pill {
  border-color: rgba(255,255,255,.1) !important;
  color: #94a3b8 !important;
  background: transparent !important;
}
.pg-index .step { border-bottom-color: rgba(255,255,255,.07) !important; }

/* Terminal — dark bg, already fits */
.pg-index .terminal { border-color: rgba(96,165,250,.2) !important; }
.pg-index .terminal-top {
  background: #0b1020 !important;
  border-bottom-color: rgba(255,255,255,.06) !important;
}
.pg-index .terminal-title { color: #64748b !important; }
.pg-index .prompt          { color: #60a5fa !important; }
.pg-index .dim             { color: #64748b !important; }
/* Terminal syntax highlighting — lightened palette */
.pg-index .t-cmd  { color: #86efac !important; font-weight: 600 !important; }   /* command name — soft mint green */
.pg-index .t-flag { color: #c4b5fd !important; }                                 /* --flags — soft violet */
.pg-index .t-val  { color: #fde68a !important; font-weight: 600 !important; }   /* values — soft amber */

/* ── NETWORKS: clean white + white inner cards ── */
.pg-index #networks {
  background: #ffffff !important;
}
.pg-index #networks > div > div[style] {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.16) !important;
  box-shadow: 0 4px 20px rgba(29,78,216,.08) !important;
}

/* ══════════════════════════════════════════════════════════════
   §53 — CALCULATOR: comprehensive form upgrade
══════════════════════════════════════════════════════════════ */

/* Section: subtle blue-tinted background */
.pg-index #calculator {
  background: linear-gradient(160deg, #f0f6ff 0%, #eef2ff 55%, #f5f3ff 100%) !important;
}
.pg-index #calculator .section-label { color: #2563eb !important; }
.pg-index #calculator .section-label::before { color: rgba(37,99,235,.4) !important; }
.pg-index #calculator h2 { color: #0f172a !important; }
.pg-index #calculator .section-sub { color: #475569 !important; }

/* Outer card */
.pg-index .calc-wrap {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  box-shadow: 0 4px 12px rgba(15,23,42,.06), 0 24px 72px rgba(29,78,216,.14) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* Step indicator bar + header — one seamless gradient band */
.pg-index .calc-steps-bar {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 60%, #0891b2 100%) !important;
  display: flex !important;
  align-items: center !important;
  padding: 28px 40px 24px !important;
  border-bottom: none !important;
  position: relative !important;
}

.pg-index .calc-step-dot {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255,255,255,.25) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(255,255,255,.45) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
  transition: background .3s, border-color .3s, box-shadow .3s !important;
  position: relative !important;
  z-index: 1 !important;
}

.pg-index .calc-step-dot.active {
  width: 42px !important;
  height: 42px !important;
  border: 2.5px solid #ffffff !important;
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  font-size: .85rem !important;
  box-shadow: 0 0 0 5px rgba(255,255,255,.12), 0 4px 16px rgba(0,0,0,.25) !important;
}

.pg-index .calc-step-dot.done {
  border-color: #7dd3fc !important;
  background: rgba(125,211,252,.2) !important;
  color: #7dd3fc !important;
  box-shadow: 0 0 0 3px rgba(125,211,252,.15) !important;
}

/* Lines: flex:1 with height so they center perfectly on the dots */
.pg-index .calc-step-line {
  flex: 1 !important;
  height: 2px !important;
  background: rgba(255,255,255,.18) !important;
  border-radius: 2px !important;
  margin: 0 4px !important;
  transition: background .3s !important;
}
.pg-index .calc-step-line.done {
  background: rgba(125,211,252,.55) !important;
}

/* Gradient header strip — continuation of same gradient */
.pg-index .calc-header {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 60%, #0891b2 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
  padding: 24px 40px 28px !important;
}
.pg-index .calc-step-title {
  color: #ffffff !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
}
.pg-index .calc-step-sub {
  color: rgba(255,255,255,.68) !important;
  font-size: .88rem !important;
  margin-top: 6px !important;
  line-height: 1.5 !important;
}

/* Form body */
.pg-index .calc-body { padding: 28px 40px 32px !important; }

/* Field labels */
.pg-index .calc-field label {
  color: #374151 !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

/* Text inputs & selects */
.pg-index .calc-field input,
.pg-index .calc-field select {
  background: #f8fafc !important;
  border: 1.5px solid rgba(148,163,184,.3) !important;
  border-radius: 10px !important;
  color: #0f172a !important;
  font-size: .95rem !important;
  padding: 12px 16px !important;
  transition: border-color .2s, box-shadow .2s, background .2s !important;
}
.pg-index .calc-field input::placeholder { color: #94a3b8 !important; }
.pg-index .calc-field input:focus,
.pg-index .calc-field select:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.1) !important;
  background: #ffffff !important;
  outline: none !important;
}
.pg-index .calc-field select option { background: #ffffff !important; color: #0f172a !important; }

/* Radio card options */
.pg-index .calc-cards {
  gap: 10px !important;
}
.pg-index .calc-card-label {
  background: #f8fafc !important;
  border: 1.5px solid rgba(148,163,184,.25) !important;
  border-radius: 12px !important;
  color: #334155 !important;
  padding: 14px 16px !important;
  transition: border-color .2s, background .2s, box-shadow .2s, transform .15s !important;
  gap: 10px !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
}
.pg-index .calc-card-label i {
  font-size: 1.5rem !important;
  flex-shrink: 0 !important;
}
.pg-index .calc-card-label:hover {
  border-color: rgba(37,99,235,.4) !important;
  background: #f0f6ff !important;
  box-shadow: 0 4px 14px rgba(29,78,216,.1) !important;
  transform: translateY(-2px) !important;
}
.pg-index .calc-card-opt input:checked + .calc-card-label {
  border-color: #2563eb !important;
  background: linear-gradient(135deg, rgba(37,99,235,.07) 0%, rgba(8,145,178,.04) 100%) !important;
  color: #1d4ed8 !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.12), 0 4px 16px rgba(37,99,235,.12) !important;
  transform: translateY(-1px) !important;
}

/* Checkboxes */
.pg-index .calc-checks { gap: 8px !important; }
.pg-index .calc-check {
  color: #334155 !important;
  font-size: .88rem !important;
  padding: 10px 14px !important;
  border: 1.5px solid rgba(148,163,184,.22) !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  transition: border-color .18s, background .18s !important;
}
.pg-index .calc-check:hover {
  border-color: rgba(37,99,235,.35) !important;
  background: #f0f6ff !important;
}
.pg-index .calc-check input[type="checkbox"]:checked ~ * { color: #1d4ed8 !important; }

/* Nav buttons */
.pg-index .calc-nav {
  padding-top: 8px !important;
  margin-top: 8px !important;
  border-top: 1px solid rgba(148,163,184,.15) !important;
}
.pg-index .calc-back {
  border: 1.5px solid rgba(148,163,184,.3) !important;
  color: #64748b !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: border-color .2s, color .2s, background .2s !important;
}
.pg-index .calc-back:hover {
  border-color: rgba(37,99,235,.4) !important;
  color: #1d4ed8 !important;
  background: rgba(37,99,235,.04) !important;
}
.pg-index .calc-next {
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 55%, #0891b2 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  box-shadow: 0 4px 20px rgba(37,99,235,.35) !important;
  transition: box-shadow .2s, transform .2s !important;
}
.pg-index .calc-next:hover {
  box-shadow: 0 8px 32px rgba(37,99,235,.45) !important;
  transform: translateY(-2px) !important;
}

/* Analysis terminal */
.pg-index .analysis-terminal {
  background: #0d1117 !important;
  border: 1px solid rgba(37,99,235,.25) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.2) !important;
}
.pg-index .analysis-title {
  color: #93c5fd !important;
  border-bottom-color: rgba(37,99,235,.2) !important;
}
.pg-index .analysis-progress-bar { background: rgba(255,255,255,.08) !important; }
.pg-index .analysis-progress-fill {
  background: linear-gradient(90deg, #2563eb 0%, #06b6d4 100%) !important;
  box-shadow: 0 0 12px rgba(37,99,235,.5) !important;
}

/* Result score circle */
.pg-index .score-circle {
  border: 4px solid #e2e8f0 !important;
  box-shadow: 0 4px 24px rgba(37,99,235,.14) !important;
}
.pg-index .score-val  { color: #1d4ed8 !important; font-size: 2rem !important; font-weight: 800 !important; }
.pg-index .score-lbl  { color: #64748b !important; font-size: .68rem !important; }

/* Result score bar */
.pg-index .score-bar-label span:first-child { color: #374151 !important; font-weight: 600 !important; }
.pg-index .score-bar-label span:last-child  { color: #1d4ed8 !important; font-weight: 700 !important; }
.pg-index .score-bar-track { background: #e2e8f0 !important; border-radius: 8px !important; height: 10px !important; }
.pg-index .score-bar-fill  {
  background: linear-gradient(90deg, #1d4ed8 0%, #06b6d4 100%) !important;
  border-radius: 8px !important;
  box-shadow: 0 0 8px rgba(37,99,235,.35) !important;
}
.pg-index .score-verdict     { color: #0f172a !important; font-weight: 700 !important; }
.pg-index .score-verdict-sub { color: #475569 !important; }

/* Metrics row */
.pg-index .calc-metrics { gap: 12px !important; }
.pg-index .calc-metric {
  background: #f8fafc !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
}
.pg-index .calc-metric-lbl { color: #64748b !important; font-size: .68rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .07em !important; }
.pg-index .calc-metric-val { color: #0f172a !important; font-weight: 700 !important; font-size: 1rem !important; margin-top: 4px !important; }

/* Result analysis text */
.pg-index .calc-analysis-text p { color: #334155 !important; line-height: 1.7 !important; }

/* Recommended service pills */
.pg-index .calc-services-lbl { color: #374151 !important; font-weight: 700 !important; font-size: .75rem !important; text-transform: uppercase !important; letter-spacing: .08em !important; }
.pg-index .calc-service-pills .calc-pill {
  background: rgba(37,99,235,.08) !important;
  border: 1px solid rgba(37,99,235,.22) !important;
  color: #1d4ed8 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

/* Result action buttons */
.pg-index .calc-restart {
  border: 1.5px solid rgba(148,163,184,.3) !important;
  color: #64748b !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  background: transparent !important;
}
.pg-index .calc-restart:hover {
  border-color: rgba(37,99,235,.35) !important;
  color: #1d4ed8 !important;
  background: rgba(37,99,235,.04) !important;
}

/* ── TESTIMONIALS: rich lavender + white cards ── */
.pg-index #testimonials {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-index .testimonials-header h2  { color: #1e1b4b !important; }
.pg-index .testimonial-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.14) !important;
  box-shadow: 0 2px 14px rgba(124,58,237,.07) !important;
}
.pg-index .testimonial-card:hover {
  border-color: rgba(124,58,237,.3) !important;
  box-shadow: 0 8px 36px rgba(124,58,237,.13) !important;
}
.pg-index .testimonial-tag {
  background: rgba(124,58,237,.08) !important;
  color: #7c3aed !important;
}
.pg-index .testimonial-stars { color: #f59e0b !important; }
.pg-index blockquote { color: #334155 !important; }

.pg-index .carousel-btn {
  background: rgba(124,58,237,.08) !important;
  border-color: rgba(124,58,237,.2) !important;
  color: #7c3aed !important;
}
.pg-index .carousel-btn:hover {
  background: rgba(124,58,237,.14) !important;
  border-color: rgba(124,58,237,.38) !important;
}
.pg-index .carousel-counter { color: #7c3aed !important; }
.pg-index .carousel-dot { background: rgba(124,58,237,.2) !important; }
.pg-index .carousel-dot.active { background: #7c3aed !important; }

/* ── VIDEO TESTIMONIALS: clean white ── */
.pg-index #video-testimonials { background: #ffffff !important; }
.pg-index .video-section-head h2 { color: #0f172a !important; }
.pg-index .video-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.2) !important;
  box-shadow: 0 2px 12px rgba(15,23,42,.06) !important;
}
.pg-index .video-card:hover {
  border-color: rgba(37,99,235,.28) !important;
  box-shadow: 0 8px 32px rgba(29,78,216,.1) !important;
}
.pg-index .video-info h4 { color: #0f172a !important; }
.pg-index .video-info p  { color: #64748b !important; }
.pg-index .vscroll-arrow {
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.2) !important;
  color: #2563eb !important;
}

/* ── PRICING OVERVIEW: deep indigo gradient (dark, premium) ── */
.pg-index #pricing-overview {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white:  #f1f5f9;
  --text:   #e2e8f0;
  --muted:  #bfdbfe;
  --accent: #93c5fd;
  --border: rgba(255,255,255,.1);
}
.pg-index #pricing-overview .section-label { color: #93c5fd !important; }
.pg-index #pricing-overview .section-label::before { color: rgba(147,197,253,.4) !important; }
.pg-index #pricing-overview h2 { color: #f1f5f9 !important; }
.pg-index #pricing-overview .section-sub { color: #bfdbfe !important; }

.pg-index .price-card-home {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 2px 20px rgba(0,0,0,.15) !important;
}
.pg-index .price-card-home:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.25) !important;
  box-shadow: 0 12px 48px rgba(0,0,0,.25) !important;
}
.pg-index .price-card-home.popular {
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(147,197,253,.45) !important;
  box-shadow: 0 12px 48px rgba(0,0,0,.2) !important;
}
/* Fix: badge was color:#000 on gradient */
.pg-index .price-badge-home { color: #ffffff !important; }
.pg-index .price-card-home h4           { color: #f1f5f9 !important; }
.pg-index .price-card-home .price-from  { color: #94a3b8 !important; }
.pg-index .price-card-home .price-amount{ color: #93c5fd !important; }
.pg-index .price-card-home .price-amount.custom { color: #fbbf24 !important; }
.pg-index .price-card-home .price-tag   { color: #94a3b8 !important; }
.pg-index .price-card-home .price-desc  { color: #bfdbfe !important; }
.pg-index .price-card-home .price-link  { color: #93c5fd !important; }

/* ── FAQ: clean white + bold blue-accented accordion items ── */
.pg-index #faq {
  background: #ffffff !important;
}
.pg-index #faq .section-label { color: #2563eb !important; }
.pg-index #faq .section-label::before { color: rgba(37,99,235,.4) !important; }
.pg-index #faq h2 { color: #0f172a !important; }
.pg-index #faq .section-sub { color: #475569 !important; }

.pg-index .faq-item {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
  border-left: 3px solid transparent !important;
  box-shadow: 0 1px 4px rgba(15,23,42,.05) !important;
  padding-left: 1.1rem !important;
  padding-right: 1.1rem !important;
}
.pg-index .faq-item:hover {
  border-color: rgba(37,99,235,.25) !important;
  border-left-color: #2563eb !important;
  box-shadow: 0 4px 20px rgba(29,78,216,.08) !important;
}
.pg-index .faq-item.open,
.pg-index .faq-item.active {
  border-color: rgba(37,99,235,.3) !important;
  border-left-color: #2563eb !important;
  box-shadow: 0 4px 24px rgba(29,78,216,.1) !important;
}
.pg-index .faq-q { color: #0f172a !important; font-weight: 600 !important; }
.pg-index .faq-item.open .faq-q,
.pg-index .faq-item.active .faq-q { color: #1d4ed8 !important; }
.pg-index .faq-a { color: #475569 !important; }
.pg-index .faq-icon {
  color: #2563eb !important;
  border-color: rgba(37,99,235,.28) !important;
  background: rgba(37,99,235,.06) !important;
}

/* ── CTA: override outer section + vivid glowing card ── */
.pg-index #cta {
  background: linear-gradient(155deg, #030712 0%, #0f172a 45%, #0c1437 100%) !important;
  position: relative !important;
}
.pg-index #cta::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(37,99,235,.18) 0%, transparent 70%) !important;
  pointer-events: none !important;
}
.pg-index #cta .cta-card {
  background: linear-gradient(145deg, #1e1b4b 0%, #1d4ed8 55%, #0e7490 100%) !important;
  border: 1px solid rgba(147,197,253,.35) !important;
  box-shadow:
    0 0 0 1px rgba(147,197,253,.12),
    0 0 60px rgba(37,99,235,.5),
    0 0 120px rgba(37,99,235,.25),
    0 32px 80px rgba(0,0,0,.4) !important;
  border-radius: 24px !important;
  position: relative !important;
  overflow: hidden !important;
}
.pg-index #cta .cta-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255,255,255,.08) 0%, transparent 60%) !important;
  pointer-events: none !important;
}
.pg-index #cta .cta-pulse-row .section-label {
  color: #93c5fd !important;
  border-color: rgba(147,197,253,.3) !important;
}
.pg-index #cta h2       { color: #ffffff !important; text-shadow: 0 2px 20px rgba(37,99,235,.4) !important; }
.pg-index #cta h2 .accent { color: #7dd3fc !important; }
.pg-index #cta p        { color: rgba(255,255,255,.72) !important; }
.pg-index #cta .btn-primary {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 24px rgba(239,68,68,.5) !important;
  font-weight: 700 !important;
}
.pg-index #cta .btn-primary:hover {
  box-shadow: 0 8px 36px rgba(239,68,68,.65) !important;
  transform: translateY(-2px) !important;
}
.pg-index #cta .btn-secondary {
  background: rgba(255,255,255,.1) !important;
  border: 1.5px solid rgba(255,255,255,.3) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  backdrop-filter: blur(4px) !important;
}
.pg-index #cta .btn-secondary:hover {
  background: rgba(255,255,255,.18) !important;
  border-color: rgba(255,255,255,.55) !important;
}

/* ═══════════════════════════════════════════════════════════════
   30. ABOUT PAGE — COMPREHENSIVE OVERRIDES (.pg-about)
═══════════════════════════════════════════════════════════════ */

/* ── HERO — dark authoritative navy ── */
.pg-about #hero {
  background: linear-gradient(145deg, #020b1a 0%, #071529 40%, #0c1e3d 70%, #061020 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --accent2: #3b82f6; --accent3: #34d399;
  --border: rgba(255,255,255,.08);
}
.pg-about #hero #hero-canvas { opacity: 0.45 !important; }
.pg-about .orb1 { background: radial-gradient(circle, rgba(37,99,235,.38) 0%, transparent 70%) !important; }
.pg-about .orb2 { background: radial-gradient(circle, rgba(8,145,178,.28) 0%, transparent 70%) !important; }
.pg-about .orb3 { background: radial-gradient(circle, rgba(124,58,237,.2) 0%, transparent 70%) !important; }
.pg-about #hero h1 { color: #f1f5f9 !important; }
.pg-about #hero .accent { color: #93c5fd !important; }
.pg-about #hero .hero-desc { color: #cbd5e1 !important; }
.pg-about #hero .btn-secondary { border-color: rgba(255,255,255,.3) !important; color: #f1f5f9 !important; }
.pg-about #hero .btn-secondary:hover { background: rgba(255,255,255,.08) !important; }
.pg-about #hero .btn-ghost { color: #93c5fd !important; }
.pg-about .hero-trust {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.pg-about .trust-item { color: #cbd5e1 !important; }
.pg-about .trust-divider { background: rgba(255,255,255,.12) !important; }

/* Hero stat boxes — fix: HTML uses .about-stats not .hero-stats */
.pg-about .about-stats .stat-box,
.pg-about .hero-stats .stat-box { background: transparent !important; }
.pg-about .about-stats .stat-box:nth-child(1),
.pg-about .hero-stats .stat-box:nth-child(1) {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  border: 1px solid rgba(29,78,216,.35) !important;
  box-shadow: 0 8px 32px rgba(29,78,216,.3) !important;
}
.pg-about .about-stats .stat-box:nth-child(2),
.pg-about .hero-stats .stat-box:nth-child(2) {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
  border: 1px solid rgba(67,56,202,.35) !important;
  box-shadow: 0 8px 32px rgba(67,56,202,.3) !important;
}
.pg-about .about-stats .stat-box:nth-child(3),
.pg-about .hero-stats .stat-box:nth-child(3) {
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
  border: 1px solid rgba(3,105,161,.35) !important;
  box-shadow: 0 8px 32px rgba(3,105,161,.3) !important;
}
.pg-about .about-stats .stat-box:nth-child(4),
.pg-about .hero-stats .stat-box:nth-child(4) {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;
  border: 1px solid rgba(109,40,217,.35) !important;
  box-shadow: 0 8px 32px rgba(109,40,217,.3) !important;
}
.pg-about .about-stats .stat-box .stat-num,
.pg-about .about-stats .stat-box .stat-label,
.pg-about .about-stats .stat-box .stat-sub,
.pg-about .hero-stats .stat-box .stat-num,
.pg-about .hero-stats .stat-box .stat-label,
.pg-about .hero-stats .stat-box .stat-change { color: #ffffff !important; }

/* Story — white with strong card */
.pg-about #story { background: #ffffff !important; }
.pg-about .story-card, .pg-about .story-block {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.16) !important;
  box-shadow: 0 4px 24px rgba(29,78,216,.08) !important;
}

/* Values — vivid dark indigo */
.pg-about #values {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe;
  --accent: #93c5fd; --border: rgba(255,255,255,.1);
}
.pg-about #values h2, .pg-about #values .section-label { color: #f1f5f9 !important; }
.pg-about #values .section-sub { color: #bfdbfe !important; }
.pg-about .value-card {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: none !important;
}
.pg-about .value-card:hover {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.28) !important;
}
.pg-about .value-card h3 { color: #f1f5f9 !important; }
.pg-about .value-card p  { color: #bfdbfe !important; }

/* Methodology — lavender */
.pg-about #methodology {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-about #methodology h2 { color: #1e1b4b !important; }
.pg-about .method-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.14) !important;
  box-shadow: 0 2px 14px rgba(124,58,237,.07) !important;
}
.pg-about .method-card:hover {
  border-color: rgba(124,58,237,.3) !important;
  box-shadow: 0 8px 32px rgba(124,58,237,.12) !important;
}
/* Fix hardcoded rgba(0,210,255,.12) — invisible on light bg */
.pg-about .method-num {
  color: rgba(124,58,237,.35) !important;
}
.pg-about .method-title { color: #1e1b4b !important; font-weight: 700 !important; }
.pg-about .method-desc  { color: #374151 !important; }

/* Tools — white */
.pg-about #tools { background: #ffffff !important; }

/* Who We Serve — vivid cyan-blue dark */
.pg-about #who-we-serve {
  background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 55%, #0284c7 100%) !important;
  --white: #f0f9ff; --text: #e0f2fe; --muted: #bae6fd;
  --accent: #38bdf8; --border: rgba(255,255,255,.1);
}
.pg-about #who-we-serve h2 { color: #f0f9ff !important; }
.pg-about #who-we-serve .section-sub { color: #bae6fd !important; }
.pg-about .serve-card, .pg-about .who-card {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.pg-about .serve-card:hover, .pg-about .who-card:hover {
  background: rgba(255,255,255,.15) !important;
  border-color: rgba(255,255,255,.28) !important;
}
.pg-about .serve-card h3, .pg-about .who-card h3 { color: #f0f9ff !important; }
.pg-about .serve-card p,  .pg-about .who-card p  { color: #bae6fd !important; }

/* FAQ on about */
.pg-about .faq-item {
  border-left: 3px solid transparent !important;
  padding-left: 1.1rem !important;
  padding-right: 1.1rem !important;
}
.pg-about .faq-item:hover, .pg-about .faq-item.open {
  border-left-color: #2563eb !important;
}
.pg-about .faq-item.open .faq-q { color: #1d4ed8 !important; }
.pg-about .faq-icon { color: #2563eb !important; border-color: rgba(37,99,235,.28) !important; background: rgba(37,99,235,.06) !important; }

/* CTA strip — dark indigo */
.pg-about #cta-strip {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe;
  --accent: #93c5fd; --accent3: #34d399;
}
.pg-about #cta-strip h2 { color: #f1f5f9 !important; }
.pg-about #cta-strip .section-label { color: #93c5fd !important; }
.pg-about #cta-strip p { color: #bfdbfe !important; }
.pg-about #cta-strip .btn-secondary {
  border-color: rgba(255,255,255,.35) !important; color: #f1f5f9 !important;
}

/* Dividers — hide all */
.pg-about .divider { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
   31. BLOCKCHAIN TRACING PAGE (.pg-blockchain-tracing)
═══════════════════════════════════════════════════════════════ */

/* ── HOW BLOCKCHAIN TRACING WORKS ── */

/* Section: richer gradient with subtle mesh */
.pg-blockchain-tracing #how-it-works {
  background:
    radial-gradient(ellipse 70% 50% at 10% 20%, rgba(37,99,235,.07) 0%, transparent 60%),
    radial-gradient(ellipse 60% 60% at 90% 80%, rgba(8,145,178,.06) 0%, transparent 60%),
    linear-gradient(160deg, #f0f4ff 0%, #e8f0fe 50%, #eff6ff 100%) !important;
}
.pg-blockchain-tracing #how-it-works .section-label { color: #2563eb !important; }
.pg-blockchain-tracing #how-it-works h2 { color: #0f172a !important; }
.pg-blockchain-tracing #how-it-works .section-sub { color: #475569 !important; }

/* Step circles — per-step glow colors */
.pg-blockchain-tracing .step-circle {
  box-shadow: 0 0 0 4px rgba(37,99,235,.12), 0 4px 16px rgba(37,99,235,.3) !important;
}
.pg-blockchain-tracing .trace-step:nth-child(1) .step-circle { box-shadow: 0 0 0 4px rgba(37,99,235,.14), 0 4px 20px rgba(37,99,235,.35) !important; }
.pg-blockchain-tracing .trace-step:nth-child(2) .step-circle { box-shadow: 0 0 0 4px rgba(8,145,178,.14),  0 4px 20px rgba(8,145,178,.35)  !important; background: linear-gradient(135deg, #0891b2, #06b6d4) !important; }
.pg-blockchain-tracing .trace-step:nth-child(3) .step-circle { box-shadow: 0 0 0 4px rgba(124,58,237,.14), 0 4px 20px rgba(124,58,237,.35) !important; background: linear-gradient(135deg, #7c3aed, #a855f7) !important; }
.pg-blockchain-tracing .trace-step:nth-child(4) .step-circle { box-shadow: 0 0 0 4px rgba(5,150,105,.14),  0 4px 20px rgba(5,150,105,.35)  !important; background: linear-gradient(135deg, #059669, #10b981) !important; }
.pg-blockchain-tracing .trace-step:nth-child(5) .step-circle { box-shadow: 0 0 0 4px rgba(180,83,9,.14),   0 4px 20px rgba(180,83,9,.35)   !important; background: linear-gradient(135deg, #b45309, #d97706) !important; }

/* Connector line — richer gradient */
.pg-blockchain-tracing .step-line {
  background: linear-gradient(180deg, rgba(37,99,235,.4) 0%, rgba(37,99,235,.08) 100%) !important;
  width: 2px !important;
}

/* Content cards — white, per-step left accent border */
.pg-blockchain-tracing .trace-step-content {
  background: #ffffff !important;
  box-shadow: 0 2px 24px rgba(15,23,42,.07), 0 1px 4px rgba(15,23,42,.04) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  transition: box-shadow .2s ease, transform .2s ease !important;
}
.pg-blockchain-tracing .trace-step-content:hover {
  box-shadow: 0 6px 32px rgba(15,23,42,.11) !important;
  transform: translateX(3px) !important;
}
.pg-blockchain-tracing .trace-step-content h4 { color: #0f172a !important; font-weight: 700 !important; font-size: 1.05rem !important; }
.pg-blockchain-tracing .trace-step-content p   { color: #475569 !important; }

/* Per-step left border on cards — include #how-it-works for specificity (1,4,0)
   to beat the generic catch-all rule which sits at (1,2,0) */
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(1) .trace-step-content { border-left: 3px solid #2563eb !important; }
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(2) .trace-step-content { border-left: 3px solid #0891b2 !important; }
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(3) .trace-step-content { border-left: 3px solid #7c3aed !important; }
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(4) .trace-step-content { border-left: 3px solid #059669 !important; }
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(5) .trace-step-content { border-left: 3px solid #b45309 !important; }

/* Step tags — styled badge pill; include #how-it-works for specificity (1,4,0) */
.pg-blockchain-tracing .trace-step-tag {
  display: inline-block !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  font-size: .59rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  margin-bottom: 10px !important;
}
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(1) .trace-step-tag { background: rgba(37,99,235,.1)  !important; color: #1d4ed8 !important; }
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(2) .trace-step-tag { background: rgba(8,145,178,.1)  !important; color: #0e7490 !important; }
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(3) .trace-step-tag { background: rgba(124,58,237,.1) !important; color: #6d28d9 !important; }
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(4) .trace-step-tag { background: rgba(5,150,105,.1)  !important; color: #047857 !important; }
.pg-blockchain-tracing #how-it-works .trace-step:nth-child(5) .trace-step-tag { background: rgba(180,83,9,.1)   !important; color: #92400e !important; }

/* Tech pills — per-step matching accent */
.pg-blockchain-tracing .trace-tech {
  border-radius: 20px !important;
  font-size: .57rem !important;
  padding: 3px 10px !important;
  font-weight: 600 !important;
  border: 1px solid !important;
}
.pg-blockchain-tracing .trace-step:nth-child(1) .trace-tech { background: rgba(37,99,235,.08)  !important; color: #1d4ed8 !important; border-color: rgba(37,99,235,.2)  !important; }
.pg-blockchain-tracing .trace-step:nth-child(2) .trace-tech { background: rgba(8,145,178,.08)  !important; color: #0e7490 !important; border-color: rgba(8,145,178,.22)  !important; }
.pg-blockchain-tracing .trace-step:nth-child(3) .trace-tech { background: rgba(124,58,237,.08) !important; color: #6d28d9 !important; border-color: rgba(124,58,237,.22) !important; }
.pg-blockchain-tracing .trace-step:nth-child(4) .trace-tech { background: rgba(5,150,105,.08)  !important; color: #047857 !important; border-color: rgba(5,150,105,.22)  !important; }
.pg-blockchain-tracing .trace-step:nth-child(5) .trace-tech { background: rgba(180,83,9,.08)   !important; color: #92400e !important; border-color: rgba(180,83,9,.2)    !important; }

/* Techniques — vivid dark navy */
.pg-blockchain-tracing #techniques {
  background: linear-gradient(145deg, #020b1a 0%, #0f1f3d 55%, #0c1a3a 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --border: rgba(255,255,255,.08);
}
.pg-blockchain-tracing #techniques h2 { color: #f1f5f9 !important; }
.pg-blockchain-tracing #techniques .section-sub { color: #94a3b8 !important; }
/* Actual technique cards (HTML uses .technique-card, not .method-card/.step-card) */
.pg-blockchain-tracing #techniques .technique-card,
.pg-blockchain-tracing #techniques .method-card,
.pg-blockchain-tracing #techniques .step-card {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.pg-blockchain-tracing #techniques .technique-card:hover {
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(96,165,250,.35) !important;
}
.pg-blockchain-tracing #techniques .technique-card h3,
.pg-blockchain-tracing #techniques .method-card h3,
.pg-blockchain-tracing #techniques .step-card h3 { color: #f1f5f9 !important; }
.pg-blockchain-tracing #techniques .technique-card p,
.pg-blockchain-tracing #techniques .technique-card li,
.pg-blockchain-tracing #techniques .method-card p,
.pg-blockchain-tracing #techniques .step-card p { color: #94a3b8 !important; }

/* Technique icons — override hardcoded rgba(0,210,255,.07) near-invisible cyan */
.pg-blockchain-tracing .technique-icon {
  background: rgba(96,165,250,.15) !important;
  border-color: rgba(96,165,250,.35) !important;
  color: #60a5fa !important;
}

/* Technique badges — override hardcoded near-invisible backgrounds */
.pg-blockchain-tracing .technique-badge,
.pg-blockchain-tracing .badge-blue {
  background: rgba(96,165,250,.18) !important;
  color: #93c5fd !important;
  border-color: rgba(96,165,250,.35) !important;
}
.pg-blockchain-tracing .badge-green {
  background: rgba(52,211,153,.14) !important;
  color: #34d399 !important;
  border-color: rgba(52,211,153,.3) !important;
}
.pg-blockchain-tracing .badge-gold {
  background: rgba(251,191,36,.14) !important;
  color: #fbbf24 !important;
  border-color: rgba(251,191,36,.3) !important;
}

/* Networks full — lavender */
.pg-blockchain-tracing #networks-full {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-blockchain-tracing #networks-full h2 { color: #1e1b4b !important; }
.pg-blockchain-tracing .network-card, .pg-blockchain-tracing .chain-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.14) !important;
  box-shadow: 0 2px 14px rgba(124,58,237,.07) !important;
}

/* Process — vivid dark indigo */
.pg-blockchain-tracing #process {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe;
  --accent: #93c5fd; --border: rgba(255,255,255,.1);
}
.pg-blockchain-tracing #process h2 { color: #f1f5f9 !important; }
.pg-blockchain-tracing #process .section-sub { color: #bfdbfe !important; }
.pg-blockchain-tracing #process .step-card, .pg-blockchain-tracing #process .process-card {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.pg-blockchain-tracing #process .step-card h4,
.pg-blockchain-tracing #process .process-card h3 { color: #f1f5f9 !important; }
.pg-blockchain-tracing #process .step-card p,
.pg-blockchain-tracing #process .process-card p  { color: #bfdbfe !important; }

/* FAQ */
.pg-blockchain-tracing .faq-item {
  border-left: 3px solid transparent !important;
  padding-left: 1.1rem !important; padding-right: 1.1rem !important;
}
.pg-blockchain-tracing .faq-item:hover,
.pg-blockchain-tracing .faq-item.open { border-left-color: #2563eb !important; }
.pg-blockchain-tracing .faq-item.open .faq-q { color: #1d4ed8 !important; }
.pg-blockchain-tracing .faq-icon { color: #2563eb !important; border-color: rgba(37,99,235,.28) !important; background: rgba(37,99,235,.06) !important; }

/* ── HERO — dark electric navy ── */
.pg-blockchain-tracing #hero {
  background: linear-gradient(145deg, #020b1a 0%, #071529 40%, #0c1e3d 70%, #061020 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --accent2: #3b82f6; --accent3: #34d399;
  --border: rgba(255,255,255,.08);
}
.pg-blockchain-tracing #hero #hero-canvas { opacity: 0.5 !important; }
.pg-blockchain-tracing .orb1 { background: radial-gradient(circle, rgba(37,99,235,.42) 0%, transparent 70%) !important; }
.pg-blockchain-tracing .orb2 { background: radial-gradient(circle, rgba(8,145,178,.32) 0%, transparent 70%) !important; }
.pg-blockchain-tracing .orb3 { background: radial-gradient(circle, rgba(109,40,217,.22) 0%, transparent 70%) !important; }
.pg-blockchain-tracing #hero .service-eyebrow {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.pg-blockchain-tracing #hero .service-eyebrow span { color: #93c5fd !important; }
.pg-blockchain-tracing #hero h1 { color: #f1f5f9 !important; }
.pg-blockchain-tracing #hero .hero-desc { color: #cbd5e1 !important; }
.pg-blockchain-tracing #hero .btn-secondary {
  border-color: rgba(255,255,255,.3) !important;
  color: #f1f5f9 !important;
}
.pg-blockchain-tracing #hero .btn-secondary:hover { background: rgba(255,255,255,.1) !important; }
.pg-blockchain-tracing #hero .btn-ghost { color: #93c5fd !important; }
.pg-blockchain-tracing .hero-trust {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.pg-blockchain-tracing .trust-item { color: #cbd5e1 !important; }
.pg-blockchain-tracing .trust-divider { background: rgba(255,255,255,.12) !important; }

/* Stat boxes — 5 vivid */
.pg-blockchain-tracing .hero-stats-row .stat-box { background: transparent !important; }
.pg-blockchain-tracing .hero-stats-row .stat-box:nth-child(1) {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  border-color: rgba(29,78,216,.35) !important; box-shadow: 0 8px 28px rgba(29,78,216,.35) !important;
}
.pg-blockchain-tracing .hero-stats-row .stat-box:nth-child(2) {
  background: linear-gradient(135deg, #0369a1 0%, #0891b2 100%) !important;
  border-color: rgba(8,145,178,.35) !important; box-shadow: 0 8px 28px rgba(8,145,178,.3) !important;
}
.pg-blockchain-tracing .hero-stats-row .stat-box:nth-child(3) {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
  border-color: rgba(79,70,229,.35) !important; box-shadow: 0 8px 28px rgba(79,70,229,.3) !important;
}
.pg-blockchain-tracing .hero-stats-row .stat-box:nth-child(4) {
  background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%) !important;
  border-color: rgba(13,148,136,.35) !important; box-shadow: 0 8px 28px rgba(13,148,136,.3) !important;
}
.pg-blockchain-tracing .hero-stats-row .stat-box:nth-child(5) {
  background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;
  border-color: rgba(5,150,105,.35) !important; box-shadow: 0 8px 28px rgba(5,150,105,.3) !important;
}
.pg-blockchain-tracing .hero-stats-row .stat-box .stat-num,
.pg-blockchain-tracing .hero-stats-row .stat-box .stat-label { color: #ffffff !important; }
.pg-blockchain-tracing .hero-stats-row .stat-box .stat-sub { color: rgba(255,255,255,.72) !important; }

/* ── WHAT WE TRACE — white + chain cards with native color tops ── */
.pg-blockchain-tracing #what-we-trace {
  background: #ffffff !important;
}
.pg-blockchain-tracing #what-we-trace h2 { color: #0f172a !important; }
.pg-blockchain-tracing #what-we-trace .section-label { color: #2563eb !important; }
.pg-blockchain-tracing #what-we-trace .section-sub { color: #475569 !important; }
.pg-blockchain-tracing .chain-card {
  background: #ffffff !important;
  border-top: 4px solid var(--chain-color, #2563eb) !important;
  border-color: rgba(148,163,184,.15) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.06) !important;
}
.pg-blockchain-tracing .chain-card:hover {
  box-shadow: 0 12px 36px rgba(0,0,0,.1) !important;
  transform: translateY(-3px);
}
.pg-blockchain-tracing .chain-card .chain-symbol { color: var(--chain-color, #2563eb) !important; }
.pg-blockchain-tracing .chain-card .chain-name { color: #0f172a !important; font-weight: 700 !important; }
.pg-blockchain-tracing .chain-card .chain-ticker { color: #64748b !important; }
.pg-blockchain-tracing .chain-card .chain-desc { color: #475569 !important; }
.pg-blockchain-tracing .chain-cap {
  background: rgba(37,99,235,.06) !important;
  color: #1d4ed8 !important;
  border-color: rgba(37,99,235,.14) !important;
}

/* ── HOW IT WORKS — card text fixes ── */
.pg-blockchain-tracing #how-it-works .section-sub { color: #475569 !important; }
/* NOTE: [class*="trace-step"] intentionally removed — it matched .trace-step-content,
   .trace-step-tag AND .trace-step-left, and border-color here (specificity 1,2,0)
   was silently overriding the per-step accent left borders (specificity 0,4,0).
   .trace-step-content is handled by the more specific rule block below. */
.pg-blockchain-tracing #how-it-works .step-card,
.pg-blockchain-tracing #how-it-works .feature-card,
.pg-blockchain-tracing #how-it-works [class*="flow-step"] {
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(29,78,216,.08) !important;
}
.pg-blockchain-tracing #how-it-works .step-card h3,
.pg-blockchain-tracing #how-it-works .step-card h4,
.pg-blockchain-tracing #how-it-works .feature-card h3 { color: #0f172a !important; }
.pg-blockchain-tracing #how-it-works .step-card p,
.pg-blockchain-tracing #how-it-works .feature-card p { color: #475569 !important; }

/* ── Section-label: give it a tinted pill shape so it reads as a badge ── */
.pg-blockchain-tracing #how-it-works .section-label {
  display: inline-block !important;
  background: rgba(37,99,235,.08) !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  margin-bottom: 14px !important;
}

/* ── Trace diagram (hardcoded dark bg): fix CSS-variable colours in light mode ── */
.pg-blockchain-tracing .trace-diagram {
  border-color: rgba(148,163,184,.12) !important;
  box-shadow: 0 8px 40px rgba(15,23,42,.18), 0 0 0 1px rgba(148,163,184,.08) !important;
}
.pg-blockchain-tracing .trace-diagram-header {
  border-bottom-color: rgba(148,163,184,.1) !important;
}
.pg-blockchain-tracing .trace-diagram-title { color: #94a3b8 !important; }

/* Hop visualizer: text is var(--muted)/#475569 on #050810 bg → too dark to read;
   use #94a3b8 (light slate) which has adequate contrast on the very dark bg */
.pg-blockchain-tracing .hop-visualizer > div:first-child { color: #94a3b8 !important; }
.pg-blockchain-tracing .hop-label    { color: #94a3b8 !important; }
.pg-blockchain-tracing .hop-arrow    { color: rgba(148,163,184,.45) !important; }
/* Base bubble — Phosphor icons inherit color from body (#1e293b = dark navy on dark bg = invisible).
   Force a visible default and per-type accent colours so icons always show. */
.pg-blockchain-tracing .hop-bubble {
  border-color: rgba(148,163,184,.3) !important;
  background:   rgba(255,255,255,.04) !important;
  color:        #94a3b8 !important;   /* default icon colour */
}
.pg-blockchain-tracing .hop-bubble.source {
  border-color: #10b981 !important;
  background:   rgba(16,185,129,.12) !important;
  color:        #10b981 !important;
}
.pg-blockchain-tracing .hop-bubble.mixer {
  border-color: #f59e0b !important;
  background:   rgba(245,158,11,.12) !important;
  color:        #f59e0b !important;
}
.pg-blockchain-tracing .hop-bubble.bridge {
  border-color: #60a5fa !important;
  background:   rgba(96,165,250,.12) !important;
  color:        #60a5fa !important;
}
.pg-blockchain-tracing .hop-bubble.exchange {
  border-color: #22d3ee !important;
  background:   rgba(34,211,238,.08) !important;
  color:        #22d3ee !important;
}
.pg-blockchain-tracing .hop-bubble.found {
  border-color: #10b981 !important;
  background:   rgba(16,185,129,.15) !important;
  color:        #10b981 !important;
}
.pg-blockchain-tracing .hop-status-bar {
  background:   rgba(16,185,129,.04) !important;
  border-color: rgba(16,185,129,.15) !important;
}
.pg-blockchain-tracing .hop-status-label { color: #10b981 !important; }
.pg-blockchain-tracing .hop-status-val   { color: #94a3b8 !important; }

/* ── Trace-step card: add padding + border so the card looks right at all sizes ── */
.pg-blockchain-tracing .trace-step-content {
  padding: 18px 20px 4px !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  border-radius: 14px !important;
  margin-bottom: 12px !important;
}

/* ── Blockchain-tracing HOW IT WORKS — mobile ── */
@media (max-width: 768px) {
  /* Hide the right-column trace diagram on mobile — keeps layout clean */
  .pg-blockchain-tracing .trace-visual { display: none !important; }
  /* Single-column padding */
  .pg-blockchain-tracing #how-it-works { padding: 60px 5% 70px !important; }
  .pg-blockchain-tracing #how-it-works h2 { font-size: 1.7rem !important; }
  .pg-blockchain-tracing #how-it-works .section-sub { font-size: .9rem !important; }
  .pg-blockchain-tracing .trace-flow { margin-top: 40px !important; gap: 0 !important; }

  /* Shrink left column */
  .pg-blockchain-tracing .step-circle {
    width: 42px !important; height: 42px !important; font-size: .8rem !important;
  }
  .pg-blockchain-tracing .trace-step-left { margin-right: 16px !important; }

  /* Content card */
  .pg-blockchain-tracing .trace-step-content {
    padding: 14px 16px 2px !important;
    border-radius: 12px !important;
    margin-bottom: 8px !important;
  }
  .pg-blockchain-tracing .trace-step-content h4 { font-size: .97rem !important; margin-bottom: 8px !important; }
  .pg-blockchain-tracing .trace-step-content p  { font-size: .85rem !important; line-height: 1.65 !important; }
  .pg-blockchain-tracing .trace-step-tag        { font-size: .58rem !important; margin-bottom: 5px !important; }

  /* Tech pills */
  .pg-blockchain-tracing .trace-tech-row { gap: 5px !important; margin-top: 10px !important; margin-bottom: 14px !important; }
  .pg-blockchain-tracing .trace-tech { font-size: .55rem !important; padding: 3px 8px !important; }
}

@media (max-width: 480px) {
  .pg-blockchain-tracing #how-it-works { padding: 48px 4% 56px !important; }
  .pg-blockchain-tracing #how-it-works h2 { font-size: 1.5rem !important; }

  .pg-blockchain-tracing .step-circle {
    width: 38px !important; height: 38px !important; font-size: .75rem !important;
  }
  .pg-blockchain-tracing .trace-step-left { margin-right: 12px !important; }

  .pg-blockchain-tracing .trace-step-content {
    padding: 12px 14px 2px !important;
    border-radius: 10px !important;
  }
  .pg-blockchain-tracing .trace-step-content h4 { font-size: .9rem !important; }
  .pg-blockchain-tracing .trace-step-content p  { font-size: .82rem !important; }

  .pg-blockchain-tracing .trace-tech { font-size: .52rem !important; padding: 3px 7px !important; letter-spacing: .05em !important; }
}

@media (max-width: 360px) {
  .pg-blockchain-tracing .step-circle   { width: 34px !important; height: 34px !important; font-size: .7rem !important; }
  .pg-blockchain-tracing .trace-step-left { margin-right: 10px !important; }
  .pg-blockchain-tracing .trace-step-content { padding: 10px 12px 2px !important; }
  .pg-blockchain-tracing .trace-step-content h4 { font-size: .85rem !important; }
  .pg-blockchain-tracing .trace-step-content p  { font-size: .8rem !important; }
}

/* ── REPORT PREVIEW — dark forensic terminal ── */
.pg-blockchain-tracing #report-preview {
  background: linear-gradient(145deg, #060c1e 0%, #0c1a38 50%, #06101e 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --border: rgba(255,255,255,.1);
}
.pg-blockchain-tracing #report-preview h2 { color: #f1f5f9 !important; }
.pg-blockchain-tracing #report-preview .section-label { color: #93c5fd !important; }
.pg-blockchain-tracing #report-preview .section-sub { color: #94a3b8 !important; }

/* Feature cards — dark glass cards, NOT white boxes */
.pg-blockchain-tracing #report-preview .report-features { gap: 14px !important; }

.pg-blockchain-tracing #report-preview .report-feature {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  gap: 16px !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
}
.pg-blockchain-tracing #report-preview .report-feature:hover {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(96,165,250,.35) !important;
  transform: translateX(4px) !important;
}

/* Per-feature icon accent colors */
.pg-blockchain-tracing #report-preview .report-feature:nth-child(1) .rf-icon {
  background: rgba(37,99,235,.18) !important;
  border-color: rgba(96,165,250,.3) !important;
  color: #60a5fa !important;
}
.pg-blockchain-tracing #report-preview .report-feature:nth-child(2) .rf-icon {
  background: rgba(8,145,178,.18) !important;
  border-color: rgba(34,211,238,.3) !important;
  color: #22d3ee !important;
}
.pg-blockchain-tracing #report-preview .report-feature:nth-child(3) .rf-icon {
  background: rgba(124,58,237,.18) !important;
  border-color: rgba(167,139,250,.3) !important;
  color: #a78bfa !important;
}
.pg-blockchain-tracing #report-preview .report-feature:nth-child(4) .rf-icon {
  background: rgba(245,158,11,.14) !important;
  border-color: rgba(251,191,36,.28) !important;
  color: #fbbf24 !important;
}
.pg-blockchain-tracing #report-preview .report-feature:nth-child(5) .rf-icon {
  background: rgba(16,185,129,.14) !important;
  border-color: rgba(52,211,153,.28) !important;
  color: #34d399 !important;
}

/* Icon box size */
.pg-blockchain-tracing #report-preview .rf-icon {
  width: 46px !important; height: 46px !important;
  border-radius: 11px !important;
  font-size: 1.25rem !important;
  flex-shrink: 0 !important;
}

/* Title + desc */
.pg-blockchain-tracing #report-preview .rf-title {
  color: #e2e8f0 !important;
  font-weight: 700 !important;
  font-size: .97rem !important;
  margin-bottom: 5px !important;
}
.pg-blockchain-tracing #report-preview .rf-desc {
  color: #64748b !important;
  font-size: .83rem !important;
  line-height: 1.65 !important;
}

/* ── Report mock (hardcoded dark bg): fix CSS-variable text/border colours ── */
.pg-blockchain-tracing .report-mock {
  border-color: rgba(148,163,184,.1) !important;
}
.pg-blockchain-tracing .report-mock-header {
  border-bottom-color: rgba(148,163,184,.08) !important;
}
.pg-blockchain-tracing .report-mock-title  { color: #e2e8f0 !important; }
.pg-blockchain-tracing .report-mock-badge  {
  color: #34d399 !important;
  border-color: rgba(52,211,153,.25) !important;
  background: rgba(16,185,129,.08) !important;
}
.pg-blockchain-tracing .report-section-title { color: #64748b !important; }
.pg-blockchain-tracing .report-key  { color: #94a3b8 !important; }
.pg-blockchain-tracing .report-val  { color: #cbd5e1 !important; }
.pg-blockchain-tracing .report-val.ok     { color: #34d399 !important; }
.pg-blockchain-tracing .report-val.warn   { color: #fbbf24 !important; }
.pg-blockchain-tracing .report-val.accent { color: #60a5fa !important; }
.pg-blockchain-tracing .report-row {
  border-bottom-color: rgba(148,163,184,.06) !important;
}
/* Bar chart: replace near-white var(--bg3) (#f8fafc) with a proper dark container */
.pg-blockchain-tracing .report-graph {
  background: rgba(2,6,20,.9) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
}
.pg-blockchain-tracing .report-bar {
  background: linear-gradient(180deg, rgba(96,165,250,.85), rgba(37,99,235,.4)) !important;
}

/* ── CTA — dark indigo with glow ── */
.pg-blockchain-tracing #cta {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe;
  --accent: #93c5fd; --accent3: #34d399;
}
.pg-blockchain-tracing #cta h2 { color: #f1f5f9 !important; }
.pg-blockchain-tracing #cta .section-label { color: #93c5fd !important; }
.pg-blockchain-tracing #cta p { color: #bfdbfe !important; }
.pg-blockchain-tracing #cta .cta-badge {
  background: rgba(255,255,255,.08) !important;
  color: #e2e8f0 !important;
  border-color: rgba(255,255,255,.14) !important;
}
.pg-blockchain-tracing #cta .btn-secondary {
  border-color: rgba(255,255,255,.35) !important;
  color: #f1f5f9 !important;
}
.pg-blockchain-tracing #cta .btn-secondary:hover { background: rgba(255,255,255,.1) !important; }

/* ── DIVIDERS — nuclear suppress; prevent body-bg bleeding between dark sections ── */
.pg-blockchain-tracing .divider {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}
/* Close any rendering gap between the two adjacent dark sections */
.pg-blockchain-tracing #techniques    { margin-bottom: 0 !important; }
.pg-blockchain-tracing #report-preview { margin-top: 0 !important; }
/* Disable lazy-paint optimisation for these sections — prevents sub-pixel white line
   that appears when content-visibility:auto defers paint near the viewport edge */
.pg-blockchain-tracing #techniques,
.pg-blockchain-tracing #report-preview {
  content-visibility: visible !important;
}

/* ═══════════════════════════════════════════════════════════════
   32. EMERGENCY RESPONSE PAGE (.pg-emergency-response)
═══════════════════════════════════════════════════════════════ */

/* Critical section text (dark bg from §28M) */
.pg-emergency-response #critical .section-label { color: #fca5a5 !important; }
.pg-emergency-response #critical h2 { color: #fef2f2 !important; }
.pg-emergency-response #critical .section-sub { color: #fecaca !important; }
.pg-emergency-response #critical .step-card,
.pg-emergency-response #critical .feature-card {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.pg-emergency-response #critical .step-card h3,
.pg-emergency-response #critical .feature-card h3 { color: #fef2f2 !important; }
.pg-emergency-response #critical .step-card p,
.pg-emergency-response #critical .feature-card p  { color: #fecaca !important; }

/* Timeline — lavender */
.pg-emergency-response #timeline {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-emergency-response #timeline h2 { color: #1e1b4b !important; }
.pg-emergency-response #timeline .section-label { color: #7c3aed !important; }
.pg-emergency-response #timeline .accent { color: #7c3aed !important; }

/* Fix: HTML uses .tl-item not .timeline-item */
.pg-emergency-response .tl-item {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.15) !important;
  border-left: 3px solid #e2e8f0 !important;
  box-shadow: 0 4px 20px rgba(15,23,42,.07) !important;
  border-radius: 12px !important;
  padding: 1.2rem 1.4rem !important;
}
/* Per-step left-border + num colors */
.pg-emergency-response .tl-item:nth-child(1) { border-left-color: #2563eb !important; }
.pg-emergency-response .tl-item:nth-child(2) { border-left-color: #7c3aed !important; }
.pg-emergency-response .tl-item:nth-child(3) { border-left-color: #0891b2 !important; }
.pg-emergency-response .tl-item:nth-child(4) { border-left-color: #059669 !important; }
.pg-emergency-response .tl-item:nth-child(5) { border-left-color: #b45309 !important; }

.pg-emergency-response .tl-num {
  color: #ffffff !important; font-weight: 700 !important;
  border-radius: 8px !important; padding: 6px 12px !important;
  font-size: .8rem !important; white-space: nowrap !important;
  width: auto !important; min-width: 46px !important; height: auto !important;
  background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%) !important;
}
.pg-emergency-response .tl-item:nth-child(1) .tl-num { background: linear-gradient(135deg, #1d4ed8, #2563eb) !important; }
.pg-emergency-response .tl-item:nth-child(2) .tl-num { background: linear-gradient(135deg, #6d28d9, #7c3aed) !important; }
.pg-emergency-response .tl-item:nth-child(3) .tl-num { background: linear-gradient(135deg, #0369a1, #0891b2) !important; }
.pg-emergency-response .tl-item:nth-child(4) .tl-num { background: linear-gradient(135deg, #065f46, #059669) !important; }
.pg-emergency-response .tl-item:nth-child(5) .tl-num { background: linear-gradient(135deg, #92400e, #b45309) !important; }

.pg-emergency-response .tl-content h4 { color: #0f172a !important; font-weight: 700 !important; }
.pg-emergency-response .tl-content p  { color: #374151 !important; }
.pg-emergency-response .tl-line { background: rgba(124,58,237,.2) !important; width: 2px !important; }

/* Per-step time label colors */
.pg-emergency-response .tl-item:nth-child(1) .tl-time { color: #2563eb !important; font-weight: 600 !important; font-size: .82rem !important; }
.pg-emergency-response .tl-item:nth-child(2) .tl-time { color: #7c3aed !important; font-weight: 600 !important; font-size: .82rem !important; }
.pg-emergency-response .tl-item:nth-child(3) .tl-time { color: #0891b2 !important; font-weight: 600 !important; font-size: .82rem !important; }
.pg-emergency-response .tl-item:nth-child(4) .tl-time { color: #059669 !important; font-weight: 600 !important; font-size: .82rem !important; }
.pg-emergency-response .tl-item:nth-child(5) .tl-time { color: #b45309 !important; font-weight: 600 !important; font-size: .82rem !important; }
.pg-emergency-response .tl-time { color: #7c3aed !important; font-weight: 600 !important; font-size: .82rem !important; }

/* Services — REVERSED: white bg + vivid colored cards */
.pg-emergency-response #services {
  background: #ffffff !important;
}
.pg-emergency-response #services h2 { color: #0f172a !important; }
.pg-emergency-response #services h2 .accent { color: #dc2626 !important; }
.pg-emergency-response #services .section-label { color: #dc2626 !important; }
.pg-emergency-response #services .section-sub { color: #475569 !important; }

/* Regular cards — vivid dark navy-blue gradient */
.pg-emergency-response #services .card {
  background: linear-gradient(145deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  border: 1px solid rgba(37,99,235,.25) !important;
  box-shadow: 0 8px 32px rgba(29,78,216,.2) !important;
}
.pg-emergency-response #services .card h3 { color: #f1f5f9 !important; font-weight: 700 !important; }
.pg-emergency-response #services .card p  { color: #bfdbfe !important; line-height: 1.65 !important; }
.pg-emergency-response #services .card a  { color: #93c5fd !important; }

/* Red-card — vivid dark crimson gradient */
.pg-emergency-response #services .card.red-card {
  background: linear-gradient(145deg, #7f1d1d 0%, #b91c1c 55%, #dc2626 100%) !important;
  border: 1px solid rgba(239,68,68,.3) !important;
  box-shadow: 0 8px 32px rgba(185,28,28,.22) !important;
  border-top: none !important;
}
.pg-emergency-response #services .card.red-card h3 { color: #fef2f2 !important; font-weight: 700 !important; }
.pg-emergency-response #services .card.red-card p  { color: #fecaca !important; line-height: 1.65 !important; }
.pg-emergency-response #services .card.red-card a  { color: #fda4af !important; }

/* Icons — white on colored card bg */
.pg-emergency-response #services .service-icon,
.pg-emergency-response #services .service-icon.blue,
.pg-emergency-response #services .card.red-card .service-icon {
  background: rgba(255,255,255,.15) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #ffffff !important;
  font-size: 1.4rem !important;
}

/* Badges on colored card bg */
.pg-emergency-response #services .service-badge {
  background: rgba(255,255,255,.18) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.3) !important;
  font-size: .7rem !important; font-weight: 700 !important;
  border-radius: 20px !important; padding: 2px 10px !important;
}
.pg-emergency-response #services .service-badge.green {
  background: rgba(52,211,153,.28) !important;
  color: #d1fae5 !important;
  border-color: rgba(52,211,153,.45) !important;
}

/* FAQ */
.pg-emergency-response .faq-item {
  border-left: 3px solid transparent !important;
  padding-left: 1.1rem !important; padding-right: 1.1rem !important;
}
.pg-emergency-response .faq-item:hover,
.pg-emergency-response .faq-item.open { border-left-color: #2563eb !important; }
.pg-emergency-response .faq-item.open .faq-q { color: #1d4ed8 !important; }
.pg-emergency-response .faq-icon { color: #2563eb !important; border-color: rgba(37,99,235,.28) !important; background: rgba(37,99,235,.06) !important; }

/* ── HERO — dark dramatic red/urgency ── */
.pg-emergency-response #hero {
  background: linear-gradient(145deg, #0c0404 0%, #180808 40%, #100505 70%, #0a0202 100%) !important;
  --white: #fef2f2; --text: #fecaca; --muted: #fca5a5;
  --accent: #f87171; --accent-red: #ef4444; --accent3: #34d399;
  --red: #ef4444; --border: rgba(255,255,255,.08);
}
.pg-emergency-response #hero #hero-canvas { opacity: 0.45 !important; }
.pg-emergency-response .orb1 { background: radial-gradient(circle, rgba(220,38,38,.45) 0%, transparent 70%) !important; }
.pg-emergency-response .orb2 { background: radial-gradient(circle, rgba(37,99,235,.25) 0%, transparent 70%) !important; }
.pg-emergency-response #hero h1 { color: #fef2f2 !important; }
.pg-emergency-response #hero .hero-sub { color: #fecaca !important; }
.pg-emergency-response #hero .accent-red { color: #ef4444 !important; }
.pg-emergency-response #hero .btn-secondary {
  border-color: rgba(255,255,255,.3) !important; color: #fef2f2 !important;
}
.pg-emergency-response #hero .btn-secondary:hover { background: rgba(255,255,255,.1) !important; }
.pg-emergency-response #hero .btn-ghost { color: #fca5a5 !important; }
/* Hero alert pill */
.pg-emergency-response .hero-alert {
  background: rgba(239,68,68,.2) !important;
  border: 1px solid rgba(239,68,68,.4) !important;
  color: #fca5a5 !important;
}
.pg-emergency-response .pulse-dot {
  background: #ef4444 !important;
  box-shadow: 0 0 0 4px rgba(239,68,68,.3) !important;
}
/* Response meter boxes */
.pg-emergency-response .response-meter .meter-box {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.pg-emergency-response .response-meter .meter-box.red-border {
  background: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 100%) !important;
  border-color: rgba(239,68,68,.4) !important;
  box-shadow: 0 8px 28px rgba(185,28,28,.4) !important;
}
.pg-emergency-response .meter-val { color: #f1f5f9 !important; }
.pg-emergency-response .meter-val.red { color: #fca5a5 !important; }
.pg-emergency-response .meter-val.green { color: #34d399 !important; }
.pg-emergency-response .meter-label { color: #e2e8f0 !important; }
.pg-emergency-response .meter-sub { color: rgba(255,255,255,.6) !important; }

/* ── CRITICAL — window-box urgency colors ── */
.pg-emergency-response #critical .window-box {
  background: rgba(0,0,0,.25) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-top: 3px solid rgba(255,255,255,.3) !important;
  backdrop-filter: blur(4px) !important;
}
.pg-emergency-response #critical .window-box .window-hour.h1 { color: #ef4444 !important; }
.pg-emergency-response #critical .window-box .window-hour.h2 { color: #f59e0b !important; }
.pg-emergency-response #critical .window-box .window-hour.h3 { color: #60a5fa !important; }
.pg-emergency-response #critical .window-box .window-hour.h4 { color: #94a3b8 !important; }
.pg-emergency-response #critical .window-label { color: #fef2f2 !important; font-weight: 600 !important; }
.pg-emergency-response #critical .window-desc { color: #fecaca !important; }

/* ── SCENARIOS — dark navy bg + vivid glass cards ── */
.pg-emergency-response #scenarios {
  background: linear-gradient(145deg, #020b1a 0%, #0c1a3a 55%, #07102a 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #94a3b8;
  --border: rgba(255,255,255,.08);
}
.pg-emergency-response #scenarios h2 { color: #f1f5f9 !important; }
.pg-emergency-response #scenarios h2 .accent { color: #f87171 !important; }
.pg-emergency-response #scenarios .section-label { color: #f87171 !important; }
.pg-emergency-response #scenarios .section-sub { color: #94a3b8 !important; }

/* Cards — glass on dark */
.pg-emergency-response .scenario-card {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-top: 3px solid rgba(255,255,255,.15) !important;
  box-shadow: 0 6px 28px rgba(0,0,0,.22) !important;
}
.pg-emergency-response .scenario-card:hover {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.18) !important;
  transform: translateY(-4px) !important;
}

/* Per-card top border accent */
.pg-emergency-response .scenario-card:nth-child(1) { border-top-color: #ef4444 !important; }
.pg-emergency-response .scenario-card:nth-child(2) { border-top-color: #f59e0b !important; }
.pg-emergency-response .scenario-card:nth-child(3) { border-top-color: #3b82f6 !important; }
.pg-emergency-response .scenario-card:nth-child(4) { border-top-color: #a855f7 !important; }
.pg-emergency-response .scenario-card:nth-child(5) { border-top-color: #06b6d4 !important; }
.pg-emergency-response .scenario-card:nth-child(6) { border-top-color: #10b981 !important; }

.pg-emergency-response .scenario-card h4 { color: #f1f5f9 !important; font-weight: 700 !important; }
.pg-emergency-response .scenario-card p { color: #94a3b8 !important; }
.pg-emergency-response .scenario-action {
  color: #60a5fa !important;
  border-top-color: rgba(255,255,255,.1) !important;
  font-weight: 600 !important;
}

/* Per-card icon colors */
.pg-emergency-response .scenario-card:nth-child(1) .scenario-icon { color: #f87171 !important; }
.pg-emergency-response .scenario-card:nth-child(2) .scenario-icon { color: #fbbf24 !important; }
.pg-emergency-response .scenario-card:nth-child(3) .scenario-icon { color: #60a5fa !important; }
.pg-emergency-response .scenario-card:nth-child(4) .scenario-icon { color: #c084fc !important; }
.pg-emergency-response .scenario-card:nth-child(5) .scenario-icon { color: #22d3ee !important; }
.pg-emergency-response .scenario-card:nth-child(6) .scenario-icon { color: #34d399 !important; }

/* ── WHAT TO DO — white + green/red do/don't cards ── */
.pg-emergency-response #what-to-do { background: #f8fafc !important; }
.pg-emergency-response #what-to-do h2 { color: #0f172a !important; }
.pg-emergency-response #what-to-do .section-label { color: #dc2626 !important; }
.pg-emergency-response .do-card.green-card {
  background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
  border-color: rgba(5,150,105,.2) !important;
}
.pg-emergency-response .do-card:not(.green-card) {
  background: linear-gradient(135deg, #fff5f5 0%, #fee2e2 100%) !important;
  border-color: rgba(220,38,38,.2) !important;
}

/* ── WHY SPEED — dark navy with vivid urgency RTL cards ── */
.pg-emergency-response #why-speed {
  background: linear-gradient(145deg, #020b1a 0%, #0f1f3d 55%, #0c1a3a 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #94a3b8;
  --accent: #60a5fa; --red: #ef4444; --gold: #f59e0b;
  --border: rgba(255,255,255,.08);
}
.pg-emergency-response #why-speed h2 { color: #f1f5f9 !important; }
.pg-emergency-response #why-speed .section-label { color: #f87171 !important; }
.pg-emergency-response #why-speed .section-sub { color: #94a3b8 !important; }
/* RTL cards */
.pg-emergency-response .rtl-card {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.1) !important;
}
.pg-emergency-response .rtl-card--red {
  background: rgba(127,29,29,.35) !important;
  border-top: 3px solid #ef4444 !important;
}
.pg-emergency-response .rtl-card--gold {
  background: rgba(120,53,15,.25) !important;
  border-top: 3px solid #f59e0b !important;
}
.pg-emergency-response .rtl-card--blue {
  background: rgba(30,58,138,.3) !important;
  border-top: 3px solid #60a5fa !important;
}
.pg-emergency-response .rtl-card--dim {
  background: rgba(255,255,255,.04) !important;
  border-top: 3px solid #475569 !important;
}
.pg-emergency-response .rtl-title { color: #f1f5f9 !important; font-weight: 700 !important; }
.pg-emergency-response .rtl-desc { color: #cbd5e1 !important; }
.pg-emergency-response .rtl-time { color: #f1f5f9 !important; font-weight: 800 !important; }
.pg-emergency-response .rtl-tag {
  background: rgba(255,255,255,.1) !important;
  color: #e2e8f0 !important;
}
.pg-emergency-response .rtl-prob-label { color: #94a3b8 !important; }
.pg-emergency-response .rtl-prob-val { color: #f1f5f9 !important; }
.pg-emergency-response .rtl-bar { background: rgba(255,255,255,.12) !important; }
.pg-emergency-response .rtl-fill { background: #60a5fa !important; }
.pg-emergency-response .rtl-card--red .rtl-fill { background: #ef4444 !important; }
.pg-emergency-response .rtl-card--gold .rtl-fill { background: #f59e0b !important; }

/* ── CTA — dark crimson urgency ── */
.pg-emergency-response #cta {
  background: linear-gradient(145deg, #4c0519 0%, #7f1d1d 55%, #991b1b 100%) !important;
  --white: #fef2f2; --text: #fecaca; --muted: #fca5a5; --accent-red: #ef4444;
}
.pg-emergency-response #cta h2 { color: #fef2f2 !important; }
.pg-emergency-response #cta .section-label { color: #fca5a5 !important; }
.pg-emergency-response #cta p { color: #fecaca !important; }
.pg-emergency-response #cta .accent-red { color: #fca5a5 !important; }
.pg-emergency-response #cta .cta-badge {
  background: rgba(255,255,255,.1) !important;
  color: #fef2f2 !important;
  border-color: rgba(255,255,255,.18) !important;
}
.pg-emergency-response #cta .btn-secondary {
  border-color: rgba(255,255,255,.4) !important; color: #fef2f2 !important;
}
.pg-emergency-response .cta-card {
  background: transparent !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* ── RELATED SERVICES — white, card list ── */
.pg-emergency-response #related-services { background: #f8fafc !important; }
.pg-emergency-response #related-services h2 { color: #0f172a !important; }
.pg-emergency-response #related-services .section-label { color: #dc2626 !important; }
.pg-emergency-response #related-services p { color: #374151 !important; }
.pg-emergency-response .related-card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 12px rgba(15,23,42,.05) !important;
}
.pg-emergency-response .related-card:hover {
  border-color: rgba(37,99,235,.3) !important;
  box-shadow: 0 6px 28px rgba(29,78,216,.1) !important;
}
.pg-emergency-response .related-title { color: #0f172a !important; font-weight: 600 !important; }
.pg-emergency-response .related-desc  { color: #374151 !important; }
.pg-emergency-response .related-arrow { color: #2563eb !important; }
.pg-emergency-response .related-icon {
  background: rgba(37,99,235,.08) !important;
  border: 1px solid rgba(37,99,235,.15) !important;
  border-radius: 10px !important;
}

/* ── DO/DON'T cards text ── */
.pg-emergency-response .do-card h3 { color: #0f172a !important; }
.pg-emergency-response .do-card .do-item { color: #374151 !important; }

/* ── DIVIDERS — hide all ── */
.pg-emergency-response .divider { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
   33. EXCHANGE INTELLIGENCE PAGE (.pg-exchange-intelligence)
═══════════════════════════════════════════════════════════════ */

/* Page body background — prevents white gaps between dark sections */
.pg-exchange-intelligence { background: #0a0f1e !important; }

/* Methodology — vivid dark navy */
.pg-exchange-intelligence #methodology {
  background: linear-gradient(145deg, #020b1a 0%, #0f1f3d 55%, #0c1a3a 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --border: rgba(255,255,255,.08);
}
.pg-exchange-intelligence #methodology h2 { color: #f1f5f9 !important; }
.pg-exchange-intelligence #methodology .section-sub { color: #94a3b8 !important; }
.pg-exchange-intelligence #methodology .method-card {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.pg-exchange-intelligence #methodology .method-card h3 { color: #f1f5f9 !important; }
.pg-exchange-intelligence #methodology .method-card p  { color: #94a3b8 !important; }

/* ── VASP DATABASE — vivid deep-indigo with mesh glow ── */
.pg-exchange-intelligence #vasp-database {
  background:
    radial-gradient(ellipse 65% 55% at 8% 15%,  rgba(99,102,241,.18) 0%, transparent 60%),
    radial-gradient(ellipse 55% 60% at 92% 85%,  rgba(37,99,235,.14)  0%, transparent 55%),
    linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe;
  --accent: #93c5fd; --border: rgba(255,255,255,.1);
}
.pg-exchange-intelligence #vasp-database h2 { color: #f1f5f9 !important; }
.pg-exchange-intelligence #vasp-database .accent { color: #93c5fd !important; }
.pg-exchange-intelligence #vasp-database .section-label {
  display: inline-block !important;
  background: rgba(147,197,253,.12) !important;
  color: #93c5fd !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  margin-bottom: 14px !important;
}
.pg-exchange-intelligence #vasp-database .section-sub { color: #bfdbfe !important; }

/* ── vasp-feature cards: glass style for dark bg (bg was var(--bg2)=#fff = invisible on dark) ── */
.pg-exchange-intelligence #vasp-database .vasp-feature {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
}
.pg-exchange-intelligence #vasp-database .vasp-feature:hover {
  background: rgba(255,255,255,.11) !important;
  border-color: rgba(147,197,253,.35) !important;
  transform: translateX(4px) !important;
}
.pg-exchange-intelligence #vasp-database .vf-title {
  color: #e2e8f0 !important;
  font-weight: 700 !important;
}
.pg-exchange-intelligence #vasp-database .vf-desc { color: #93c5fd !important; }

/* ── Per-icon accent colours (were rgba(x,.07) = near-invisible on dark bg) ── */
.pg-exchange-intelligence #vasp-database .vf-icon.teal {
  background: rgba(45,212,191,.14) !important;
  border-color: rgba(45,212,191,.3)  !important;
  color: #2dd4bf !important;
}
.pg-exchange-intelligence #vasp-database .vf-icon.blue {
  background: rgba(96,165,250,.14) !important;
  border-color: rgba(96,165,250,.3)  !important;
  color: #93c5fd !important;
}
.pg-exchange-intelligence #vasp-database .vf-icon.green {
  background: rgba(52,211,153,.14) !important;
  border-color: rgba(52,211,153,.3)  !important;
  color: #34d399 !important;
}
.pg-exchange-intelligence #vasp-database .vf-icon.gold {
  background: rgba(251,191,36,.14) !important;
  border-color: rgba(251,191,36,.3)  !important;
  color: #fbbf24 !important;
}

/* ── Terminal panel in the right column ── */
.pg-exchange-intelligence .db-terminal {
  border-color: rgba(147,197,253,.2) !important;
  box-shadow:
    0 0 0 1px rgba(147,197,253,.1),
    0 20px 60px rgba(15,23,42,.5),
    0 0 80px rgba(37,99,235,.12) !important;
}
.pg-exchange-intelligence .dbt {
  background: rgba(10,15,30,.92) !important;
  border: 1px solid rgba(147,197,253,.18) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.pg-exchange-intelligence .dbt-head {
  background: rgba(15,23,42,.95) !important;
  border-bottom: 1px solid rgba(147,197,253,.15) !important;
  padding: 10px 16px !important;
}
/* Traffic-light dots */
.pg-exchange-intelligence .dd { border-radius: 50% !important; }
.pg-exchange-intelligence .dd.dd1 { background: #ef4444 !important; }
.pg-exchange-intelligence .dd.dd2 { background: #f59e0b !important; }
.pg-exchange-intelligence .dd.dd3 { background: #22c55e !important; }
/* Title + Live badge */
.pg-exchange-intelligence .dbt-title { color: #94a3b8 !important; font-size: .78rem !important; font-family: monospace !important; }
.pg-exchange-intelligence .dbt-live  { color: #34d399 !important; font-size: .72rem !important; font-weight: 700 !important; }
.pg-exchange-intelligence .dl-dot    { background: #34d399 !important; box-shadow: 0 0 6px #34d399 !important; }
/* Section titles — more visible */
.pg-exchange-intelligence .db-stitle {
  color: #60a5fa !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(96,165,250,.15) !important;
  padding-bottom: 6px !important;
  margin-bottom: 8px !important;
}
/* Data rows */
.pg-exchange-intelligence .dk         { color: #64748b !important; font-size: .8rem !important; }
.pg-exchange-intelligence .dv.w       { color: #e2e8f0 !important; font-weight: 600 !important; }
.pg-exchange-intelligence .dv.ok      { color: #34d399 !important; font-weight: 700 !important; }
.pg-exchange-intelligence .dv.acc     { color: #93c5fd !important; font-weight: 600 !important; }
.pg-exchange-intelligence .dv.warn    { color: #fbbf24 !important; font-weight: 600 !important; }
.pg-exchange-intelligence .dv.teal    { color: #2dd4bf !important; font-weight: 600 !important; }
/* Confidence bars */
.pg-exchange-intelligence .conf-label { color: #94a3b8 !important; font-size: .78rem !important; }
.pg-exchange-intelligence .conf-pct   { color: #e2e8f0 !important; font-weight: 700 !important; font-size: .78rem !important; }
.pg-exchange-intelligence .conf-track {
  background: rgba(255,255,255,.08) !important;
  border-radius: 4px !important;
  height: 6px !important;
}
.pg-exchange-intelligence .conf-fill  {
  background: linear-gradient(90deg, #1d4ed8, #60a5fa) !important;
  border-radius: 4px !important;
  height: 6px !important;
  box-shadow: 0 0 8px rgba(96,165,250,.4) !important;
}
/* Query terminal */
.pg-exchange-intelligence .db-query {
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(96,165,250,.12) !important;
  border-radius: 6px !important;
}
.pg-exchange-intelligence .dq-prompt  { color: #60a5fa !important; font-weight: 700 !important; }
.pg-exchange-intelligence .dq-line    { color: #cbd5e1 !important; font-size: .8rem !important; font-family: monospace !important; }
.pg-exchange-intelligence .dq-result  { color: #34d399 !important; font-size: .78rem !important; font-family: monospace !important; }

/* Fallback generic: .feature-card and .istat-box (other elements that might be inside) */
.pg-exchange-intelligence #vasp-database .feature-card,
.pg-exchange-intelligence #vasp-database .istat-box {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.pg-exchange-intelligence #vasp-database .feature-card h3,
.pg-exchange-intelligence #vasp-database .istat-box .stat-num { color: #f1f5f9 !important; }
.pg-exchange-intelligence #vasp-database .feature-card p,
.pg-exchange-intelligence #vasp-database .istat-box .stat-label { color: #bfdbfe !important; }

/* Case examples — emergency dark: blood red → deep navy */
.pg-exchange-intelligence #case-examples {
  background:
    radial-gradient(ellipse 60% 50% at 10% 20%, rgba(239,68,68,.14) 0%, transparent 55%),
    radial-gradient(ellipse 50% 60% at 90% 80%, rgba(37,99,235,.1) 0%, transparent 50%),
    linear-gradient(160deg, #0d0f1e 0%, #101628 55%, #0f172a 100%) !important;
}
.pg-exchange-intelligence #case-examples h2 { color: #f1f5f9 !important; }
.pg-exchange-intelligence #case-examples h2 .accent { color: #ef4444 !important; }
.pg-exchange-intelligence #case-examples .section-label {
  display: inline-block !important;
  background: rgba(239,68,68,.12) !important;
  color: #f87171 !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}
.pg-exchange-intelligence #case-examples .section-sub { color: #94a3b8 !important; }
/* Case cards */
.pg-exchange-intelligence .ccase {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(148,163,184,.15) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.2) !important;
}
.pg-exchange-intelligence .ccase:hover {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(239,68,68,.35) !important;
  box-shadow: 0 12px 40px rgba(239,68,68,.12) !important;
  transform: translateY(-5px) !important;
}
.pg-exchange-intelligence .cc-head {
  background: rgba(255,255,255,.03) !important;
  border-bottom-color: rgba(148,163,184,.1) !important;
}
.pg-exchange-intelligence .cc-type { color: #64748b !important; }
.pg-exchange-intelligence .cc-amount { color: #fbbf24 !important; font-weight: 800 !important; }
.pg-exchange-intelligence .cc-title { color: #e2e8f0 !important; }
.pg-exchange-intelligence .cc-desc { color: #94a3b8 !important; }
.pg-exchange-intelligence .ccf { color: #94a3b8 !important; }
.pg-exchange-intelligence .ccf-ok { color: #34d399 !important; }
.pg-exchange-intelligence .ccf-warn { color: #fbbf24 !important; }
.pg-exchange-intelligence .cc-footer { border-top-color: rgba(148,163,184,.08) !important; }
.pg-exchange-intelligence .ccpill {
  color: #60a5fa !important;
  border-color: rgba(96,165,250,.2) !important;
}

/* FAQ */
.pg-exchange-intelligence .faq-item {
  border-left: 3px solid transparent !important;
  padding-left: 1.1rem !important; padding-right: 1.1rem !important;
}
.pg-exchange-intelligence .faq-item:hover,
.pg-exchange-intelligence .faq-item.open { border-left-color: #2563eb !important; }
.pg-exchange-intelligence .faq-item.open .faq-q { color: #1d4ed8 !important; }
.pg-exchange-intelligence .faq-icon { color: #2563eb !important; border-color: rgba(37,99,235,.28) !important; background: rgba(37,99,235,.06) !important; }

/* ── HERO — dark deep-sea teal/navy ── */
.pg-exchange-intelligence #hero {
  background: linear-gradient(145deg, #02101a 0%, #071e2d 40%, #0c2a3d 70%, #061520 100%) !important;
  --white: #f0f9ff; --text: #bae6fd; --muted: #7dd3fc;
  --accent: #22d3ee; --accent2: #0ea5e9; --accent3: #34d399;
  --teal: #2dd4bf; --border: rgba(255,255,255,.08);
}
.pg-exchange-intelligence #hero #hero-canvas { opacity: 0.48 !important; }
.pg-exchange-intelligence .orb1 { background: radial-gradient(circle, rgba(6,182,212,.4) 0%, transparent 70%) !important; }
.pg-exchange-intelligence .orb2 { background: radial-gradient(circle, rgba(14,165,233,.3) 0%, transparent 70%) !important; }
.pg-exchange-intelligence .orb3 { background: radial-gradient(circle, rgba(45,212,191,.2) 0%, transparent 70%) !important; }
/* Eyebrow */
.pg-exchange-intelligence #hero .eyebrow {
  background: rgba(6,182,212,.1) !important;
  border-color: rgba(6,182,212,.25) !important;
}
.pg-exchange-intelligence #hero .eyebrow span { color: #67e8f9 !important; }
/* Heading & desc */
.pg-exchange-intelligence #hero h1 { color: #f0f9ff !important; }
.pg-exchange-intelligence #hero .accent-teal { color: #2dd4bf !important; }
.pg-exchange-intelligence #hero .accent { color: #67e8f9 !important; }
.pg-exchange-intelligence #hero .hero-desc { color: #bae6fd !important; }
/* Buttons */
.pg-exchange-intelligence #hero .btn-secondary {
  border-color: rgba(255,255,255,.3) !important; color: #f0f9ff !important;
}
.pg-exchange-intelligence #hero .btn-secondary:hover { background: rgba(255,255,255,.08) !important; }
.pg-exchange-intelligence #hero .btn-ghost { color: #67e8f9 !important; }
/* Exchange chip strip */
.pg-exchange-intelligence .ecount-chip {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.1) !important;
}
.pg-exchange-intelligence .ecount-label { color: #bae6fd !important; }
.pg-exchange-intelligence .ecount-label strong { color: #f0f9ff !important; }
/* Trust strip */
.pg-exchange-intelligence .hero-trust,
.pg-exchange-intelligence #hero .hero-trust {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.pg-exchange-intelligence .t-item { color: #bae6fd !important; }
.pg-exchange-intelligence .t-div { background: rgba(255,255,255,.12) !important; }
/* Hero stat boxes — 5 vivid */
.pg-exchange-intelligence .sbox { background: transparent !important; }
.pg-exchange-intelligence .hero-stats .sbox:nth-child(1) {
  background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 100%) !important;
  border-color: rgba(3,105,161,.4) !important; box-shadow: 0 8px 28px rgba(3,105,161,.4) !important;
}
.pg-exchange-intelligence .hero-stats .sbox:nth-child(2) {
  background: linear-gradient(135deg, #155e75 0%, #0891b2 100%) !important;
  border-color: rgba(8,145,178,.4) !important; box-shadow: 0 8px 28px rgba(8,145,178,.35) !important;
}
.pg-exchange-intelligence .hero-stats .sbox:nth-child(3) {
  background: linear-gradient(135deg, #134e4a 0%, #0f766e 100%) !important;
  border-color: rgba(15,118,110,.4) !important; box-shadow: 0 8px 28px rgba(15,118,110,.35) !important;
}
.pg-exchange-intelligence .hero-stats .sbox:nth-child(4) {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  border-color: rgba(29,78,216,.4) !important; box-shadow: 0 8px 28px rgba(29,78,216,.35) !important;
}
.pg-exchange-intelligence .hero-stats .sbox:nth-child(5) {
  background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
  border-color: rgba(124,58,237,.4) !important; box-shadow: 0 8px 28px rgba(124,58,237,.35) !important;
}
.pg-exchange-intelligence .snum { color: #ffffff !important; }
.pg-exchange-intelligence .slabel { color: #e0f2fe !important; }
.pg-exchange-intelligence .ssub { color: rgba(255,255,255,.6) !important; }

/* ── WHAT WE DO — white + styled feature cards ── */
.pg-exchange-intelligence #what-we-do { background: #ffffff !important; }
.pg-exchange-intelligence #what-we-do h2 { color: #0f172a !important; }
.pg-exchange-intelligence #what-we-do .section-label { color: #0891b2 !important; }
.pg-exchange-intelligence #what-we-do .section-sub { color: #475569 !important; }
.pg-exchange-intelligence #what-we-do .feature-card,
.pg-exchange-intelligence #what-we-do .method-card {
  background: #ffffff !important;
  border-top: 4px solid #0891b2 !important;
  box-shadow: 0 4px 24px rgba(8,145,178,.08) !important;
}
.pg-exchange-intelligence #what-we-do .feature-card h3,
.pg-exchange-intelligence #what-we-do .method-card h3 { color: #0f172a !important; font-weight: 700 !important; }
.pg-exchange-intelligence #what-we-do .feature-card p,
.pg-exchange-intelligence #what-we-do .method-card p { color: #475569 !important; }

/* ── EXCHANGE NETWORK — live intelligence ops dark ── */
.pg-exchange-intelligence #exchange-network {
  background:
    radial-gradient(ellipse 55% 50% at 5% 10%,  rgba(239,68,68,.12) 0%, transparent 55%),
    radial-gradient(ellipse 50% 60% at 95% 90%,  rgba(37,99,235,.1)  0%, transparent 50%),
    linear-gradient(155deg, #0a0f1e 0%, #0d1324 60%, #0f172a 100%) !important;
}
.pg-exchange-intelligence #exchange-network h2 { color: #f1f5f9 !important; }
.pg-exchange-intelligence #exchange-network .section-sub { color: #94a3b8 !important; }
.pg-exchange-intelligence #exchange-network .section-label {
  display: inline-block !important;
  background: rgba(239,68,68,.12) !important;
  color: #f87171 !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}
/* Filter tabs */
.pg-exchange-intelligence .ex-cat {
  color: #94a3b8 !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  border-radius: 20px !important;
  padding: 6px 16px !important;
  font-size: .78rem !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  cursor: pointer !important;
  transition: all .2s !important;
}
.pg-exchange-intelligence .ex-cat:hover {
  color: #e2e8f0 !important;
  border-color: rgba(255,255,255,.3) !important;
  background: rgba(255,255,255,.06) !important;
}
.pg-exchange-intelligence .ex-cat.active {
  color: #ffffff !important;
  border-color: #3b82f6 !important;
  background: rgba(59,130,246,.2) !important;
}
/* Exchange tiles */
.pg-exchange-intelligence .ex-tile {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.25) !important;
  transition: all .2s ease !important;
}
.pg-exchange-intelligence .ex-tile:hover {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(96,165,250,.35) !important;
  box-shadow: 0 8px 32px rgba(37,99,235,.2) !important;
  transform: translateY(-3px) !important;
}
.pg-exchange-intelligence .ex-logo-lg { color: #475569 !important; font-size: 2rem !important; }
.pg-exchange-intelligence .ex-name { color: #f1f5f9 !important; font-weight: 700 !important; font-size: 1rem !important; }
.pg-exchange-intelligence .ex-type { color: #64748b !important; font-size: .75rem !important; letter-spacing: .04em !important; }
/* Status badges — traffic-light urgency */
.pg-exchange-intelligence .esb-direct {
  background: rgba(16,185,129,.18) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52,211,153,.35) !important;
  font-weight: 700 !important;
}
.pg-exchange-intelligence .esb-partner {
  background: rgba(245,158,11,.15) !important;
  color: #fbbf24 !important;
  border: 1px solid rgba(251,191,36,.35) !important;
  font-weight: 700 !important;
}
.pg-exchange-intelligence .esb-legal {
  background: rgba(239,68,68,.12) !important;
  color: #f87171 !important;
  border: 1px solid rgba(239,68,68,.3) !important;
  font-weight: 700 !important;
}
/* Coverage stats bar — dark glass instead of jarring white card */
.pg-exchange-intelligence .ex-coverage {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(8px) !important;
}
.pg-exchange-intelligence .ec-num {
  color: #f1f5f9 !important;
  font-size: 2rem !important;
  font-weight: 900 !important;
}
.pg-exchange-intelligence .ec-label {
  color: #94a3b8 !important;
  font-size: .78rem !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
}
/* Coverage stat icons */
.pg-exchange-intelligence .ex-coverage svg,
.pg-exchange-intelligence .ex-coverage i { color: #60a5fa !important; opacity: 0.7 !important; }

/* ── OTC MAPPING — suspect network dark amber ── */
.pg-exchange-intelligence #otc-mapping {
  background:
    radial-gradient(ellipse 60% 55% at 90% 15%, rgba(245,158,11,.1) 0%, transparent 55%),
    radial-gradient(ellipse 50% 50% at 5%  85%, rgba(239,68,68,.08) 0%, transparent 50%),
    linear-gradient(145deg, #0d1424 0%, #111d36 50%, #0e1428 100%) !important;
}
.pg-exchange-intelligence #otc-mapping h2 { color: #f1f5f9 !important; }
.pg-exchange-intelligence #otc-mapping h2 .accent { color: #fbbf24 !important; }
.pg-exchange-intelligence #otc-mapping .section-label {
  display: inline-block !important;
  background: rgba(245,158,11,.12) !important;
  color: #fbbf24 !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}
.pg-exchange-intelligence .otc-content p { color: #94a3b8 !important; }
/* Feature cards */
.pg-exchange-intelligence .otc-feature {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(148,163,184,.1) !important;
}
.pg-exchange-intelligence .otc-feature:hover { border-color: rgba(245,158,11,.3) !important; }
.pg-exchange-intelligence .otc-feature h4 { color: #e2e8f0 !important; }
.pg-exchange-intelligence .otc-feature p { color: #94a3b8 !important; }
/* OTC flow terminal — hardcoded #050810 bg, override text */
.pg-exchange-intelligence .otc-title { color: #475569 !important; }
.pg-exchange-intelligence .otc-node-val { color: #94a3b8 !important; }
.pg-exchange-intelligence .otc-arrow { color: #334155 !important; }
/* Node label accent colors */
.pg-exchange-intelligence .onl-victim { color: #34d399 !important; }
.pg-exchange-intelligence .onl-scam   { color: #f87171 !important; }
.pg-exchange-intelligence .onl-layer  { color: #60a5fa !important; }
.pg-exchange-intelligence .onl-otc    { color: #fbbf24 !important; }
.pg-exchange-intelligence .onl-exch   { color: #34d399 !important; }
/* Attribution found bar */
.pg-exchange-intelligence .otc-found-label { color: #34d399 !important; }
.pg-exchange-intelligence .otc-found-val   { color: #94a3b8 !important; }
/* Tags */
.pg-exchange-intelligence .otag {
  color: #60a5fa !important;
  border-color: rgba(96,165,250,.2) !important;
}

/* ── SUBPOENA PROCESS — light teal wash ── */
.pg-exchange-intelligence #subpoena-process {
  background: #ffffff !important;
}
.pg-exchange-intelligence #subpoena-process h2 { color: #0c4a6e !important; }
.pg-exchange-intelligence #subpoena-process .section-label { color: #0891b2 !important; }
.pg-exchange-intelligence #subpoena-process .step-card,
.pg-exchange-intelligence #subpoena-process .method-card {
  background: #ffffff !important;
  border-color: rgba(8,145,178,.16) !important;
  box-shadow: 0 4px 20px rgba(8,145,178,.08) !important;
}
.pg-exchange-intelligence #subpoena-process .step-card h3,
.pg-exchange-intelligence #subpoena-process .method-card h3 { color: #0c4a6e !important; }
.pg-exchange-intelligence #subpoena-process .step-card p,
.pg-exchange-intelligence #subpoena-process .method-card p { color: #334155 !important; }

/* ── LIVE INTEL — dark terminal / live feed ── */
.pg-exchange-intelligence #live-intel {
  background:
    radial-gradient(ellipse 60% 50% at 95% 5%, rgba(8,145,178,.12) 0%, transparent 55%),
    radial-gradient(ellipse 55% 55% at 5% 95%, rgba(37,99,235,.1)  0%, transparent 50%),
    linear-gradient(145deg, #020b1a 0%, #071e2d 55%, #061520 100%) !important;
  --white: #f0f9ff; --text: #bae6fd; --muted: #7dd3fc;
  --accent: #22d3ee; --border: rgba(255,255,255,.08);
}
.pg-exchange-intelligence #live-intel h2 { color: #f0f9ff !important; }
.pg-exchange-intelligence #live-intel .section-label { color: #67e8f9 !important; }
.pg-exchange-intelligence #live-intel .section-sub { color: #7dd3fc !important; }

/* ── Feed table ── */
.pg-exchange-intelligence .feed-table {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.3) !important;
}
.pg-exchange-intelligence .ft-header {
  background: rgba(8,145,178,.12) !important;
  border-bottom: 1px solid rgba(34,211,238,.15) !important;
  padding: 12px 18px !important;
}
.pg-exchange-intelligence .ft-title {
  color: #f0f9ff !important;
  font-weight: 700 !important;
  font-size: .85rem !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}
.pg-exchange-intelligence .ft-live { color: #34d399 !important; font-weight: 700 !important; font-size: .75rem !important; }
.pg-exchange-intelligence .ft-live-dot {
  background: #34d399 !important;
  box-shadow: 0 0 8px rgba(52,211,153,.7) !important;
  width: 7px !important; height: 7px !important;
}
.pg-exchange-intelligence .ft-thead {
  background: rgba(255,255,255,.04) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.pg-exchange-intelligence .fth {
  color: #7dd3fc !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}
.pg-exchange-intelligence .ft-row {
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  transition: background .15s ease !important;
}
.pg-exchange-intelligence .ft-row:nth-child(odd) { background: rgba(255,255,255,.025) !important; }
.pg-exchange-intelligence .ft-row:hover { background: rgba(34,211,238,.07) !important; }
.pg-exchange-intelligence .fc-exchange {
  color: #e0f2fe !important;
  font-weight: 600 !important;
  font-size: .88rem !important;
}
.pg-exchange-intelligence .fc-amount {
  color: #f0f9ff !important;
  font-weight: 700 !important;
  font-size: .88rem !important;
}
.pg-exchange-intelligence .fc-type {
  color: #7dd3fc !important;
  font-size: .82rem !important;
}
/* Status badges — vivid with border */
.pg-exchange-intelligence .fcs-frozen {
  background: rgba(239,68,68,.2) !important;
  color: #fca5a5 !important;
  border: 1px solid rgba(239,68,68,.4) !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 3px 10px !important;
  font-size: .75rem !important;
}
.pg-exchange-intelligence .fcs-confirmed {
  background: rgba(52,211,153,.15) !important;
  color: #34d399 !important;
  border: 1px solid rgba(52,211,153,.4) !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 3px 10px !important;
  font-size: .75rem !important;
}
.pg-exchange-intelligence .fcs-pending {
  background: rgba(245,158,11,.15) !important;
  color: #fcd34d !important;
  border: 1px solid rgba(245,158,11,.4) !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 3px 10px !important;
  font-size: .75rem !important;
}

/* ── Intel stat boxes ── */
.pg-exchange-intelligence .istat-box {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.25) !important;
  padding: 18px !important;
}
/* Per-box left accent border */
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(1) { border-left: 3px solid #22d3ee !important; }
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(2) { border-left: 3px solid #fbbf24 !important; }
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(3) { border-left: 3px solid #34d399 !important; }
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(4) { border-left: 3px solid #60a5fa !important; }
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(5) { border-left: 3px solid #f87171 !important; }
.pg-exchange-intelligence .istat-label {
  color: #94a3b8 !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  margin-bottom: 6px !important;
}
.pg-exchange-intelligence .istat-num {
  color: #f0f9ff !important;
  font-size: 2.4rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
}
/* Fix the emoji box (#2) — make it text-sized not huge */
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(2) .istat-num {
  font-size: 1.4rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}
.pg-exchange-intelligence .istat-sub {
  color: #7dd3fc !important;
  font-size: .78rem !important;
  margin-top: 4px !important;
  margin-bottom: 8px !important;
}
.pg-exchange-intelligence .istat-bar {
  background: rgba(255,255,255,.08) !important;
  border-radius: 4px !important;
  height: 5px !important;
  overflow: hidden !important;
}
/* Per-bar colors */
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(1) .istat-fill { background: linear-gradient(90deg, #0891b2, #22d3ee) !important; }
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(2) .istat-fill { background: linear-gradient(90deg, #d97706, #fbbf24) !important; }
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(3) .istat-fill { background: linear-gradient(90deg, #059669, #34d399) !important; }
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(4) .istat-fill { background: linear-gradient(90deg, #1d4ed8, #60a5fa) !important; }
.pg-exchange-intelligence .intel-stats .istat-box:nth-child(5) .istat-fill { background: linear-gradient(90deg, #dc2626, #f87171) !important; }
.pg-exchange-intelligence .istat-fill {
  border-radius: 4px !important;
  height: 5px !important;
  box-shadow: 0 0 8px rgba(34,211,238,.3) !important;
}

/* ── CTA — dark teal/navy ── */
.pg-exchange-intelligence #cta {
  background: linear-gradient(145deg, #0c4a6e 0%, #0369a1 55%, #0891b2 100%) !important;
  --white: #f0f9ff; --text: #bae6fd; --muted: #7dd3fc; --accent3: #34d399;
}
.pg-exchange-intelligence #cta h2 { color: #f0f9ff !important; }
.pg-exchange-intelligence #cta .section-label { color: #67e8f9 !important; }
.pg-exchange-intelligence #cta p { color: #bae6fd !important; }
.pg-exchange-intelligence #cta .cta-b,
.pg-exchange-intelligence #cta .cta-badge {
  background: rgba(255,255,255,.1) !important;
  color: #e0f2fe !important;
  border-color: rgba(255,255,255,.15) !important;
}
.pg-exchange-intelligence .cta-box { background: transparent !important; border-color: rgba(255,255,255,.12) !important; }
.pg-exchange-intelligence #cta .btn-secondary {
  border-color: rgba(255,255,255,.35) !important; color: #f0f9ff !important;
}

/* ── DIVIDERS — hide all ── */
.pg-exchange-intelligence .divider { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
   34. FORENSIC REPORTS PAGE (.pg-forensic-reports)
═══════════════════════════════════════════════════════════════ */

/* Report anatomy — clean white */
.pg-forensic-reports #report-anatomy {
  background: #ffffff !important;
}
.pg-forensic-reports #report-anatomy h2 { color: #0f172a !important; }
.pg-forensic-reports #report-anatomy h2 .accent { color: #1d4ed8 !important; }
.pg-forensic-reports #report-anatomy .section-label { color: #d97706 !important; }
.pg-forensic-reports #report-anatomy .section-sub { color: #475569 !important; }
/* Anatomy section items */
.pg-forensic-reports .anatomy-item { background: #f8fafc !important; border-color: rgba(148,163,184,.2) !important; }
.pg-forensic-reports .anatomy-item:hover { border-color: rgba(29,78,216,.3) !important; }
.pg-forensic-reports .anatomy-num { color: #2563eb !important; }
.pg-forensic-reports .anatomy-title { color: #0f172a !important; }
.pg-forensic-reports .anatomy-desc  { color: #475569 !important; }
/* Anatomy full preview panel */
.pg-forensic-reports .anatomy-full { background: #f8fafc !important; border-color: rgba(148,163,184,.2) !important; }
.pg-forensic-reports .af-heading { color: #0f172a !important; }
.pg-forensic-reports .af-desc   { color: #475569 !important; }

/* Process — light gray stripe */
.pg-forensic-reports #process {
  background: #f8fafc !important;
}
.pg-forensic-reports #process h2 { color: #0f172a !important; }
.pg-forensic-reports #process h2 .accent { color: #1d4ed8 !important; }
.pg-forensic-reports #process .section-label { color: #2563eb !important; }
.pg-forensic-reports #process .section-sub { color: #475569 !important; }
.pg-forensic-reports #process .step-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
}
.pg-forensic-reports #process .step-card h4 { color: #0f172a !important; }
.pg-forensic-reports #process .step-card p  { color: #475569 !important; }
.pg-forensic-reports #process .step-num { color: #1d4ed8 !important; border-color: rgba(29,78,216,.2) !important; background: rgba(29,78,216,.06) !important; }

/* Admissibility — dark navy matching legal-support #jurisdictions */
.pg-forensic-reports #admissibility {
  background: linear-gradient(145deg, #0d1b3e 0%, #1e3a8a 55%, #1a3272 100%) !important;
}
.pg-forensic-reports #admissibility h2      { color: #f1f5f9 !important; }
.pg-forensic-reports #admissibility .accent { color: #93c5fd !important; }
.pg-forensic-reports #admissibility .section-label {
  color: #93c5fd !important;
  background: rgba(147,197,253,.12) !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  display: inline-block !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}
.pg-forensic-reports #admissibility .section-sub { color: #94a3b8 !important; }
/* Jurisdiction cards — glass with permanent coloured top border */
.pg-forensic-reports .juris-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-top: 3px solid var(--jc, #60a5fa) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.15) !important;
}
.pg-forensic-reports .juris-card:hover {
  background: rgba(255,255,255,.1) !important;
  transform: translateY(-4px) !important;
}
/* Disable the animated ::before stripe — top border already always visible */
.pg-forensic-reports .juris-card::before { display: none !important; }
.pg-forensic-reports .juris-country  { color: #f1f5f9 !important; font-weight: 700 !important; }
.pg-forensic-reports .juris-standard { color: #93c5fd !important; font-weight: 600 !important; }
.pg-forensic-reports .jl { color: #cbd5e1 !important; }
.pg-forensic-reports .juris-agency {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #94a3b8 !important;
}
.pg-forensic-reports .juris-agency strong { color: #93c5fd !important; }

/* FAQ */
.pg-forensic-reports .faq-item {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
  border-left: 3px solid transparent !important;
  padding-left: 1.1rem !important;
  padding-right: 1.1rem !important;
}
.pg-forensic-reports .faq-item:hover,
.pg-forensic-reports .faq-item.open { border-left-color: #2563eb !important; }
.pg-forensic-reports .faq-item.open .faq-q { color: #1d4ed8 !important; }
.pg-forensic-reports .faq-icon { color: #2563eb !important; border-color: rgba(37,99,235,.28) !important; background: rgba(37,99,235,.06) !important; }

/* ── HERO — dark professional gold/amber ── */
.pg-forensic-reports #hero {
  background: linear-gradient(145deg, #0c0a02 0%, #1a1305 40%, #120e03 70%, #0a0801 100%) !important;
  --white: #fefce8; --text: #fef08a; --muted: #fde047;
  --accent: #fbbf24; --accent2: #f59e0b; --accent3: #34d399;
  --gold: #fbbf24; --border: rgba(255,255,255,.08);
}
.pg-forensic-reports #hero #hero-canvas { opacity: 0.4 !important; }
.pg-forensic-reports .orb1 { background: radial-gradient(circle, rgba(245,158,11,.35) 0%, transparent 70%) !important; }
.pg-forensic-reports .orb2 { background: radial-gradient(circle, rgba(180,83,9,.25) 0%, transparent 70%) !important; }
.pg-forensic-reports .orb3 { background: radial-gradient(circle, rgba(37,99,235,.2) 0%, transparent 70%) !important; }
.pg-forensic-reports #hero .eyebrow {
  background: rgba(251,191,36,.1) !important;
  border-color: rgba(251,191,36,.25) !important;
}
.pg-forensic-reports #hero .eyebrow span { color: #fde68a !important; }
.pg-forensic-reports #hero h1 { color: #fefce8 !important; }
.pg-forensic-reports #hero .accent-gold { color: #fbbf24 !important; }
.pg-forensic-reports #hero .accent { color: #fde68a !important; }
.pg-forensic-reports #hero .hero-desc { color: #fef08a !important; }
.pg-forensic-reports #hero .btn-secondary {
  border-color: rgba(255,255,255,.3) !important; color: #fefce8 !important;
}
.pg-forensic-reports #hero .btn-secondary:hover { background: rgba(255,255,255,.08) !important; }
.pg-forensic-reports #hero .btn-ghost { color: #fde68a !important; }
/* Document chip strip */
.pg-forensic-reports .doc-chip {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(251,191,36,.18) !important;
}
.pg-forensic-reports .doc-chip-icon { color: #fbbf24 !important; }
.pg-forensic-reports .doc-chip-label { color: #fef08a !important; }
.pg-forensic-reports .doc-chip-label strong { color: #fefce8 !important; }
/* Trust strip */
.pg-forensic-reports .hero-trust,
.pg-forensic-reports #hero .hero-trust {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.pg-forensic-reports .t-item { color: #fef08a !important; }
.pg-forensic-reports .t-div { background: rgba(255,255,255,.12) !important; }
/* Hero stat boxes — 5 vivid */
.pg-forensic-reports .sbox { background: transparent !important; }
.pg-forensic-reports .hero-stats .sbox:nth-child(1) {
  background: linear-gradient(135deg, #78350f 0%, #b45309 100%) !important;
  border-color: rgba(180,83,9,.4) !important; box-shadow: 0 8px 28px rgba(180,83,9,.4) !important;
}
.pg-forensic-reports .hero-stats .sbox:nth-child(2) {
  background: linear-gradient(135deg, #92400e 0%, #d97706 100%) !important;
  border-color: rgba(217,119,6,.4) !important; box-shadow: 0 8px 28px rgba(217,119,6,.35) !important;
}
.pg-forensic-reports .hero-stats .sbox:nth-child(3) {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  border-color: rgba(29,78,216,.4) !important; box-shadow: 0 8px 28px rgba(29,78,216,.35) !important;
}
.pg-forensic-reports .hero-stats .sbox:nth-child(4) {
  background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;
  border-color: rgba(5,150,105,.4) !important; box-shadow: 0 8px 28px rgba(5,150,105,.35) !important;
}
.pg-forensic-reports .hero-stats .sbox:nth-child(5) {
  background: linear-gradient(135deg, #581c87 0%, #7c3aed 100%) !important;
  border-color: rgba(124,58,237,.4) !important; box-shadow: 0 8px 28px rgba(124,58,237,.35) !important;
}
.pg-forensic-reports .snum { color: #ffffff !important; }
.pg-forensic-reports .slabel { color: #fef9c3 !important; }
.pg-forensic-reports .ssub { color: rgba(255,255,255,.6) !important; }

/* ── REPORT TYPES — dark ops with amber-gold tier markers ── */
.pg-forensic-reports #report-types {
  background: #ffffff !important;
}
.pg-forensic-reports #report-types h2 { color: #0f172a !important; }
.pg-forensic-reports #report-types h2 .accent { color: #1d4ed8 !important; }
.pg-forensic-reports #report-types .section-label {
  display: inline-block !important;
  background: rgba(217,119,6,.1) !important;
  color: #b45309 !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}
.pg-forensic-reports #report-types .section-sub { color: #475569 !important; }
/* Report tier cards */
.pg-forensic-reports .rtype-card,
.pg-forensic-reports .report-card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  border-top: 3px solid #d97706 !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.07) !important;
}
.pg-forensic-reports .rtype-card:hover,
.pg-forensic-reports .report-card:hover {
  border-color: rgba(217,119,6,.35) !important;
  box-shadow: 0 8px 32px rgba(217,119,6,.1) !important;
  transform: translateY(-4px) !important;
}
.pg-forensic-reports .rtype-card h3,
.pg-forensic-reports .report-card h3 { color: #0f172a !important; font-weight: 700 !important; }
.pg-forensic-reports .rtype-from { color: #64748b !important; }
.pg-forensic-reports .rtype-price-val { color: #d97706 !important; font-weight: 800 !important; }
.pg-forensic-reports .rtype-desc { color: #475569 !important; }
.pg-forensic-reports .rtype-ideal {
  background: #f8fafc !important;
  border-color: rgba(148,163,184,.2) !important;
}
.pg-forensic-reports .ri-label { color: #64748b !important; }
.pg-forensic-reports .ri-val   { color: #374151 !important; }
.pg-forensic-reports .rtype-includes { border-top-color: rgba(148,163,184,.15) !important; }
.pg-forensic-reports .ri { color: #374151 !important; }
.pg-forensic-reports .rtype-eta {
  background: rgba(5,150,105,.07) !important;
  border-color: rgba(16,185,129,.2) !important;
}
.pg-forensic-reports .rtype-eta-text { color: #059669 !important; }

/* ── COURT READY — light gray clean ── */
.pg-forensic-reports #court-ready {
  background: #f8fafc !important;
}
.pg-forensic-reports #court-ready h2 { color: #0f172a !important; }
.pg-forensic-reports #court-ready h2 .accent { color: #1d4ed8 !important; }
.pg-forensic-reports #court-ready .section-label {
  display: inline-block !important;
  background: rgba(29,78,216,.08) !important;
  color: #1d4ed8 !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}
.pg-forensic-reports #court-ready .section-sub { color: #475569 !important; }
/* Court feature rows — clean white cards on light gray bg */
.pg-forensic-reports .court-feature {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.05) !important;
}
.pg-forensic-reports .court-feature:hover { box-shadow: 0 6px 24px rgba(0,0,0,.1) !important; border-color: rgba(29,78,216,.2) !important; }
.pg-forensic-reports .cf-icon.gold   { background: rgba(217,119,6,.1)  !important; color: #b45309 !important; border-color: rgba(217,119,6,.2)   !important; }
.pg-forensic-reports .cf-icon.blue   { background: rgba(29,78,216,.09) !important; color: #1d4ed8 !important; border-color: rgba(29,78,216,.18)  !important; }
.pg-forensic-reports .cf-icon.green  { background: rgba(5,150,105,.09) !important; color: #059669 !important; border-color: rgba(5,150,105,.18)  !important; }
.pg-forensic-reports .cf-icon.purple { background: rgba(124,58,237,.09)!important; color: #7c3aed !important; border-color: rgba(124,58,237,.18) !important; }
.pg-forensic-reports .cf-title { color: #0f172a !important; font-weight: 700 !important; }
.pg-forensic-reports .cf-desc  { color: #475569 !important; }
/* Cert card — keep dark for contrast as a "badge" element */
.pg-forensic-reports .cert-card {
  background: #0f172a !important;
  border-color: rgba(251,191,36,.2) !important;
}
.pg-forensic-reports .cert-stitle { color: #fbbf24 !important; }
.pg-forensic-reports .ck { color: #94a3b8 !important; }
.pg-forensic-reports .cv { color: #f1f5f9 !important; }
.pg-forensic-reports .cv.ok { color: #34d399 !important; }
.pg-forensic-reports .cv.gold { color: #fbbf24 !important; }
.pg-forensic-reports .cert-stamp-text { color: #fbbf24 !important; }

/* ── DEEP PREVIEW — dark navy document viewer ── */
.pg-forensic-reports #deep-preview {
  background: linear-gradient(145deg, #020b1a 0%, #0f1f3d 55%, #0c1a3a 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #fbbf24; --gold: #fbbf24; --border: rgba(255,255,255,.08);
  /* Re-scope bg vars — prevents preview-card getting white from root */
  --bg: rgba(255,255,255,.07); --bg2: rgba(255,255,255,.06); --bg3: rgba(255,255,255,.05);
}
/* Preview cards — explicit dark glass + readable text */
.pg-forensic-reports .preview-card {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.pg-forensic-reports .preview-card h4 {
  color: #f1f5f9 !important;
  border-bottom-color: rgba(255,255,255,.1) !important;
}
.pg-forensic-reports .pk { color: #64748b !important; }
.pg-forensic-reports .pv { color: #cbd5e1 !important; }
.pg-forensic-reports .pv.ok   { color: #34d399 !important; }
.pg-forensic-reports .pv.warn { color: #fbbf24 !important; }
.pg-forensic-reports .pv.acc  { color: #60a5fa !important; }
.pg-forensic-reports .pv.red  { color: #f87171 !important; }
.pg-forensic-reports .pv.gold { color: #fbbf24 !important; }
.pg-forensic-reports #deep-preview h2 { color: #f1f5f9 !important; }
.pg-forensic-reports #deep-preview .section-label { color: #fbbf24 !important; }
.pg-forensic-reports #deep-preview .section-sub { color: #94a3b8 !important; }
.pg-forensic-reports .ptab { color: #94a3b8 !important; border-color: rgba(255,255,255,.1) !important; }
.pg-forensic-reports .ptab.active { color: #fbbf24 !important; border-color: #fbbf24 !important; }

/* ── COMPARE — light clean comparison table ── */
.pg-forensic-reports #compare {
  background: #f8fafc !important;
}
.pg-forensic-reports #compare h2 { color: #0f172a !important; }
.pg-forensic-reports #compare h2 .accent { color: #d97706 !important; }
.pg-forensic-reports #compare .section-label {
  display: inline-block !important;
  background: rgba(217,119,6,.1) !important;
  color: #b45309 !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}
.pg-forensic-reports #compare .section-sub { color: #475569 !important; }
/* Comparison table */
.pg-forensic-reports .cmp-head {
  background: #e2e8f0 !important;
  border-bottom-color: rgba(148,163,184,.3) !important;
}
.pg-forensic-reports .cmp-cell      { color: #374151 !important; }
.pg-forensic-reports .cmp-cell.col-h { color: #0f172a !important; font-weight: 700 !important; }
.pg-forensic-reports .cmp-cell.feat  {
  background: rgba(217,119,6,.06) !important;
  border-bottom-color: #d97706 !important;
  color: #b45309 !important;
  font-weight: 600 !important;
}
.pg-forensic-reports .cmp-row { border-bottom-color: rgba(148,163,184,.15) !important; }
.pg-forensic-reports .cmp-row:hover { background: rgba(0,0,0,.025) !important; }
.pg-forensic-reports .cyes  { color: #059669 !important; font-weight: 700 !important; }
.pg-forensic-reports .cno   { color: #cbd5e1 !important; }
.pg-forensic-reports .cpart { color: #d97706 !important; }

/* ── CTA — dark navy/blue emergency ── */
.pg-forensic-reports #cta {
  background:
    radial-gradient(ellipse 60% 55% at 10% 50%, rgba(239,68,68,.12) 0%, transparent 55%),
    linear-gradient(135deg, #0f172a 0%, #1e3a8a 60%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #94a3b8; --accent3: #34d399;
}
.pg-forensic-reports #cta h2 { color: #f1f5f9 !important; }
.pg-forensic-reports #cta h2 .accent { color: #93c5fd !important; }
.pg-forensic-reports #cta .section-label { color: #f87171 !important; }
.pg-forensic-reports #cta p { color: #cbd5e1 !important; }
.pg-forensic-reports #cta .cta-b,
.pg-forensic-reports #cta .cta-badge {
  background: rgba(255,255,255,.1) !important;
  color: #f1f5f9 !important;
  border-color: rgba(255,255,255,.2) !important;
}
.pg-forensic-reports .cta-box { background: transparent !important; border-color: rgba(255,255,255,.15) !important; }
.pg-forensic-reports #cta .btn-secondary {
  border-color: rgba(255,255,255,.35) !important; color: #f1f5f9 !important;
}

/* ── DIVIDERS — hide all ── */
.pg-forensic-reports .divider { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
   35. LEGAL SUPPORT PAGE (.pg-legal-support)
═══════════════════════════════════════════════════════════════ */

/* Stats banner already vivid from §28C */

/* How we support — vivid dark navy */
.pg-legal-support #how-we-support {
  background: linear-gradient(145deg, #020b1a 0%, #0f1f3d 55%, #0c1a3a 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --border: rgba(255,255,255,.08);
}
.pg-legal-support #how-we-support h2 { color: #f1f5f9 !important; }
.pg-legal-support #how-we-support .section-sub { color: #94a3b8 !important; }
.pg-legal-support #how-we-support .method-card,
.pg-legal-support #how-we-support .service-card {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.pg-legal-support #how-we-support .method-card h3,
.pg-legal-support #how-we-support .service-card h3 { color: #f1f5f9 !important; }
.pg-legal-support #how-we-support .method-card p,
.pg-legal-support #how-we-support .service-card p  { color: #94a3b8 !important; }

/* Case outcomes — lavender */
.pg-legal-support #case-outcomes {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-legal-support #case-outcomes h2 { color: #1e1b4b !important; }
.pg-legal-support #case-outcomes .case-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.14) !important;
  box-shadow: 0 2px 14px rgba(124,58,237,.07) !important;
}

/* Jurisdictions — vivid dark indigo */
.pg-legal-support #jurisdictions {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe;
  --accent: #93c5fd; --border: rgba(255,255,255,.1);
}
.pg-legal-support #jurisdictions h2 { color: #f1f5f9 !important; }
.pg-legal-support #jurisdictions .section-sub { color: #bfdbfe !important; }
.pg-legal-support #jurisdictions .jurisdiction-card {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.pg-legal-support #jurisdictions .jurisdiction-card h3 { color: #f1f5f9 !important; }
.pg-legal-support #jurisdictions .jurisdiction-card p  { color: #bfdbfe !important; }

/* FAQ */
.pg-legal-support .faq-item {
  border-left: 3px solid transparent !important;
  padding-left: 1.1rem !important; padding-right: 1.1rem !important;
}
.pg-legal-support .faq-item:hover,
.pg-legal-support .faq-item.open { border-left-color: #2563eb !important; }
.pg-legal-support .faq-item.open .faq-q { color: #1d4ed8 !important; }
.pg-legal-support .faq-icon { color: #2563eb !important; border-color: rgba(37,99,235,.28) !important; background: rgba(37,99,235,.06) !important; }

/* ── HERO — dark purple/violet legal authority ── */
.pg-legal-support #hero {
  background: linear-gradient(145deg, #0c0a1a 0%, #1a0f2e 40%, #130b22 70%, #0a0715 100%) !important;
  --white: #faf5ff; --text: #e9d5ff; --muted: #d8b4fe;
  --accent: #a78bfa; --accent2: #8b5cf6; --accent3: #34d399;
  --purple: #a78bfa; --border: rgba(255,255,255,.08);
}
.pg-legal-support #hero #hero-canvas { opacity: 0.42 !important; }
.pg-legal-support .orb1 { background: radial-gradient(circle, rgba(139,92,246,.4) 0%, transparent 70%) !important; }
.pg-legal-support .orb2 { background: radial-gradient(circle, rgba(79,70,229,.3) 0%, transparent 70%) !important; }
.pg-legal-support .orb3 { background: radial-gradient(circle, rgba(37,99,235,.2) 0%, transparent 70%) !important; }
.pg-legal-support #hero .eyebrow {
  background: rgba(139,92,246,.1) !important;
  border-color: rgba(139,92,246,.25) !important;
}
.pg-legal-support #hero .eyebrow span { color: #c4b5fd !important; }
.pg-legal-support #hero h1 { color: #faf5ff !important; }
.pg-legal-support #hero .accent { color: #c4b5fd !important; }
.pg-legal-support #hero .hero-desc { color: #e9d5ff !important; }
.pg-legal-support #hero .btn-secondary {
  border-color: rgba(255,255,255,.3) !important; color: #faf5ff !important;
}
.pg-legal-support #hero .btn-secondary:hover { background: rgba(255,255,255,.08) !important; }
.pg-legal-support #hero .btn-ghost { color: #c4b5fd !important; }
/* Urgency bar */
.pg-legal-support .urgency-bar {
  background: rgba(139,92,246,.12) !important;
  border: 1px solid rgba(139,92,246,.3) !important;
  border-left: 3px solid #8b5cf6 !important;
}
.pg-legal-support .ub-text { color: #e9d5ff !important; }
.pg-legal-support .ub-text strong { color: #faf5ff !important; }
.pg-legal-support .ub-icon { color: #a78bfa !important; }
/* Trust strip */
.pg-legal-support .hero-trust,
.pg-legal-support #hero .hero-trust {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.pg-legal-support .t-item { color: #e9d5ff !important; }
.pg-legal-support .t-div { background: rgba(255,255,255,.12) !important; }
/* Hero stat boxes — 5 vivid */
.pg-legal-support .sbox { background: transparent !important; }
.pg-legal-support .hero-stats .sbox:nth-child(1) {
  background: linear-gradient(135deg, #4c1d95 0%, #7c3aed 100%) !important;
  border-color: rgba(124,58,237,.4) !important; box-shadow: 0 8px 28px rgba(124,58,237,.4) !important;
}
.pg-legal-support .hero-stats .sbox:nth-child(2) {
  background: linear-gradient(135deg, #581c87 0%, #9333ea 100%) !important;
  border-color: rgba(147,51,234,.4) !important; box-shadow: 0 8px 28px rgba(147,51,234,.35) !important;
}
.pg-legal-support .hero-stats .sbox:nth-child(3) {
  background: linear-gradient(135deg, #3730a3 0%, #4f46e5 100%) !important;
  border-color: rgba(79,70,229,.4) !important; box-shadow: 0 8px 28px rgba(79,70,229,.35) !important;
}
.pg-legal-support .hero-stats .sbox:nth-child(4) {
  background: linear-gradient(135deg, #065f46 0%, #059669 100%) !important;
  border-color: rgba(5,150,105,.4) !important; box-shadow: 0 8px 28px rgba(5,150,105,.35) !important;
}
.pg-legal-support .hero-stats .sbox:nth-child(5) {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  border-color: rgba(29,78,216,.4) !important; box-shadow: 0 8px 28px rgba(29,78,216,.35) !important;
}
.pg-legal-support .snum { color: #ffffff !important; }
.pg-legal-support .slabel { color: #ede9fe !important; }
.pg-legal-support .ssub { color: rgba(255,255,255,.6) !important; }

/* ── SERVICES GRID — white + purple-topped cards ── */
.pg-legal-support #services-grid { background: #ffffff !important; }
.pg-legal-support #services-grid h2 { color: #0f172a !important; }
.pg-legal-support #services-grid .section-label { color: #7c3aed !important; }
.pg-legal-support #services-grid .section-sub { color: #475569 !important; }
.pg-legal-support #services-grid .service-card,
.pg-legal-support #services-grid .feature-card {
  background: #ffffff !important;
  border-top: 4px solid #7c3aed !important;
  box-shadow: 0 4px 24px rgba(124,58,237,.08) !important;
}
.pg-legal-support #services-grid .service-card:hover { box-shadow: 0 12px 36px rgba(124,58,237,.14) !important; transform: translateY(-3px); }
.pg-legal-support #services-grid .service-card h3,
.pg-legal-support #services-grid .feature-card h3 { color: #0f172a !important; font-weight: 700 !important; }
.pg-legal-support #services-grid .service-card p,
.pg-legal-support #services-grid .feature-card p { color: #475569 !important; }

/* ── ATTORNEY NETWORK — white ── */
.pg-legal-support #attorney-network { background: #f8fafc !important; }
.pg-legal-support #attorney-network h2 { color: #0f172a !important; }
.pg-legal-support #attorney-network .section-label { color: #7c3aed !important; }
.pg-legal-support #attorney-network .feature-card,
.pg-legal-support #attorney-network .method-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.14) !important;
  box-shadow: 0 2px 14px rgba(124,58,237,.07) !important;
}

/* ── EXCHANGE FREEZE — light purple wash ── */
.pg-legal-support #exchange-freeze {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-legal-support #exchange-freeze h2 { color: #1e1b4b !important; }
.pg-legal-support #exchange-freeze .section-label { color: #7c3aed !important; }
.pg-legal-support #exchange-freeze .feature-card,
.pg-legal-support #exchange-freeze .step-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.15) !important;
  box-shadow: 0 4px 20px rgba(124,58,237,.08) !important;
}

/* ── LAW ENFORCEMENT — white ── */
.pg-legal-support #law-enforcement { background: #f8fafc !important; }
.pg-legal-support #law-enforcement h2 { color: #0f172a !important; }
.pg-legal-support #law-enforcement .section-label { color: #7c3aed !important; }

/* ── LEGAL ACTIONS — white + vivid action cards ── */
.pg-legal-support #legal-actions { background: #ffffff !important; }
.pg-legal-support #legal-actions h2 { color: #0f172a !important; }
.pg-legal-support #legal-actions .section-label { color: #7c3aed !important; }
.pg-legal-support #legal-actions .service-card,
.pg-legal-support #legal-actions .feature-card {
  background: #ffffff !important;
  border-left: 4px solid #7c3aed !important;
  box-shadow: 0 4px 20px rgba(124,58,237,.07) !important;
}

/* ── CTA — dark purple/violet ── */
.pg-legal-support #cta {
  background: #0d0a1a !important;
  --white: #faf5ff; --text: #e9d5ff; --muted: #d8b4fe; --accent: #a78bfa; --accent3: #34d399;
  --border: rgba(255,255,255,.08);
}
/* cta-box: vivid purple card that pops against the near-black bg */
.pg-legal-support .cta-box {
  background: linear-gradient(145deg, #2e1065 0%, #4c1d95 55%, #6d28d9 100%) !important;
  border: 1px solid rgba(167,139,250,.4) !important;
  box-shadow: 0 0 60px rgba(109,40,217,.35), 0 0 0 1px rgba(167,139,250,.15) !important;
}
.pg-legal-support #cta h2         { color: #faf5ff !important; }
.pg-legal-support #cta .accent    { color: #c4b5fd !important; }
.pg-legal-support #cta .section-label { color: #c4b5fd !important; }
.pg-legal-support #cta p          { color: #e9d5ff !important; }
.pg-legal-support #cta .cta-b,
.pg-legal-support #cta .cta-badge {
  background: rgba(255,255,255,.12) !important;
  color: #faf5ff !important;
  border-color: rgba(167,139,250,.3) !important;
}
.pg-legal-support #cta .btn-secondary {
  border-color: rgba(255,255,255,.35) !important;
  color: #faf5ff !important;
}

/* ── DIVIDERS — hide all ── */
.pg-legal-support .divider { display: none !important; }

/* ═══════════════════════════════════════════════════════════════
   36. SCAM INVESTIGATIONS PAGE (.pg-scam-investigations)
═══════════════════════════════════════════════════════════════ */

/* ── HERO — dark dramatic navy/slate for scam investigation impact ── */
.pg-scam-investigations #hero {
  background: linear-gradient(145deg, #09091f 0%, #0f1535 40%, #13213d 70%, #0a0f24 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --accent2: #3b82f6; --accent3: #34d399;
  --border: rgba(255,255,255,.08);
}
/* Make canvas + orbs more vivid */
.pg-scam-investigations #hero #hero-canvas { opacity: 0.55 !important; }
.pg-scam-investigations .orb1 { background: radial-gradient(circle, rgba(220,38,38,.35) 0%, transparent 70%) !important; }
.pg-scam-investigations .orb2 { background: radial-gradient(circle, rgba(37,99,235,.3) 0%, transparent 70%) !important; }
.pg-scam-investigations .orb3 { background: radial-gradient(circle, rgba(109,40,217,.25) 0%, transparent 70%) !important; }

/* Hero text */
.pg-scam-investigations #hero .service-eyebrow {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.pg-scam-investigations #hero .service-eyebrow span {
  color: #93c5fd !important;
}
.pg-scam-investigations #hero h1 { color: #f1f5f9 !important; }
.pg-scam-investigations #hero .hero-desc { color: #cbd5e1 !important; }

/* Buttons on dark hero */
.pg-scam-investigations #hero .btn-secondary {
  border-color: rgba(255,255,255,.3) !important;
  color: #f1f5f9 !important;
}
.pg-scam-investigations #hero .btn-secondary:hover {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.55) !important;
}
.pg-scam-investigations #hero .btn-ghost { color: #93c5fd !important; }

/* Alert bar — vivid red on dark */
.pg-scam-investigations .alert-bar {
  background: rgba(185,28,28,.25) !important;
  border: 1px solid rgba(239,68,68,.4) !important;
  border-left: 3px solid #ef4444 !important;
}
.pg-scam-investigations .alert-bar strong { color: #fca5a5 !important; }
.pg-scam-investigations .alert-bar .alert-text { color: #fecaca !important; }
.pg-scam-investigations .alert-icon { color: #ef4444 !important; }

/* Trust strip on dark hero */
.pg-scam-investigations .hero-trust {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.pg-scam-investigations .trust-item { color: #cbd5e1 !important; }
.pg-scam-investigations .trust-divider { background: rgba(255,255,255,.12) !important; }

/* Hero stat boxes — 5 vivid distinct gradients */
.pg-scam-investigations .hero-stats-row .stat-box,
.pg-scam-investigations .stat-box { background: transparent !important; }

.pg-scam-investigations .hero-stats-row .stat-box:nth-child(1) {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  border-color: rgba(29,78,216,.35) !important;
  box-shadow: 0 8px 28px rgba(29,78,216,.35) !important;
}
.pg-scam-investigations .hero-stats-row .stat-box:nth-child(2) {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
  border-color: rgba(79,70,229,.35) !important;
  box-shadow: 0 8px 28px rgba(79,70,229,.3) !important;
}
.pg-scam-investigations .hero-stats-row .stat-box:nth-child(3) {
  background: linear-gradient(135deg, #0369a1 0%, #0891b2 100%) !important;
  border-color: rgba(8,145,178,.35) !important;
  box-shadow: 0 8px 28px rgba(8,145,178,.3) !important;
}
.pg-scam-investigations .hero-stats-row .stat-box:nth-child(4) {
  background: linear-gradient(135deg, #991b1b 0%, #dc2626 100%) !important;
  border-color: rgba(220,38,38,.35) !important;
  box-shadow: 0 8px 28px rgba(220,38,38,.3) !important;
}
.pg-scam-investigations .hero-stats-row .stat-box:nth-child(5) {
  background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%) !important;
  border-color: rgba(124,58,237,.35) !important;
  box-shadow: 0 8px 28px rgba(124,58,237,.3) !important;
}
.pg-scam-investigations .hero-stats-row .stat-box .stat-num,
.pg-scam-investigations .hero-stats-row .stat-box .stat-label,
.pg-scam-investigations .hero-stats-row .stat-box .stat-sub { color: #ffffff !important; }
.pg-scam-investigations .hero-stats-row .stat-box .stat-sub { color: rgba(255,255,255,.75) !important; }

/* ── SCAM TYPES — light indigo wash + vivid per-card color tops ── */
.pg-scam-investigations #scam-types {
  background: linear-gradient(160deg, #f0f4ff 0%, #eef2ff 60%, #f5f3ff 100%) !important;
}
.pg-scam-investigations #scam-types h2 { color: #0f172a !important; }
.pg-scam-investigations #scam-types .section-label { color: #2563eb !important; }
.pg-scam-investigations #scam-types .section-sub { color: #475569 !important; }

.pg-scam-investigations .scam-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 4px 24px rgba(29,78,216,.08) !important;
  border-top: 4px solid #2563eb !important;
}
.pg-scam-investigations .scam-card:hover {
  box-shadow: 0 12px 40px rgba(29,78,216,.14) !important;
  transform: translateY(-3px);
}
/* Distinct color per scam type */
.pg-scam-investigations .scam-card:nth-child(1) { border-top-color: #dc2626 !important; }
.pg-scam-investigations .scam-card:nth-child(2) { border-top-color: #db2777 !important; }
.pg-scam-investigations .scam-card:nth-child(3) { border-top-color: #d97706 !important; }
.pg-scam-investigations .scam-card:nth-child(4) { border-top-color: #7c3aed !important; }
.pg-scam-investigations .scam-card:nth-child(5) { border-top-color: #059669 !important; }
.pg-scam-investigations .scam-card:nth-child(6) { border-top-color: #0891b2 !important; }

.pg-scam-investigations .scam-title { color: #0f172a !important; font-weight: 700 !important; }
.pg-scam-investigations .scam-desc { color: #475569 !important; }
.pg-scam-investigations .scam-loss-num { color: #dc2626 !important; font-weight: 700 !important; }
.pg-scam-investigations .scam-loss-label { color: #64748b !important; }
.pg-scam-investigations .scam-emoji i { color: #2563eb !important; }
.pg-scam-investigations .scam-tag {
  background: rgba(37,99,235,.07) !important;
  color: #1d4ed8 !important;
  border-color: rgba(37,99,235,.18) !important;
}
.pg-scam-investigations .route-hop {
  background: rgba(37,99,235,.06) !important;
  color: #1d4ed8 !important;
  border-color: rgba(37,99,235,.15) !important;
}
.pg-scam-investigations .route-arrow { color: #94a3b8 !important; }
.pg-scam-investigations .scam-route-label { color: #64748b !important; }
.pg-scam-investigations .scam-signal { color: #334155 !important; }
.pg-scam-investigations .scam-signal::before { color: #2563eb !important; }

/* ── RED FLAGS BANNER (#red-flags warning bar) — vivid crimson ── */
.pg-scam-investigations #red-flags .warning-banner,
.pg-scam-investigations .warning-banner {
  background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 50%, #b91c1c 100%) !important;
  border-color: rgba(220,38,38,.5) !important;
  box-shadow: 0 8px 40px rgba(185,28,28,.4) !important;
}
.pg-scam-investigations .wb-icon { color: #fca5a5 !important; }
.pg-scam-investigations .wb-title { color: #ffffff !important; font-weight: 700 !important; }
.pg-scam-investigations .wb-desc { color: #fecaca !important; }

/* ── DIVIDER between dark sections — hide white bleed ── */
.pg-scam-investigations .divider {
  display: none !important;
}

/* ── RED FLAGS DETAIL — dark dramatic + multi-color cards by category ── */
.pg-scam-investigations #red-flags-detail {
  background: linear-gradient(145deg, #0a0808 0%, #180d0d 45%, #0d0909 100%) !important;
  --white: #fef2f2; --text: #fecaca; --muted: #fca5a5;
  --accent: #f87171; --border: rgba(239,68,68,.15);
}
.pg-scam-investigations #red-flags-detail h2 { color: #fef2f2 !important; }
.pg-scam-investigations #red-flags-detail .section-label { color: #fca5a5 !important; }
.pg-scam-investigations #red-flags-detail .section-sub { color: #fecaca !important; }

/* Flag cards — dark, each with a distinct category color on top */
.pg-scam-investigations .flag-card {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(239,68,68,.18) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.3) !important;
}
.pg-scam-investigations .flag-card:hover {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(239,68,68,.35) !important;
}
/* Color per category: communication=amber, platform=red, transaction=orange, blockchain=teal */
.pg-scam-investigations .flag-card:nth-child(1) { border-top: 3px solid #f59e0b !important; }
.pg-scam-investigations .flag-card:nth-child(2) { border-top: 3px solid #ef4444 !important; }
.pg-scam-investigations .flag-card:nth-child(3) { border-top: 3px solid #f97316 !important; }
.pg-scam-investigations .flag-card:nth-child(4) { border-top: 3px solid #0891b2 !important; }

.pg-scam-investigations .flag-card:nth-child(1) .flag-icon { color: #f59e0b !important; background: rgba(245,158,11,.12) !important; }
.pg-scam-investigations .flag-card:nth-child(2) .flag-icon { color: #ef4444 !important; background: rgba(239,68,68,.12) !important; }
.pg-scam-investigations .flag-card:nth-child(3) .flag-icon { color: #f97316 !important; background: rgba(249,115,22,.12) !important; }
.pg-scam-investigations .flag-card:nth-child(4) .flag-icon { color: #0891b2 !important; background: rgba(8,145,178,.12) !important; }

.pg-scam-investigations .flag-card h4 { color: #fef2f2 !important; }
.pg-scam-investigations .flag-card-header {
  border-bottom-color: rgba(239,68,68,.12) !important;
}
.pg-scam-investigations .flag-item { color: #fecaca !important; }
.pg-scam-investigations .flag-bullet {
  background: #ef4444 !important;
  box-shadow: 0 0 6px rgba(239,68,68,.5) !important;
}

/* ── WHO WE HELP — white ── */
.pg-scam-investigations #who-we-help {
  background: #ffffff !important;
}
.pg-scam-investigations #who-we-help h2 { color: #0f172a !important; }
.pg-scam-investigations #who-we-help .section-sub { color: #475569 !important; }

/* Methodology — vivid dark navy */
.pg-scam-investigations #methodology {
  background: linear-gradient(145deg, #020b1a 0%, #0f1f3d 55%, #0c1a3a 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --border: rgba(255,255,255,.08);
}
.pg-scam-investigations #methodology h2 { color: #f1f5f9 !important; }
.pg-scam-investigations #methodology .section-sub { color: #94a3b8 !important; }
.pg-scam-investigations #methodology .method-card {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
}
.pg-scam-investigations #methodology .method-card h3 { color: #f1f5f9 !important; }
.pg-scam-investigations #methodology .method-card p  { color: #94a3b8 !important; }

/* Deep dive — vivid dark indigo + fix deep-card visibility */
.pg-scam-investigations #deep-dive {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe;
  --accent: #93c5fd; --border: rgba(255,255,255,.1);
}
.pg-scam-investigations #deep-dive h2 { color: #f1f5f9 !important; }
.pg-scam-investigations #deep-dive .section-label { color: #93c5fd !important; }
.pg-scam-investigations #deep-dive .section-sub { color: #bfdbfe !important; }

/* deep-card (accordion cards) — semi-transparent dark, light text */
.pg-scam-investigations #deep-dive .deep-card {
  background: rgba(255,255,255,.09) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.15) !important;
}
.pg-scam-investigations #deep-dive .deep-card:hover {
  background: rgba(255,255,255,.15) !important;
  border-color: rgba(255,255,255,.3) !important;
}
.pg-scam-investigations #deep-dive .deep-card-tag { color: #93c5fd !important; }
.pg-scam-investigations #deep-dive .deep-card-icon { color: #93c5fd !important; }
.pg-scam-investigations #deep-dive .deep-card h3 { color: #f1f5f9 !important; }
.pg-scam-investigations #deep-dive .deep-card-stat { color: #e2e8f0 !important; }
/* "+" expand toggle — proper button shape */
.pg-scam-investigations #deep-dive .deep-card-toggle {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
  color: #93c5fd !important;
  border: 1px solid rgba(147,197,253,.4) !important;
  background: rgba(147,197,253,.1) !important;
  transition: background .2s, border-color .2s, color .2s, transform .3s !important;
}
/* When card is open — toggle turns to × with red accent */
.pg-scam-investigations #deep-dive .deep-card.open .deep-card-toggle {
  color: #f87171 !important;
  border-color: rgba(239,68,68,.45) !important;
  background: rgba(239,68,68,.1) !important;
}
.pg-scam-investigations #deep-dive .deep-card-body { background: rgba(0,0,0,.1) !important; }
.pg-scam-investigations #deep-dive .deep-card-inner {
  border-top: 1px solid rgba(255,255,255,.12) !important;
}
/* Finding rows — full border + left accent stripe */
.pg-scam-investigations #deep-dive .df {
  color: #cbd5e1 !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(147,197,253,.15) !important;
  border-left: 2px solid rgba(147,197,253,.45) !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
}
.pg-scam-investigations #deep-dive .df::before { color: #60a5fa !important; }
/* Network tag pills */
.pg-scam-investigations #deep-dive .dn-pill {
  background: rgba(255,255,255,.1) !important;
  color: #93c5fd !important;
  border: 1px solid rgba(147,197,253,.25) !important;
}
/* method-card fallback */
.pg-scam-investigations #deep-dive .method-card {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.pg-scam-investigations #deep-dive .method-card h3 { color: #f1f5f9 !important; }
.pg-scam-investigations #deep-dive .method-card p  { color: #bfdbfe !important; }

/* Statistics — white section + 4 vivid colored stat boxes */
.pg-scam-investigations #statistics {
  background: #ffffff !important;
  --white: #0f172a; --text: #334155; --muted: #64748b;
  --accent: #2563eb; --border: rgba(148,163,184,.2);
}
.pg-scam-investigations #statistics h2 { color: #0f172a !important; }
.pg-scam-investigations #statistics .section-label { color: #2563eb !important; }
.pg-scam-investigations #statistics .section-sub { color: #475569 !important; }

/* 4 distinct vivid gradient stat boxes */
.pg-scam-investigations .stat-full-box:nth-child(1) {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  border-color: rgba(29,78,216,.25) !important;
  box-shadow: 0 8px 32px rgba(29,78,216,.28) !important;
}
.pg-scam-investigations .stat-full-box:nth-child(2) {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
  border-color: rgba(79,70,229,.25) !important;
  box-shadow: 0 8px 32px rgba(79,70,229,.28) !important;
}
.pg-scam-investigations .stat-full-box:nth-child(3) {
  background: linear-gradient(135deg, #0369a1 0%, #0891b2 100%) !important;
  border-color: rgba(8,145,178,.25) !important;
  box-shadow: 0 8px 32px rgba(8,145,178,.28) !important;
}
.pg-scam-investigations .stat-full-box:nth-child(4) {
  background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%) !important;
  border-color: rgba(109,40,217,.25) !important;
  box-shadow: 0 8px 32px rgba(109,40,217,.28) !important;
}
.pg-scam-investigations .stat-full-box .sfb-num {
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.2) !important;
}
.pg-scam-investigations .stat-full-box .sfb-label { color: rgba(255,255,255,.92) !important; }
.pg-scam-investigations .stat-full-box .sfb-sub   { color: rgba(255,255,255,.7) !important; }

/* Loss breakdown bars — white cards, dark text */
.pg-scam-investigations .loss-breakdown { background: transparent !important; }
.pg-scam-investigations .loss-item {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
  box-shadow: 0 2px 12px rgba(15,23,42,.05) !important;
}
.pg-scam-investigations .loss-scam-type { color: #0f172a !important; }
.pg-scam-investigations .loss-pct { color: #334155 !important; }
.pg-scam-investigations .loss-bar-wrap { background: rgba(148,163,184,.15) !important; }

/* Case examples — lavender */
.pg-scam-investigations #case-examples {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-scam-investigations #case-examples h2 { color: #1e1b4b !important; }

/* FAQ */
.pg-scam-investigations .faq-item {
  border-left: 3px solid transparent !important;
  padding-left: 1.1rem !important; padding-right: 1.1rem !important;
}
.pg-scam-investigations .faq-item:hover,
.pg-scam-investigations .faq-item.open { border-left-color: #2563eb !important; }
.pg-scam-investigations .faq-item.open .faq-q { color: #1d4ed8 !important; }
.pg-scam-investigations .faq-icon { color: #2563eb !important; border-color: rgba(37,99,235,.28) !important; background: rgba(37,99,235,.06) !important; }

/* ═══════════════════════════════════════════════════════════════
   37. PRICING PAGE (.pg-pricing)
═══════════════════════════════════════════════════════════════ */

/* Hero — white */
.pg-pricing #hero { background: #ffffff !important; }

/* Pricing table section — vivid dark indigo */
.pg-pricing .pricing-section,
.pg-pricing #pricing-table,
.pg-pricing #packages {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe;
  --accent: #93c5fd; --border: rgba(255,255,255,.1);
}
.pg-pricing .pricing-section h2,
.pg-pricing #pricing-table h2,
.pg-pricing #packages h2 { color: #f1f5f9 !important; }

/* Pricing cards on the pricing page (not index) */
.pg-pricing .pricing-card {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.15) !important;
}
.pg-pricing .pricing-card.featured {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(147,197,253,.45) !important;
  box-shadow: 0 12px 48px rgba(0,0,0,.2) !important;
}
.pg-pricing .pricing-card h3  { color: #f1f5f9 !important; }
.pg-pricing .pricing-card .price { color: #93c5fd !important; }
.pg-pricing .pricing-card p   { color: #bfdbfe !important; }
.pg-pricing .tier-label {
  background: rgba(147,197,253,.15) !important;
  color: #93c5fd !important;
  border-color: rgba(147,197,253,.3) !important;
}

/* FAQ */
.pg-pricing .faq-item {
  border-left: 3px solid transparent !important;
  padding-left: 1.1rem !important; padding-right: 1.1rem !important;
}
.pg-pricing .faq-item:hover,
.pg-pricing .faq-item.open { border-left-color: #2563eb !important; }
.pg-pricing .faq-item.open .faq-q { color: #1d4ed8 !important; }
.pg-pricing .faq-icon { color: #2563eb !important; border-color: rgba(37,99,235,.28) !important; background: rgba(37,99,235,.06) !important; }

/* ── Actual pricing.html sections ── */

/* Hero — dark navy-indigo */
.pg-pricing .pricing-hero {
  background: linear-gradient(145deg, #020b1a 0%, #071529 40%, #0c1e3d 70%, #061020 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --accent2: #3b82f6; --border: rgba(255,255,255,.08);
}
.pg-pricing .pricing-hero h1 { color: #f1f5f9 !important; }
.pg-pricing .pricing-hero p  { color: #cbd5e1 !important; }
.pg-pricing .pricing-hero .hero-eyebrow {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.13) !important;
  color: #93c5fd !important;
}
.pg-pricing .pricing-hero .ht { color: #94a3b8 !important; }
.pg-pricing .pricing-hero .ht i { color: #60a5fa !important; }

/* ── PACKAGES SECTION — light tinted background ── */
.pg-pricing .packages-section {
  background: linear-gradient(180deg, #f0f4ff 0%, #f8fafc 100%) !important;
}

/* Card base */
.pg-pricing .pkg-card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 4px 24px rgba(15,23,42,.08) !important;
  border-top: 4px solid #2563eb !important;
}
/* Trace & Evidence — green */
.pg-pricing .pkg-card.popular {
  background: linear-gradient(180deg, rgba(22,163,74,.06) 0%, #ffffff 30%) !important;
  border-top-color: #16a34a !important;
  box-shadow: 0 8px 40px rgba(22,163,74,.14) !important;
}
/* Full Recovery — gold */
.pg-pricing .pkg-card:not(.popular):not(.emergency):not(.enterprise) {
  background: linear-gradient(180deg, rgba(217,119,6,.06) 0%, #ffffff 30%) !important;
  border-top-color: #d97706 !important;
  box-shadow: 0 8px 40px rgba(217,119,6,.12) !important;
}
/* Emergency — red */
.pg-pricing .pkg-card.emergency {
  background: linear-gradient(180deg, rgba(220,38,38,.06) 0%, #ffffff 30%) !important;
  border-top-color: #dc2626 !important;
  box-shadow: 0 8px 40px rgba(220,38,38,.13) !important;
}
/* Enterprise — purple */
.pg-pricing .pkg-card.enterprise {
  background: linear-gradient(180deg, rgba(124,58,237,.05) 0%, #ffffff 25%) !important;
  border-top-color: #7c3aed !important;
  box-shadow: 0 8px 40px rgba(124,58,237,.12) !important;
}

/* Icon badges */
.pg-pricing .pkg-icon {
  width: 52px !important; height: 52px !important;
  border-radius: 14px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 1.45rem !important;
}
.pg-pricing .pkg-icon.green  { background: rgba(22,163,74,.12) !important;  color: #16a34a !important; border: 1px solid rgba(22,163,74,.28) !important; }
.pg-pricing .pkg-icon.gold   { background: rgba(217,119,6,.12) !important;  color: #d97706 !important; border: 1px solid rgba(217,119,6,.28) !important; }
.pg-pricing .pkg-icon.red    { background: rgba(220,38,38,.12) !important;  color: #dc2626 !important; border: 1px solid rgba(220,38,38,.28) !important; }
.pg-pricing .pkg-icon.purple { background: rgba(124,58,237,.1) !important;  color: #7c3aed !important; border: 1px solid rgba(124,58,237,.25) !important; }

/* Card text */
.pg-pricing .pkg-name    { color: #0f172a !important; font-weight: 700 !important; }
.pg-pricing .pkg-tagline { color: #374151 !important; line-height: 1.6 !important; }
.pg-pricing .pkg-from    { color: #6b7280 !important; font-size: .75rem !important; text-transform: uppercase !important; letter-spacing: .06em !important; }
.pg-pricing .pkg-amount  { color: #1d4ed8 !important; font-weight: 800 !important; }
.pg-pricing .pkg-amount span { color: #6b7280 !important; }
.pg-pricing .pkg-delivery { color: #374151 !important; font-size: .85rem !important; }
.pg-pricing .pkg-card.emergency .pkg-amount { color: #dc2626 !important; }
.pg-pricing .pkg-card.enterprise .pkg-amount { color: #6d28d9 !important; }

/* Feature list readability */
.pg-pricing .pkg-features li { color: #1e293b !important; font-size: .9rem !important; }
.pg-pricing .pkg-features .muted-feat { color: #94a3b8 !important; }

/* CTAs */
.pg-pricing .pkg-cta.primary {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important;
  color: #ffffff !important; border: none !important;
  font-weight: 600 !important;
}
.pg-pricing .pkg-cta.outline {
  border: 2px solid rgba(37,99,235,.4) !important; color: #1d4ed8 !important;
  font-weight: 600 !important;
}
.pg-pricing .pkg-cta.red-cta {
  background: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%) !important;
  color: #ffffff !important; border: none !important; font-weight: 600 !important;
}
.pg-pricing .pkg-cta.purple-cta {
  background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%) !important;
  color: #ffffff !important; border: none !important; font-weight: 600 !important;
}

/* Pricing note box */
.pg-pricing .pricing-note {
  background: #f0f4ff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  border-left: 4px solid #2563eb !important;
  border-radius: 10px !important;
}
.pg-pricing .pricing-note strong { color: #1e3a8a !important; }
.pg-pricing .pricing-note p, .pg-pricing .pricing-note { color: #334155 !important; }

/* ── COMPARE SECTION ── */
.pg-pricing .compare-section {
  background: linear-gradient(180deg, #f8fafc 0%, #f0f4ff 100%) !important;
}
.pg-pricing .compare-section h2 { color: #0f172a !important; font-weight: 700 !important; }
.pg-pricing .compare-section .section-label { color: #2563eb !important; }
.pg-pricing .compare-sub { color: #374151 !important; }
.pg-pricing .compare-wrap { border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 4px 32px rgba(15,23,42,.1) !important; }
.pg-pricing .compare { border-color: rgba(148,163,184,.18) !important; }

/* All header cells — dark gradient */
.pg-pricing .compare th {
  background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
  color: #f1f5f9 !important;
  font-weight: 700 !important;
  vertical-align: bottom !important;
  padding: 18px 14px !important;
}
/* Popular column TH — slightly brighter to highlight it; keep dark so white text reads */
.pg-pricing .compare th.popular-col {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #3b82f6 100%) !important;
  border-left: 3px solid #60a5fa !important;
  border-right: 3px solid #60a5fa !important;
  border-top: 3px solid #60a5fa !important;
}
/* Popular column TD — light blue tint (NOT the TH) */
.pg-pricing .compare td.popular-col {
  background: rgba(37,99,235,.05) !important;
  border-left: 3px solid rgba(96,165,250,.3) !important;
  border-right: 3px solid rgba(96,165,250,.3) !important;
}

/* Header inner elements — all must be light on dark */
.pg-pricing .compare .compare-th-name {
  display: block !important;
  color: #f1f5f9 !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  margin: 6px 0 4px !important;
}
.pg-pricing .compare .compare-th-badge {
  display: inline-block !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 20px !important;
  letter-spacing: .04em !important;
}
.pg-pricing .compare .badge-cyan  { background: rgba(34,211,238,.25) !important; color: #67e8f9 !important; }
.pg-pricing .compare .badge-red   { background: rgba(239,68,68,.25)  !important; color: #fca5a5 !important; }

/* Header prices — bright on dark background */
.pg-pricing .compare .compare-th-price { display: block !important; font-weight: 800 !important; font-size: 1.15rem !important; }
.pg-pricing .compare .price-cyan   { color: #67e8f9 !important; }
.pg-pricing .compare .price-gold   { color: #fbbf24 !important; }
.pg-pricing .compare .price-red    { color: #f87171 !important; }
.pg-pricing .compare .price-purple { color: #c084fc !important; }

/* Feature column */
.pg-pricing .compare th.compare-feature-col {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%) !important;
  color: #94a3b8 !important;
  font-size: .75rem !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 700 !important;
}

/* Table body */
.pg-pricing .compare td { color: #1e293b !important; padding: 12px 14px !important; font-size: .9rem !important; }
.pg-pricing .compare tr:nth-child(even) td { background: rgba(248,250,252,.6) !important; }
.pg-pricing .compare tr:nth-child(even) td.popular-col { background: rgba(37,99,235,.08) !important; }
.pg-pricing .compare tr:hover td { background: rgba(241,245,249,.8) !important; }
.pg-pricing .compare tr:hover td.popular-col { background: rgba(37,99,235,.1) !important; }

/* Section heading rows — matches style.css specificity (0,3,4) with `table`; loads later so wins */
.pg-pricing table.compare tbody tr.section-head td {
  background: linear-gradient(90deg, #1e3a8a 0%, #2563eb 100%) !important;
  color: #bfdbfe !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  font-size: .76rem !important;
  padding: 9px 14px !important;
  border-top: none !important;
  border-bottom: none !important;
}
.pg-pricing table.compare tbody tr.section-head:hover td {
  background: linear-gradient(90deg, #1e3a8a 0%, #2563eb 100%) !important;
}

/* Value cells */
.pg-pricing .compare .cyes   { color: #16a34a !important; font-weight: 700 !important; }
.pg-pricing .compare .cno    { color: #cbd5e1 !important; }
.pg-pricing .compare .cpart  { color: #d97706 !important; font-weight: 600 !important; }
.pg-pricing .compare .curgent { color: #dc2626 !important; font-weight: 700 !important; }

/* ── INCLUDED SECTION — colorful cards ── */
.pg-pricing .included-section { background: #ffffff !important; }
.pg-pricing .included-section h2 { color: #0f172a !important; font-weight: 700 !important; }
.pg-pricing .included-section .section-label { color: #2563eb !important; }

/* Base inc-card */
.pg-pricing .inc-card {
  background: #f8fafc !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  border-left: 4px solid #2563eb !important;
  box-shadow: 0 2px 12px rgba(15,23,42,.05) !important;
  transition: box-shadow .2s, transform .2s !important;
}
.pg-pricing .inc-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 32px rgba(15,23,42,.12) !important;
}
/* Per-card accent colors */
.pg-pricing .inc-card:nth-child(1) { border-left-color: #2563eb !important; }
.pg-pricing .inc-card:nth-child(2) { border-left-color: #7c3aed !important; }
.pg-pricing .inc-card:nth-child(3) { border-left-color: #16a34a !important; }
.pg-pricing .inc-card:nth-child(4) { border-left-color: #0891b2 !important; }
.pg-pricing .inc-card:nth-child(5) { border-left-color: #d97706 !important; }
.pg-pricing .inc-card:nth-child(6) { border-left-color: #dc2626 !important; }
/* Icon colors matching */
.pg-pricing .inc-card:nth-child(1) .inc-icon { color: #2563eb !important; }
.pg-pricing .inc-card:nth-child(2) .inc-icon { color: #7c3aed !important; }
.pg-pricing .inc-card:nth-child(3) .inc-icon { color: #16a34a !important; }
.pg-pricing .inc-card:nth-child(4) .inc-icon { color: #0891b2 !important; }
.pg-pricing .inc-card:nth-child(5) .inc-icon { color: #d97706 !important; }
.pg-pricing .inc-card:nth-child(6) .inc-icon { color: #dc2626 !important; }
.pg-pricing .inc-title { color: #0f172a !important; font-weight: 700 !important; }
.pg-pricing .inc-desc  { color: #374151 !important; line-height: 1.65 !important; }

/* ── FAQ ── */
.pg-pricing #faq { background: #f8fafc !important; }
.pg-pricing #faq .centered { text-align: center !important; }
.pg-pricing #faq h2 { color: #0f172a !important; font-weight: 700 !important; text-align: center !important; }
.pg-pricing #faq .section-label { color: #2563eb !important; justify-content: center !important; }
.pg-pricing #faq .section-sub { color: #475569 !important; text-align: center !important; }
/* Suppress the CSS ::after '+' — we use faq-icon div instead (matches all other pages) */
.pg-pricing .faq-q::after { display: none !important; content: none !important; }
/* faq-item identical to other pages */
.pg-pricing .faq-item { background: #ffffff !important; border-top: none !important; border-right: none !important; border-bottom: 1px solid rgba(148,163,184,.2) !important; border-left: 3px solid transparent !important; border-radius: 0 !important; overflow: visible !important; padding-left: 1.1rem !important; padding-right: 1.1rem !important; }
.pg-pricing .faq-item:hover,
.pg-pricing .faq-item.open { border-left-color: #2563eb !important; }
.pg-pricing .faq-q { padding: 22px 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; background: none !important; border: none !important; gap: 20px !important; }
.pg-pricing .faq-q h4 { color: #1e293b !important; font-size: 1rem !important; font-weight: 600 !important; }
.pg-pricing .faq-item.open .faq-q h4 { color: #1d4ed8 !important; }
.pg-pricing .faq-icon { width: 30px !important; height: 30px !important; border: 1px solid rgba(37,99,235,.28) !important; border-radius: 50% !important; display: grid !important; place-items: center !important; flex-shrink: 0 !important; color: #2563eb !important; background: rgba(37,99,235,.06) !important; font-size: 1rem !important; transition: border-color .2s, color .2s, transform .3s !important; }
.pg-pricing .faq-item.open .faq-icon { border-color: #2563eb !important; color: #2563eb !important; transform: rotate(45deg) !important; }
.pg-pricing .faq-a { max-height: 0 !important; overflow: hidden !important; transition: max-height .4s ease !important; padding: 0 !important; }
.pg-pricing .faq-item.open .faq-a { max-height: 400px !important; padding-bottom: 20px !important; }
.pg-pricing .faq-a p { color: #374151 !important; line-height: 1.7 !important; padding: 0 !important; }

/* ── PRICING CTA — dark indigo ── */
.pg-pricing .pricing-cta {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe; --accent: #93c5fd;
}
.pg-pricing .pricing-cta h2 { color: #f1f5f9 !important; font-weight: 700 !important; }
.pg-pricing .pricing-cta p  { color: #bfdbfe !important; font-size: 1.05rem !important; line-height: 1.7 !important; }
.pg-pricing .pricing-cta .section-label { color: #93c5fd !important; }
.pg-pricing .pricing-cta .btn-outline {
  border-color: rgba(255,255,255,.35) !important; color: #f1f5f9 !important;
}

/* Dividers */
.pg-pricing .divider { display: none !important; }

/* ── Contact page vivid overrides ── */

/* Hero — dark navy */
/* ── Hero: deep navy (kept intentionally dark for contrast) ── */
.pg-contact .page-hero {
  background: linear-gradient(145deg, #020b1a 0%, #071529 40%, #0c1e3d 70%, #061020 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --border: rgba(255,255,255,.08);
}
.pg-contact .page-hero h1 { color: #f1f5f9 !important; }
.pg-contact .page-hero p  { color: #93c5fd !important; }
.pg-contact .page-hero .section-label { color: #60a5fa !important; }
.pg-contact .page-hero .accent { color: #60a5fa !important; }

/* ── Stats bar: floating individual cards ── */
.pg-contact .contact-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  margin-top: 40px !important;
  justify-content: center !important;
}
.pg-contact .contact-stat {
  flex: 0 1 auto !important;
  min-width: 148px !important;
  padding: 18px 22px 16px !important;
  border-right: none !important;
  text-align: center !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}
.pg-contact .contact-stat:hover {
  transform: translateY(-4px) !important;
}

/* Top gloss layer */
.pg-contact .contact-stat::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.14) 0%, transparent 55%) !important;
  pointer-events: none !important;
  border-radius: 16px !important;
}

/* Per-stat vivid gradients + glow shadow */
.pg-contact .contact-stat:nth-child(1) {
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
  border: 1px solid rgba(248,113,113,.55) !important;
  box-shadow: 0 10px 36px rgba(220,38,38,.5) !important;
}
.pg-contact .contact-stat:nth-child(2) {
  background: linear-gradient(135deg, #2563eb 0%, #1e3a8a 100%) !important;
  border: 1px solid rgba(96,165,250,.55) !important;
  box-shadow: 0 10px 36px rgba(29,78,216,.5) !important;
}
.pg-contact .contact-stat:nth-child(3) {
  background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%) !important;
  border: 1px solid rgba(34,211,238,.5) !important;
  box-shadow: 0 10px 36px rgba(8,145,178,.5) !important;
}
.pg-contact .contact-stat:nth-child(4) {
  background: linear-gradient(135deg, #16a34a 0%, #166534 100%) !important;
  border: 1px solid rgba(52,211,153,.5) !important;
  box-shadow: 0 10px 36px rgba(22,163,74,.5) !important;
}
.pg-contact .contact-stat:nth-child(5) {
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
  border: 1px solid rgba(167,139,250,.55) !important;
  box-shadow: 0 10px 36px rgba(124,58,237,.5) !important;
}

/* Stat icon */
.pg-contact .contact-stat-icon {
  font-size: 1.45rem !important;
  color: rgba(255,255,255,.88) !important;
  line-height: 1 !important;
}

/* Stat value — pure white (override gradient text-fill from base CSS) */
.pg-contact .contact-stat-val {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
}
.pg-contact .contact-stat-label {
  color: rgba(255,255,255,.82) !important;
  font-size: .59rem !important;
  letter-spacing: .12em !important;
}

/* ── Emergency badge ── */
.pg-contact .emergency-badge {
  background: rgba(220,38,38,.08) !important;
  border: 1px solid rgba(220,38,38,.25) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
}
.pg-contact .emergency-badge .eb-text { color: #dc2626 !important; }
.pg-contact .emergency-badge .eb-text strong { color: #b91c1c !important; }

/* ── Info cards (left panel) ── */
.pg-contact .info-card {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  box-shadow: 0 4px 24px rgba(29,78,216,.07) !important;
  border-radius: 16px !important;
}
.pg-contact .info-card h3 {
  color: #0f172a !important;
  font-weight: 700 !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(37,99,235,.1) !important;
  margin-bottom: 16px !important;
}
.pg-contact .info-card .sub { color: #475569 !important; }

/* Contact detail rows */
.pg-contact .contact-detail {
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(148,163,184,.12) !important;
}
.pg-contact .contact-detail:last-child { border-bottom: none !important; }

/* Icons — keep the inline color from HTML, just fix bg opacity */
.pg-contact .contact-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  flex-shrink: 0 !important;
}
.pg-contact .contact-key { color: #64748b !important; font-size: .7rem !important; letter-spacing: .06em !important; text-transform: uppercase !important; font-family: var(--mono) !important; }
.pg-contact .contact-val { color: #1e293b !important; font-weight: 500 !important; }
.pg-contact .contact-val a { color: #2563eb !important; }

/* Trust list */
.pg-contact .trust-item {
  color: #374151 !important;
  font-size: .88rem !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid rgba(148,163,184,.1) !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.pg-contact .trust-item:last-child { border-bottom: none !important; }

/* ── Form card (right panel) ── */
.pg-contact .form-card {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  box-shadow: 0 6px 36px rgba(29,78,216,.1) !important;
  border-radius: 20px !important;
}
.pg-contact .form-card h2 {
  color: #0f172a !important;
  font-weight: 700 !important;
  padding-bottom: 14px !important;
  border-bottom: 2px solid rgba(37,99,235,.12) !important;
  margin-bottom: 4px !important;
}
.pg-contact .form-card .form-intro { color: #64748b !important; }

/* Form section labels — pill-style */
.pg-contact .form-section-title {
  font-family: var(--mono) !important;
  font-size: .62rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: #2563eb !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.pg-contact .form-section-title::before {
  content: '' !important;
  width: 4px !important;
  height: 14px !important;
  background: linear-gradient(180deg, #2563eb, #00d2ff) !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
  display: block !important;
}

/* Inputs & selects */
.pg-contact input,
.pg-contact textarea,
.pg-contact select {
  background: #f8faff !important;
  border: 1px solid rgba(148,163,184,.3) !important;
  border-radius: 10px !important;
  color: #0f172a !important;
  color-scheme: light !important;
}
.pg-contact input:focus,
.pg-contact textarea:focus,
.pg-contact select:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  background: #ffffff !important;
}
.pg-contact input::placeholder,
.pg-contact textarea::placeholder { color: #94a3b8 !important; }
/* color-scheme: light forces the native dropdown popup to use light OS colours */
.pg-contact select,
.pg-contact select option,
.pg-contact select optgroup {
  color-scheme: light !important;
  background-color: #ffffff !important;
  color: #0f172a !important;
}
.pg-contact select optgroup { color: #64748b !important; font-weight: 600 !important; }

/* Priority labels */
.pg-contact .priority-label {
  background: #f8faff !important;
  border: 1px solid rgba(148,163,184,.3) !important;
  border-radius: 12px !important;
}
.pg-contact .priority-opt input:checked + .priority-label {
  border-color: #2563eb !important;
  background: rgba(37,99,235,.06) !important;
  box-shadow: 0 0 0 2px rgba(37,99,235,.18) !important;
}
.pg-contact .priority-label .pl-text { color: #475569 !important; }
.pg-contact .priority-label .pl-text strong { color: #0f172a !important; }

/* Checkbox row */
.pg-contact .check-row { color: #475569 !important; }

/* Submit button */
.pg-contact .submit-btn {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 60%, #0891b2 100%) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  font-size: .78rem !important;
  letter-spacing: .08em !important;
}
.pg-contact .submit-btn:hover {
  box-shadow: 0 10px 36px rgba(37,99,235,.4) !important;
  transform: translateY(-2px) !important;
  opacity: 1 !important;
}

/* Form note */
.pg-contact .form-note { color: #64748b !important; }

/* Success state */
.pg-contact .form-success { background: #f8faff !important; }
.pg-contact .form-success h3 { color: #0f172a !important; }
.pg-contact .form-success p  { color: #475569 !important; }
.pg-contact .form-success .success-icon {
  background: rgba(5,150,105,.1) !important;
  border-color: rgba(5,150,105,.3) !important;
  color: #059669 !important;
}
.pg-contact .form-success .resp-time { color: #64748b !important; }

/* ── "What Happens Next" section ── */
.pg-contact .next-section {
  background: linear-gradient(180deg, #f8faff 0%, #eef3fe 100%) !important;
}
.pg-contact .next-section h2 { color: #0f172a !important; }
.pg-contact .next-sub { color: #475569 !important; }

.pg-contact .next-card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  box-shadow: 0 4px 24px rgba(15,23,42,.06) !important;
  border-radius: 18px !important;
}
.pg-contact .next-card:hover {
  box-shadow: 0 12px 40px rgba(37,99,235,.12) !important;
  border-color: rgba(37,99,235,.25) !important;
}
.pg-contact .next-num {
  color: #2563eb !important;
  font-weight: 700 !important;
  font-size: .7rem !important;
  letter-spacing: .1em !important;
}
.pg-contact .next-card h4 { color: #0f172a !important; }
.pg-contact .next-card p  { color: #64748b !important; }

/* Per-step icon overrides (beats inline style="" without !important) */
.pg-contact .next-card:nth-child(1) .next-card-icon {
  background: rgba(37,99,235,.1) !important;
  border-color: rgba(37,99,235,.22) !important;
}
.pg-contact .next-card:nth-child(1) .next-card-icon i { color: #2563eb !important; }
.pg-contact .next-card:nth-child(2) .next-card-icon {
  background: rgba(217,119,6,.1) !important;
  border-color: rgba(217,119,6,.22) !important;
}
.pg-contact .next-card:nth-child(2) .next-card-icon i { color: #d97706 !important; }
.pg-contact .next-card:nth-child(3) .next-card-icon {
  background: rgba(109,40,217,.1) !important;
  border-color: rgba(109,40,217,.22) !important;
}
.pg-contact .next-card:nth-child(3) .next-card-icon i { color: #7c3aed !important; }
.pg-contact .next-card:nth-child(4) .next-card-icon {
  background: rgba(5,150,105,.1) !important;
  border-color: rgba(5,150,105,.22) !important;
}
.pg-contact .next-card:nth-child(4) .next-card-icon i { color: #059669 !important; }

/* Next card links */
.pg-contact .next-card a { color: #2563eb !important; }

/* Dividers */
.pg-contact .divider { display: none !important; }

/* ── Contact page: mobile responsive breakpoints ── */

/* ── 960px: stack contact-main to single column (reinforce style.css) ── */
@media (max-width: 960px) {
  .pg-contact .contact-main {
    grid-template-columns: 1fr !important;
  }
  .pg-contact .info-panel { position: static !important; }
  .pg-contact .next-grid { grid-template-columns: 1fr 1fr !important; }
}

/* ── 768px: tablet ── */
@media (max-width: 768px) {
  /* Hero */
  .pg-contact .page-hero { padding: 80px 5% 44px !important; }
  .pg-contact .page-hero h1 { font-size: 2rem !important; line-height: 1.2 !important; }

  /* Stats — keep card design, shrink cards so 3–4 fit per row */
  .pg-contact .contact-stats { gap: 10px !important; margin-top: 28px !important; }
  .pg-contact .contact-stat {
    min-width: 130px !important;
    padding: 16px 14px 14px !important;
  }
  .pg-contact .contact-stat-val  { font-size: 1.3rem !important; }
  .pg-contact .contact-stat-label { font-size: .56rem !important; }

  /* Main layout */
  .pg-contact .contact-main { padding: 40px 5% 56px !important; gap: 24px !important; }
  .pg-contact .info-card    { padding: 22px 18px !important; }
  .pg-contact .form-card    { padding: 28px 20px !important; }

  /* Form rows — 2-col is ok on tablet, single at 640 handles it */
  .pg-contact .form-card h2 { font-size: 1.2rem !important; }

  /* Next steps */
  .pg-contact .next-section { padding: 48px 5% 56px !important; }
  .pg-contact .next-card    { padding: 22px 18px !important; }
}

/* ── 640px: large phone (reinforce style.css single-col form rows) ── */
@media (max-width: 640px) {
  .pg-contact .page-hero { padding: 70px 5% 36px !important; }
  .pg-contact .page-hero h1 { font-size: 1.8rem !important; }

  /* Stats — 2 per row */
  .pg-contact .contact-stats  { gap: 8px !important; }
  .pg-contact .contact-stat   { min-width: calc(50% - 4px) !important; padding: 16px 10px 14px !important; }
  .pg-contact .contact-stat:nth-child(5) { min-width: 100% !important; }

  /* Single-col form rows */
  .pg-contact .form-row,
  .pg-contact .form-row.three { grid-template-columns: 1fr !important; gap: 12px !important; }
  .pg-contact .priority-group { grid-template-columns: 1fr 1fr !important; }

  /* Form + info card padding */
  .pg-contact .form-card { padding: 24px 16px !important; }
  .pg-contact .info-card { padding: 20px 16px !important; }
  .pg-contact .contact-main { padding: 32px 4% 48px !important; }

  /* Next grid — stack */
  .pg-contact .next-grid { grid-template-columns: 1fr !important; gap: 14px !important; }
  .pg-contact .next-section { padding: 36px 5% 48px !important; }
}

/* ── 480px: small phone ── */
@media (max-width: 480px) {
  .pg-contact .page-hero { padding: 60px 4% 32px !important; }
  .pg-contact .page-hero h1 { font-size: 1.6rem !important; line-height: 1.25 !important; }
  .pg-contact .page-hero p  { font-size: .9rem !important; }

  /* Stats — still 2 per row, slightly smaller */
  .pg-contact .contact-stat { min-width: calc(50% - 4px) !important; padding: 14px 8px 12px !important; }
  .pg-contact .contact-stat-val   { font-size: 1.2rem !important; }
  .pg-contact .contact-stat-label { font-size: .53rem !important; }

  /* Contact main */
  .pg-contact .contact-main { padding: 24px 4% 44px !important; gap: 20px !important; }

  /* Info card */
  .pg-contact .info-card { padding: 18px 14px !important; }
  .pg-contact .contact-detail { gap: 10px !important; }
  /* Long email — prevent horizontal overflow */
  .pg-contact .contact-val,
  .pg-contact .contact-val a { word-break: break-all !important; font-size: .85rem !important; }

  /* Form card */
  .pg-contact .form-card  { padding: 20px 14px !important; }
  .pg-contact .form-card h2 { font-size: 1.1rem !important; }
  .pg-contact .form-card .form-intro { font-size: .85rem !important; }
  .pg-contact .form-section-title { font-size: .6rem !important; }

  /* Priority — side by side still ok */
  .pg-contact .priority-group { grid-template-columns: 1fr !important; gap: 10px !important; }
  .pg-contact .priority-label { padding: 12px 14px !important; }

  /* Inputs and textarea — larger tap targets */
  .pg-contact input,
  .pg-contact select,
  .pg-contact textarea {
    font-size: .9rem !important;
    padding: 10px 14px !important;
    min-height: 44px !important;
  }
  .pg-contact textarea { min-height: 120px !important; }

  /* Next steps */
  .pg-contact .next-section h2 { font-size: 1.25rem !important; }
  .pg-contact .next-card { padding: 18px 14px !important; }
  .pg-contact .next-section { padding: 28px 4% 44px !important; }
}

/* ── 360px: very small (iPhone SE, Galaxy fold) ── */
@media (max-width: 360px) {
  .pg-contact .page-hero h1 { font-size: 1.45rem !important; }
  .pg-contact .contact-main { padding: 20px 4% 36px !important; }

  /* Stats — stack to 1 column at very small */
  .pg-contact .contact-stat { min-width: 100% !important; }

  .pg-contact .form-card,
  .pg-contact .info-card { padding: 16px 12px !important; }

  .pg-contact input,
  .pg-contact select,
  .pg-contact textarea { font-size: .88rem !important; }
}

/* ═══════════════════════════════════════════════════════════════
   38. BLOG INDEX PAGE (.pg-blog)
═══════════════════════════════════════════════════════════════ */

/* Hero — white */
.pg-blog #hero { background: #ffffff !important; }

/* Blog grid — white */
.pg-blog .blog-grid-section,
.pg-blog .posts-section { background: #ffffff !important; }

/* Blog cards */
.pg-blog .blog-card {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.16) !important;
  box-shadow: 0 4px 24px rgba(29,78,216,.08) !important;
  border-top: 3px solid #2563eb !important;
}
.pg-blog .blog-card:hover {
  border-color: rgba(37,99,235,.35) !important;
  box-shadow: 0 12px 40px rgba(29,78,216,.15) !important;
  transform: translateY(-4px);
}
.pg-blog .blog-card h2, .pg-blog .blog-card h3 { color: #0f172a !important; }
.pg-blog .blog-card p  { color: #475569 !important; }
.pg-blog .blog-tag {
  background: rgba(37,99,235,.08) !important;
  color: #1d4ed8 !important;
  border-color: rgba(37,99,235,.18) !important;
}

/* Featured post — vivid dark indigo banner */
.pg-blog .featured-post, .pg-blog .hero-post {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe; --border: rgba(255,255,255,.1);
}
.pg-blog .featured-post h2, .pg-blog .hero-post h2 { color: #f1f5f9 !important; }
.pg-blog .featured-post p,  .pg-blog .hero-post p  { color: #bfdbfe !important; }

/* ═══════════════════════════════════════════════════════════════
   39. BLOG ARTICLE PAGES (.pg-blog-article)
═══════════════════════════════════════════════════════════════ */

/* Article body — white */
.pg-blog-article .article-body,
.pg-blog-article .article-section { background: #ffffff !important; }

/* Article hero — vivid dark indigo */
.pg-blog-article #hero {
  background: linear-gradient(145deg, #1e1b4b 0%, #1e3a8a 55%, #1d4ed8 100%) !important;
  --white: #f1f5f9; --text: #e2e8f0; --muted: #bfdbfe; --border: rgba(255,255,255,.1);
}
.pg-blog-article #hero h1, .pg-blog-article #hero .hero-title { color: #f1f5f9 !important; }
.pg-blog-article #hero .hero-sub, .pg-blog-article #hero p { color: #bfdbfe !important; }
.pg-blog-article #hero .blog-tag, .pg-blog-article #hero .article-tag {
  background: rgba(255,255,255,.12) !important;
  color: #f1f5f9 !important;
  border-color: rgba(255,255,255,.2) !important;
}
.pg-blog-article #hero .article-meta, .pg-blog-article #hero .meta { color: #94a3b8 !important; }

/* Sidebar cards */
.pg-blog-article .article-sidebar-card,
.pg-blog-article .toc-box {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.18) !important;
  box-shadow: 0 4px 20px rgba(29,78,216,.08) !important;
  border-top: 3px solid #2563eb !important;
}

/* Related posts — lavender */
.pg-blog-article .related-posts,
.pg-blog-article #related {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-blog-article .related-card {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.14) !important;
  box-shadow: 0 2px 14px rgba(124,58,237,.07) !important;
}
.pg-blog-article .related-card:hover {
  border-color: rgba(124,58,237,.3) !important;
  box-shadow: 0 8px 32px rgba(124,58,237,.12) !important;
}

/* ═══════════════════════════════════════════════════════════════
   40. ALL SERVICE PAGES — #faq, #related-services, #pricing-callout
   (blockchain / exchange / forensic / legal / scam / emergency)
═══════════════════════════════════════════════════════════════ */

/* FAQ — light gray bg for visual separation */
.pg-blockchain-tracing #faq,
.pg-exchange-intelligence #faq,
.pg-forensic-reports #faq,
.pg-legal-support #faq,
.pg-scam-investigations #faq,
.pg-emergency-response #faq { background: #f8fafc !important; }

/* faq-item border + icon (text already handled by §2B) */
.pg-blockchain-tracing .faq-item,
.pg-exchange-intelligence .faq-item,
.pg-forensic-reports .faq-item,
.pg-legal-support .faq-item,
.pg-scam-investigations .faq-item,
.pg-emergency-response .faq-item { border-bottom-color: rgba(148,163,184,.2) !important; }

.pg-blockchain-tracing .faq-icon,
.pg-exchange-intelligence .faq-icon,
.pg-forensic-reports .faq-icon,
.pg-legal-support .faq-icon,
.pg-scam-investigations .faq-icon,
.pg-emergency-response .faq-icon {
  border-color: rgba(148,163,184,.35) !important;
  color: #64748b !important;
}
.pg-blockchain-tracing .faq-item.open .faq-icon,
.pg-exchange-intelligence .faq-item.open .faq-icon,
.pg-forensic-reports .faq-item.open .faq-icon,
.pg-legal-support .faq-item.open .faq-icon,
.pg-scam-investigations .faq-item.open .faq-icon,
.pg-emergency-response .faq-item.open .faq-icon {
  border-color: #2563eb !important;
  color: #2563eb !important;
}

/* Related services — slate bg for visual separation */
.pg-blockchain-tracing #related-services,
.pg-exchange-intelligence #related-services,
.pg-forensic-reports #related-services,
.pg-legal-support #related-services,
.pg-scam-investigations #related-services { background: #f1f5f9 !important; }

/* Fix hardcoded rgba(0,210,255,.07) icon bg — barely visible on white */
.pg-blockchain-tracing .related-icon,
.pg-exchange-intelligence .related-icon,
.pg-forensic-reports .related-icon,
.pg-legal-support .related-icon,
.pg-scam-investigations .related-icon {
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.18) !important;
}

/* Pricing callout — §28N handles dark navy globally; no light override needed here */

/* ═══════════════════════════════════════════════════════════════
   41. BLOCKCHAIN-TRACING — #use-cases + #case-examples
═══════════════════════════════════════════════════════════════ */
.pg-blockchain-tracing #use-cases { background: #ffffff !important; }
.pg-blockchain-tracing #use-cases h2            { color: #0f172a !important; }
.pg-blockchain-tracing #use-cases .section-label{ color: #2563eb !important; }
.pg-blockchain-tracing #use-cases .section-sub  { color: #475569 !important; }

.pg-blockchain-tracing .use-case-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
}
.pg-blockchain-tracing .use-case-card:hover { border-color: rgba(37,99,235,.3) !important; }

/* Fix hardcoded rgba(0,210,255,.07) uc-icon */
.pg-blockchain-tracing .uc-icon {
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.18) !important;
  color: #2563eb !important;
}
.pg-blockchain-tracing .uc-tag {
  background: rgba(37,99,235,.08) !important;
  color: #2563eb !important;
  border-color: rgba(37,99,235,.18) !important;
}
.pg-blockchain-tracing .uc-title   { color: #0f172a !important; font-weight: 700 !important; }
.pg-blockchain-tracing .uc-desc    { color: #475569 !important; }
.pg-blockchain-tracing .uc-outcome { color: #374151 !important; }
/* .ci now handled globally in §global above */

/* Per-card left-border accent */
.pg-blockchain-tracing .use-case-card:nth-child(1) { border-left: 3px solid #2563eb !important; }
.pg-blockchain-tracing .use-case-card:nth-child(2) { border-left: 3px solid #059669 !important; }
.pg-blockchain-tracing .use-case-card:nth-child(3) { border-left: 3px solid #7c3aed !important; }
.pg-blockchain-tracing .use-case-card:nth-child(4) { border-left: 3px solid #0891b2 !important; }

.pg-blockchain-tracing #case-examples { background: #f8fafc !important; }
.pg-blockchain-tracing #case-examples h2             { color: #0f172a !important; }
.pg-blockchain-tracing #case-examples h2 .accent     { color: #2563eb !important; }
.pg-blockchain-tracing #case-examples .section-label { color: #2563eb !important; }
.pg-blockchain-tracing #case-examples .section-sub   { color: #475569 !important; }

.pg-blockchain-tracing .case-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
}
.pg-blockchain-tracing .case-card-head {
  background: #eff6ff !important;
  border-bottom-color: rgba(37,99,235,.15) !important;
}
.pg-blockchain-tracing .case-type    { color: #2563eb !important; font-weight: 600 !important; }
.pg-blockchain-tracing .case-amount  { color: #0f172a !important; font-weight: 800 !important; }
.pg-blockchain-tracing .case-title   { color: #0f172a !important; font-weight: 700 !important; }
.pg-blockchain-tracing .case-desc    { color: #374151 !important; }
.pg-blockchain-tracing .case-finding { color: #374151 !important; }
.pg-blockchain-tracing .cf-ok   { color: #059669 !important; font-weight: 600 !important; }
.pg-blockchain-tracing .cf-warn { color: #b45309 !important; font-weight: 600 !important; }
.pg-blockchain-tracing .case-pill {
  background: rgba(37,99,235,.07) !important;
  color: #2563eb !important;
  border-color: rgba(37,99,235,.2) !important;
}

/* ═══════════════════════════════════════════════════════════════
   42. EXCHANGE-INTELLIGENCE — #use-cases + case card overrides
═══════════════════════════════════════════════════════════════ */
.pg-exchange-intelligence #use-cases { background: #ffffff !important; }
.pg-exchange-intelligence #use-cases h2            { color: #0f172a !important; }
.pg-exchange-intelligence #use-cases .section-label{ color: #0891b2 !important; }
.pg-exchange-intelligence #use-cases .section-sub  { color: #475569 !important; }

.pg-exchange-intelligence .use-case-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
}
.pg-exchange-intelligence .use-case-card:hover { border-color: rgba(8,145,178,.3) !important; }
.pg-exchange-intelligence .uc-icon {
  background: rgba(8,145,178,.08) !important;
  border-color: rgba(8,145,178,.2) !important;
  color: #0891b2 !important;
}
.pg-exchange-intelligence .uc-tag {
  background: rgba(8,145,178,.08) !important;
  color: #0891b2 !important;
  border-color: rgba(8,145,178,.2) !important;
}
.pg-exchange-intelligence .uc-title   { color: #0f172a !important; font-weight: 700 !important; }
.pg-exchange-intelligence .uc-desc    { color: #475569 !important; }
.pg-exchange-intelligence .uc-outcome { color: #374151 !important; }
/* .ci i now handled globally */

.pg-exchange-intelligence .use-case-card:nth-child(1) { border-left: 3px solid #0891b2 !important; }
.pg-exchange-intelligence .use-case-card:nth-child(2) { border-left: 3px solid #2563eb !important; }
.pg-exchange-intelligence .use-case-card:nth-child(3) { border-left: 3px solid #059669 !important; }
.pg-exchange-intelligence .use-case-card:nth-child(4) { border-left: 3px solid #7c3aed !important; }

/* Case card overrides (exchange #case-examples already has bg in §33) */
.pg-exchange-intelligence .case-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
}
.pg-exchange-intelligence .case-card-head {
  background: #ecfeff !important;
  border-bottom-color: rgba(8,145,178,.2) !important;
}
.pg-exchange-intelligence .case-type    { color: #0891b2 !important; font-weight: 600 !important; }
.pg-exchange-intelligence .case-amount  { color: #0f172a !important; font-weight: 800 !important; }
.pg-exchange-intelligence .case-title   { color: #0f172a !important; font-weight: 700 !important; }
.pg-exchange-intelligence .case-desc    { color: #374151 !important; }
.pg-exchange-intelligence .case-finding { color: #374151 !important; }
.pg-exchange-intelligence .cf-ok   { color: #059669 !important; font-weight: 600 !important; }
.pg-exchange-intelligence .cf-warn { color: #b45309 !important; }
.pg-exchange-intelligence .case-pill {
  background: rgba(8,145,178,.07) !important;
  color: #0891b2 !important;
  border-color: rgba(8,145,178,.2) !important;
}

/* ═══════════════════════════════════════════════════════════════
   43. FORENSIC-REPORTS — hardcoded color fixes + #use-cases + #case-examples
═══════════════════════════════════════════════════════════════ */

/* Fix rgba(0,210,255,.04) and rgba(0,255,179,.04) in #report-types (§34 styled bg/text) */
.pg-forensic-reports .rtype-ideal {
  background: rgba(37,99,235,.04) !important;
  border-color: rgba(37,99,235,.15) !important;
}
.pg-forensic-reports .rtype-ideal-label { color: #2563eb !important; }
.pg-forensic-reports .rtype-ideal-text  { color: #374151 !important; }
.pg-forensic-reports .rtype-eta {
  background: rgba(5,150,105,.06) !important;
  border-color: rgba(5,150,105,.2) !important;
}
.pg-forensic-reports .rtype-eta-label { color: #059669 !important; }
.pg-forensic-reports .rtype-eta-val   { color: #0f172a !important; font-weight: 700 !important; }
.pg-forensic-reports .ri              { color: #374151 !important; }
.pg-forensic-reports .ri::before      { color: #d97706 !important; }

.pg-forensic-reports #use-cases { background: #ffffff !important; }
.pg-forensic-reports #use-cases h2            { color: #0f172a !important; }
.pg-forensic-reports #use-cases .section-label{ color: #d97706 !important; }
.pg-forensic-reports #use-cases .section-sub  { color: #475569 !important; }

.pg-forensic-reports .use-case-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
}
.pg-forensic-reports .use-case-card:hover { border-color: rgba(217,119,6,.3) !important; }
.pg-forensic-reports .uc-icon {
  background: rgba(217,119,6,.08) !important;
  border-color: rgba(217,119,6,.2) !important;
  color: #b45309 !important;
}
.pg-forensic-reports .uc-tag {
  background: rgba(217,119,6,.08) !important;
  color: #b45309 !important;
  border-color: rgba(217,119,6,.2) !important;
}
.pg-forensic-reports .uc-title   { color: #0f172a !important; font-weight: 700 !important; }
.pg-forensic-reports .uc-desc    { color: #475569 !important; }
.pg-forensic-reports .uc-outcome { color: #374151 !important; }
/* .ci i now handled globally */

.pg-forensic-reports .use-case-card:nth-child(1) { border-left: 3px solid #d97706 !important; }
.pg-forensic-reports .use-case-card:nth-child(2) { border-left: 3px solid #2563eb !important; }
.pg-forensic-reports .use-case-card:nth-child(3) { border-left: 3px solid #7c3aed !important; }
.pg-forensic-reports .use-case-card:nth-child(4) { border-left: 3px solid #059669 !important; }

/* Case examples — emergency dark: evidence that produced results */
.pg-forensic-reports #case-examples {
  background: #f1f5f9 !important;
}
.pg-forensic-reports #case-examples h2 { color: #0f172a !important; }
.pg-forensic-reports #case-examples h2 .accent { color: #dc2626 !important; }
.pg-forensic-reports #case-examples .section-label {
  display: inline-block !important;
  background: rgba(220,38,38,.08) !important;
  color: #dc2626 !important;
  padding: 4px 14px !important;
  border-radius: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}
.pg-forensic-reports #case-examples .section-sub { color: #475569 !important; }

/* ── Case cards — pop design ── */
.pg-forensic-reports .ccase {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  border-left: 5px solid #2563eb !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.08) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.pg-forensic-reports .ccase:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.14) !important;
}

/* Per-card accent colors via nth-child */
/* Card 1 — Court UK */
.pg-forensic-reports .cases-grid .ccase:nth-child(1) { border-left-color: #1d4ed8 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(1) .ccase-type { color: #1d4ed8 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(1) .ccase-head { background: rgba(29,78,216,.05) !important; border-bottom-color: rgba(29,78,216,.12) !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(1) .ccase-amount { color: #1d4ed8 !important; }
/* Card 2 — LE / Europol */
.pg-forensic-reports .cases-grid .ccase:nth-child(2) { border-left-color: #7c3aed !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(2) .ccase-type { color: #7c3aed !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(2) .ccase-head { background: rgba(124,58,237,.05) !important; border-bottom-color: rgba(124,58,237,.12) !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(2) .ccase-amount { color: #7c3aed !important; }
/* Card 3 — Exchange Freeze */
.pg-forensic-reports .cases-grid .ccase:nth-child(3) { border-left-color: #059669 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(3) .ccase-type { color: #059669 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(3) .ccase-head { background: rgba(5,150,105,.05) !important; border-bottom-color: rgba(5,150,105,.12) !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(3) .ccase-amount { color: #059669 !important; }
/* Card 4 — Court AU */
.pg-forensic-reports .cases-grid .ccase:nth-child(4) { border-left-color: #0891b2 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(4) .ccase-type { color: #0891b2 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(4) .ccase-head { background: rgba(8,145,178,.05) !important; border-bottom-color: rgba(8,145,178,.12) !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(4) .ccase-amount { color: #0891b2 !important; }
/* Card 5 — AML */
.pg-forensic-reports .cases-grid .ccase:nth-child(5) { border-left-color: #d97706 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(5) .ccase-type { color: #b45309 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(5) .ccase-head { background: rgba(217,119,6,.05) !important; border-bottom-color: rgba(217,119,6,.12) !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(5) .ccase-amount { color: #d97706 !important; }
/* Card 6 — Emergency */
.pg-forensic-reports .cases-grid .ccase:nth-child(6) { border-left-color: #dc2626 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(6) .ccase-type { color: #dc2626 !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(6) .ccase-head { background: rgba(220,38,38,.05) !important; border-bottom-color: rgba(220,38,38,.12) !important; }
.pg-forensic-reports .cases-grid .ccase:nth-child(6) .ccase-amount { color: #dc2626 !important; }

/* Card structure */
.pg-forensic-reports .ccase-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(148,163,184,.15) !important;
}
.pg-forensic-reports .ccase-type {
  font-size: .8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}
.pg-forensic-reports .ccase-amount {
  font-size: 1.35rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}
.pg-forensic-reports .ccase-body { padding: 18px 18px 14px !important; flex: 1 !important; }
.pg-forensic-reports .ccase-title {
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
}
.pg-forensic-reports .ccase-desc {
  color: #64748b !important;
  font-size: .88rem !important;
  line-height: 1.55 !important;
  margin-bottom: 14px !important;
}
.pg-forensic-reports .ccase-findings { display: flex !important; flex-direction: column !important; gap: 5px !important; }
.pg-forensic-reports .ccase-findings .ccf {
  color: #374151 !important;
  font-size: .83rem !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 6px !important;
}
.pg-forensic-reports .ccf-ok {
  color: #059669 !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
}
.pg-forensic-reports .ccf-warn {
  color: #d97706 !important;
  font-weight: 800 !important;
  flex-shrink: 0 !important;
}
.pg-forensic-reports .ccase-footer {
  padding: 12px 18px !important;
  border-top: 1px solid rgba(148,163,184,.12) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  background: #fafafa !important;
}
.pg-forensic-reports .cpill {
  font-size: .75rem !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(148,163,184,.25) !important;
  background: #ffffff !important;
  color: #475569 !important;
}

.pg-forensic-reports .case-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.22) !important;
}
.pg-forensic-reports .case-card-head {
  background: #fffbeb !important;
  border-bottom-color: rgba(217,119,6,.2) !important;
}
.pg-forensic-reports .case-type    { color: #b45309 !important; font-weight: 600 !important; }
.pg-forensic-reports .case-amount  { color: #0f172a !important; font-weight: 800 !important; }
.pg-forensic-reports .case-title   { color: #0f172a !important; font-weight: 700 !important; }
.pg-forensic-reports .case-desc    { color: #374151 !important; }
.pg-forensic-reports .case-finding { color: #374151 !important; }
.pg-forensic-reports .cf-ok   { color: #059669 !important; font-weight: 600 !important; }
.pg-forensic-reports .cf-warn { color: #b45309 !important; }
.pg-forensic-reports .case-pill {
  background: rgba(217,119,6,.07) !important;
  color: #b45309 !important;
  border-color: rgba(217,119,6,.2) !important;
}

/* ═══════════════════════════════════════════════════════════════
   44. LEGAL-SUPPORT — #stats-banner
═══════════════════════════════════════════════════════════════ */
.pg-legal-support #stats-banner {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%) !important;
}
.pg-legal-support #stats-banner h2             { color: #1e1b4b !important; }
.pg-legal-support #stats-banner .section-label { color: #7c3aed !important; }
.pg-legal-support #stats-banner .section-sub   { color: #475569 !important; }
.pg-legal-support .stat-big-box {
  background: #ffffff !important;
  border-color: rgba(124,58,237,.2) !important;
}
.pg-legal-support .stat-big-box:hover { border-color: rgba(124,58,237,.4) !important; }
.pg-legal-support .sbb-num   { color: #1e1b4b !important; font-weight: 800 !important; }
.pg-legal-support .sbb-label { color: #374151 !important; }
.pg-legal-support .sbb-sub   { color: #7c3aed !important; }

/* ═══════════════════════════════════════════════════════════════
   45. SCAM-INVESTIGATIONS — #deliverables
═══════════════════════════════════════════════════════════════ */
.pg-scam-investigations #deliverables { background: #ffffff !important; }
.pg-scam-investigations #deliverables h2             { color: #0f172a !important; }
.pg-scam-investigations #deliverables .section-label { color: #dc2626 !important; }
.pg-scam-investigations #deliverables .section-sub   { color: #475569 !important; }

/* ── scam-investigations #cta — generic dark navy bg set by §28, but no explicit h2 color ── */
.pg-scam-investigations #cta h2 { color: #f1f5f9 !important; }
.pg-scam-investigations #cta h2 .accent { color: #7dd3fc !important; }
.pg-scam-investigations #cta .section-label { color: #f87171 !important; }
.pg-scam-investigations #cta p { color: #94a3b8 !important; }
.pg-scam-investigations #cta .cta-badge { color: #cbd5e1 !important; }
.pg-scam-investigations #cta .btn-secondary {
  border-color: rgba(255,255,255,.3) !important;
  color: #f1f5f9 !important;
}

/* Fix hardcoded rgba(0,210,255,.07) di-icon bg on white */
.pg-scam-investigations .di-icon {
  background: rgba(220,38,38,.08) !important;
  border-color: rgba(220,38,38,.2) !important;
  color: #dc2626 !important;
}
.pg-scam-investigations .di-icon i { color: #dc2626 !important; }
.pg-scam-investigations .di-title  { color: #0f172a !important; font-weight: 700 !important; }
.pg-scam-investigations .di-desc   { color: #374151 !important; }

/* ═══════════════════════════════════════════════════════════════
   46. LEGAL PAGES — disclaimer / nda-request / privacy-policy / terms
       All four share .pg-disclaimer scope (others now dual-classed)
═══════════════════════════════════════════════════════════════ */

/* Hero — light blue-gray gradient for visual separation from white body */
.pg-disclaimer .legal-hero {
  background: linear-gradient(145deg, #f8fafc 0%, #eff6ff 55%, #e0e7ff 100%) !important;
  border-bottom: 1px solid rgba(37,99,235,.1) !important;
}
.pg-disclaimer .legal-eyebrow { color: #2563eb !important; }
.pg-disclaimer .legal-eyebrow::before { color: #94a3b8 !important; }
.pg-disclaimer .legal-hero h1 { color: #0f172a !important; }
.pg-disclaimer .legal-hero p  { color: #374151 !important; }
.pg-disclaimer .legal-meta-item { color: #64748b !important; }
.pg-disclaimer .legal-meta-item i { color: #2563eb !important; }

/* Legal nav strip — light bg with blue accent on active */
.pg-disclaimer .legal-nav-strip {
  background: #ffffff !important;
  border-top-color: rgba(37,99,235,.12) !important;
  border-bottom-color: rgba(37,99,235,.12) !important;
  box-shadow: 0 2px 12px rgba(29,78,216,.06) !important;
}
.pg-disclaimer .legal-nav-strip p { color: #64748b !important; }
.pg-disclaimer .legal-links a {
  color: #475569 !important;
  background: #f8fafc !important;
  border-color: rgba(148,163,184,.3) !important;
  font-size: .72rem !important;
}
.pg-disclaimer .legal-links a:hover {
  color: #2563eb !important;
  border-color: rgba(37,99,235,.35) !important;
  background: rgba(37,99,235,.05) !important;
}
.pg-disclaimer .legal-links a.current-page {
  background: #2563eb !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}

/* TOC sidebar */
.pg-disclaimer .legal-toc {
  background: #f8fafc !important;
  border-color: rgba(37,99,235,.12) !important;
}
.pg-disclaimer .legal-toc-header { color: #0f172a !important; font-weight: 700 !important; }
.pg-disclaimer .legal-toc ul li a { color: #64748b !important; }
.pg-disclaimer .legal-toc ul li a:hover { color: #2563eb !important; }
.pg-disclaimer .legal-toc ul li a.active {
  color: #2563eb !important;
  border-left-color: #2563eb !important;
  font-weight: 600 !important;
}

/* Section content */
.pg-disclaimer .legal-section { border-bottom-color: rgba(148,163,184,.15) !important; }
.pg-disclaimer .legal-section h2 { color: #0f172a !important; font-weight: 700 !important; }
.pg-disclaimer .legal-section h2 i { color: #2563eb !important; }
.pg-disclaimer .legal-section h3 { color: #1e293b !important; font-weight: 600 !important; }
.pg-disclaimer .legal-section p { color: #374151 !important; }
.pg-disclaimer .legal-section ul li { color: #374151 !important; }
.pg-disclaimer .legal-section ul li::before { color: #2563eb !important; }
.pg-disclaimer .legal-section a { color: #2563eb !important; }

/* Callout boxes — legal-highlight (info) */
.pg-disclaimer .legal-highlight {
  background: rgba(37,99,235,.06) !important;
  border: 1px solid rgba(37,99,235,.2) !important;
  border-left: 3px solid #2563eb !important;
  border-radius: 8px !important;
}
.pg-disclaimer .legal-highlight strong { color: #1e40af !important; }
.pg-disclaimer .legal-highlight p, .pg-disclaimer .legal-highlight { color: #1e293b !important; }

/* Callout boxes — legal-warn (caution) */
.pg-disclaimer .legal-warn {
  background: rgba(217,119,6,.07) !important;
  border: 1px solid rgba(217,119,6,.28) !important;
  border-left: 3px solid #d97706 !important;
  border-radius: 8px !important;
}
.pg-disclaimer .legal-warn strong { color: #92400e !important; }
.pg-disclaimer .legal-warn p, .pg-disclaimer .legal-warn { color: #374151 !important; }
.pg-disclaimer .legal-warn a { color: #2563eb !important; }

/* Contact cards inside legal content */
.pg-disclaimer .contact-card {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.15) !important;
  box-shadow: 0 4px 16px rgba(29,78,216,.07) !important;
}
.pg-disclaimer .contact-card h4 { color: #0f172a !important; font-weight: 700 !important; }
.pg-disclaimer .contact-card p  { color: #374151 !important; }
.pg-disclaimer .contact-card a  { color: #2563eb !important; }
/* Fix hardcoded rgba(255,255,255,.07) divider inside contact-card on privacy page */
.pg-disclaimer .contact-card hr {
  border-color: rgba(148,163,184,.2) !important;
}

/* NDA request form */
.pg-disclaimer .nda-form {
  background: #f8fafc !important;
  border: 1px solid rgba(37,99,235,.15) !important;
  box-shadow: 0 6px 28px rgba(29,78,216,.09) !important;
}
.pg-disclaimer .nda-form h3 { color: #0f172a !important; font-weight: 700 !important; }
.pg-disclaimer .form-group label { color: #64748b !important; font-weight: 500 !important; }
.pg-disclaimer .form-group input,
.pg-disclaimer .form-group select,
.pg-disclaimer .form-group textarea {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.35) !important;
  color: #0f172a !important;
}
.pg-disclaimer .form-group input:focus,
.pg-disclaimer .form-group select:focus,
.pg-disclaimer .form-group textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}
.pg-disclaimer .form-group input::placeholder,
.pg-disclaimer .form-group textarea::placeholder { color: #94a3b8 !important; }
.pg-disclaimer .form-group select option { background: #ffffff !important; color: #0f172a !important; }

/* Submit button — fix black text on blue gradient */
.pg-disclaimer .form-submit {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
.pg-disclaimer .form-submit:hover {
  box-shadow: 0 6px 24px rgba(37,99,235,.35) !important;
  opacity: 1 !important;
  transform: translateY(-2px) !important;
}

/* NDA alert messages — fix neon colors on light bg */
.pg-disclaimer #nda-alert[style*="rgb(0, 255, 179)"],
.pg-disclaimer #nda-alert[style*="#00ffb3"] { color: #059669 !important; }

/* Legal body bg — pure white */
.pg-disclaimer { background: #ffffff !important; }

/* ═══════════════════════════════════════════════════════════════
   §47 — EMERGENCY-RESPONSE: terminal text + tl-num overflow
═══════════════════════════════════════════════════════════════ */

/* Terminal always has dark bg #050810 — CSS vars resolve wrong in light theme */
.pg-emergency-response .emergency-terminal .t-white  { color: #e2e8f0 !important; }
.pg-emergency-response .emergency-terminal .t-dim    { color: #64748b !important; }
.pg-emergency-response .emergency-terminal .t-blue   { color: #60a5fa !important; }
.pg-emergency-response .emergency-terminal .t-red    { color: #f87171 !important; }
.pg-emergency-response .emergency-terminal .t-green  { color: #34d399 !important; }
.pg-emergency-response .emergency-terminal .t-yellow { color: #fbbf24 !important; }
.pg-emergency-response .term-title { color: #475569 !important; }

/* ═══════════════════════════════════════════════════════════════
   §48 — LEGAL-SUPPORT: service cards, globe card, freeze section,
          attorney features, LE cards, action cards
═══════════════════════════════════════════════════════════════ */

/* — SERVICE CARDS — */
/* ── Service cards base ── */
.pg-legal-support .srv-card {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.1) !important;
  box-shadow: 0 2px 16px rgba(0,0,0,.06) !important;
  transition: transform .25s, box-shadow .25s, border-color .25s !important;
}
.pg-legal-support .srv-card h3 { color: #0f172a !important; font-size: 1.05rem !important; }
.pg-legal-support .srv-card p  { color: #475569 !important; }
.pg-legal-support .srv-num     { font-weight: 600 !important; }
.pg-legal-support .srv-card-bottom { border-color: rgba(0,0,0,.06) !important; }
.pg-legal-support .sli         { color: #374151 !important; }

/* ── Card 1 — Purple / Attorney Referral ── */
.pg-legal-support .services-cards .srv-card:nth-child(1) {
  border-top: 4px solid #8b5cf6 !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(1) .srv-card-top {
  background: linear-gradient(180deg, rgba(139,92,246,.06) 0%, rgba(255,255,255,0) 100%) !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(1) .srv-num    { color: #8b5cf6 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(1) .srv-icon-wrap { background: rgba(139,92,246,.1) !important; border-color: rgba(139,92,246,.3) !important; color: #7c3aed !important; }
.pg-legal-support .services-cards .srv-card:nth-child(1) .srv-tag    { color: #7c3aed !important; background: rgba(139,92,246,.08) !important; border-color: rgba(139,92,246,.25) !important; }
.pg-legal-support .services-cards .srv-card:nth-child(1) .sli::before { color: #8b5cf6 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(1) .srv-action { color: #7c3aed !important; }
.pg-legal-support .services-cards .srv-card:nth-child(1):hover { border-color: rgba(139,92,246,.4) !important; box-shadow: 0 8px 32px rgba(139,92,246,.18) !important; transform: translateY(-5px) !important; }

/* ── Card 2 — Blue / Exchange Freeze ── */
.pg-legal-support .services-cards .srv-card:nth-child(2) {
  border-top: 4px solid #2563eb !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(2) .srv-card-top {
  background: linear-gradient(180deg, rgba(37,99,235,.06) 0%, rgba(255,255,255,0) 100%) !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(2) .srv-num    { color: #2563eb !important; }
.pg-legal-support .services-cards .srv-card:nth-child(2) .srv-icon-wrap { background: rgba(37,99,235,.1) !important; border-color: rgba(37,99,235,.3) !important; color: #2563eb !important; }
.pg-legal-support .services-cards .srv-card:nth-child(2) .srv-tag    { color: #1d4ed8 !important; background: rgba(37,99,235,.08) !important; border-color: rgba(37,99,235,.25) !important; }
.pg-legal-support .services-cards .srv-card:nth-child(2) .sli::before { color: #2563eb !important; }
.pg-legal-support .services-cards .srv-card:nth-child(2) .srv-action { color: #2563eb !important; }
.pg-legal-support .services-cards .srv-card:nth-child(2):hover { border-color: rgba(37,99,235,.4) !important; box-shadow: 0 8px 32px rgba(37,99,235,.18) !important; transform: translateY(-5px) !important; }

/* ── Card 3 — Teal / Law Enforcement ── */
.pg-legal-support .services-cards .srv-card:nth-child(3) {
  border-top: 4px solid #0891b2 !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(3) .srv-card-top {
  background: linear-gradient(180deg, rgba(8,145,178,.06) 0%, rgba(255,255,255,0) 100%) !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(3) .srv-num    { color: #0891b2 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(3) .srv-icon-wrap { background: rgba(8,145,178,.1) !important; border-color: rgba(8,145,178,.3) !important; color: #0891b2 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(3) .srv-tag    { color: #0369a1 !important; background: rgba(8,145,178,.08) !important; border-color: rgba(8,145,178,.25) !important; }
.pg-legal-support .services-cards .srv-card:nth-child(3) .sli::before { color: #0891b2 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(3) .srv-action { color: #0891b2 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(3):hover { border-color: rgba(8,145,178,.4) !important; box-shadow: 0 8px 32px rgba(8,145,178,.18) !important; transform: translateY(-5px) !important; }

/* ── Card 4 — Amber / Civil Litigation ── */
.pg-legal-support .services-cards .srv-card:nth-child(4) {
  border-top: 4px solid #d97706 !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(4) .srv-card-top {
  background: linear-gradient(180deg, rgba(217,119,6,.06) 0%, rgba(255,255,255,0) 100%) !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(4) .srv-num    { color: #d97706 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(4) .srv-icon-wrap { background: rgba(217,119,6,.1) !important; border-color: rgba(217,119,6,.3) !important; color: #d97706 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(4) .srv-tag    { color: #b45309 !important; background: rgba(217,119,6,.08) !important; border-color: rgba(217,119,6,.25) !important; }
.pg-legal-support .services-cards .srv-card:nth-child(4) .sli::before { color: #d97706 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(4) .srv-action { color: #b45309 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(4):hover { border-color: rgba(217,119,6,.4) !important; box-shadow: 0 8px 32px rgba(217,119,6,.18) !important; transform: translateY(-5px) !important; }

/* ── Card 5 — Blue / Expert Witness ── */
.pg-legal-support .services-cards .srv-card:nth-child(5) {
  border-top: 4px solid #3b82f6 !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(5) .srv-card-top {
  background: linear-gradient(180deg, rgba(59,130,246,.06) 0%, rgba(255,255,255,0) 100%) !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(5) .srv-num    { color: #3b82f6 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(5) .srv-icon-wrap { background: rgba(59,130,246,.1) !important; border-color: rgba(59,130,246,.3) !important; color: #3b82f6 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(5) .srv-tag    { color: #1d4ed8 !important; background: rgba(59,130,246,.08) !important; border-color: rgba(59,130,246,.25) !important; }
.pg-legal-support .services-cards .srv-card:nth-child(5) .sli::before { color: #3b82f6 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(5) .srv-action { color: #3b82f6 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(5):hover { border-color: rgba(59,130,246,.4) !important; box-shadow: 0 8px 32px rgba(59,130,246,.18) !important; transform: translateY(-5px) !important; }

/* ── Card 6 — Red / Emergency Triage ── */
.pg-legal-support .services-cards .srv-card:nth-child(6) {
  border-top: 4px solid #ef4444 !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(6) .srv-card-top {
  background: linear-gradient(180deg, rgba(239,68,68,.06) 0%, rgba(255,255,255,0) 100%) !important;
}
.pg-legal-support .services-cards .srv-card:nth-child(6) .srv-num    { color: #ef4444 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(6) .srv-icon-wrap { background: rgba(239,68,68,.1) !important; border-color: rgba(239,68,68,.3) !important; color: #ef4444 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(6) .srv-tag    { color: #dc2626 !important; background: rgba(239,68,68,.08) !important; border-color: rgba(239,68,68,.25) !important; }
.pg-legal-support .services-cards .srv-card:nth-child(6) .sli::before { color: #ef4444 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(6) .srv-action { color: #dc2626 !important; }
.pg-legal-support .services-cards .srv-card:nth-child(6):hover { border-color: rgba(239,68,68,.4) !important; box-shadow: 0 8px 32px rgba(239,68,68,.18) !important; transform: translateY(-5px) !important; }

/* — GLOBE CARD (Attorney Network) — dark, must force light text — */
.pg-legal-support .globe-card {
  background: linear-gradient(145deg, #050810 0%, #0c1a3a 60%, #081428 100%) !important;
  border-color: rgba(37,99,235,.3) !important;
  box-shadow: 0 8px 32px rgba(37,99,235,.15) !important;
}
.pg-legal-support .globe-title  { color: #f1f5f9 !important; font-weight: 700 !important; }
.pg-legal-support .globe-sub    { color: #94a3b8 !important; }
.pg-legal-support .globe-emoji i { color: #60a5fa !important; }
.pg-legal-support .jchip {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #cbd5e1 !important;
}
.pg-legal-support .jchip:hover {
  background: rgba(37,99,235,.2) !important;
  border-color: rgba(37,99,235,.4) !important;
  color: #e2e8f0 !important;
}

/* — ATTORNEY SECTION features (right side) — */
.pg-legal-support #attorney-network { background: #f8fafc !important; }
.pg-legal-support #attorney-network h2 { color: #0f172a !important; }
.pg-legal-support #attorney-network .accent { color: #2563eb !important; }
.pg-legal-support .af-icon {
  background: rgba(37,99,235,.08) !important;
  border: 1px solid rgba(37,99,235,.2) !important;
  color: #2563eb !important;
  border-radius: 10px !important;
  width: 44px !important; height: 44px !important;
  display: grid !important; place-items: center !important; flex-shrink: 0 !important;
  font-size: 1.2rem !important;
}
.pg-legal-support .af-title { color: #0f172a !important; font-weight: 600 !important; }
.pg-legal-support .af-desc  { color: #475569 !important; font-size: .87rem !important; }

/* — EXCHANGE FREEZE SECTION — */
.pg-legal-support #exchange-freeze { background: #f1f5f9 !important; }
.pg-legal-support .freeze-step {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.14) !important;
  box-shadow: 0 2px 10px rgba(37,99,235,.06) !important;
}
.pg-legal-support .freeze-step:hover {
  border-color: rgba(37,99,235,.3) !important;
  box-shadow: 0 4px 18px rgba(37,99,235,.12) !important;
}
/* Per-step badge colors */
.pg-legal-support .freeze-step:nth-child(1) .fs-num { background: linear-gradient(135deg, #1d4ed8, #2563eb) !important; color: #fff !important; }
.pg-legal-support .freeze-step:nth-child(2) .fs-num { background: linear-gradient(135deg, #6d28d9, #7c3aed) !important; color: #fff !important; }
.pg-legal-support .freeze-step:nth-child(3) .fs-num { background: linear-gradient(135deg, #0369a1, #0891b2) !important; color: #fff !important; }
.pg-legal-support .freeze-step:nth-child(4) .fs-num { background: linear-gradient(135deg, #065f46, #059669) !important; color: #fff !important; }
.pg-legal-support .freeze-step:nth-child(5) .fs-num { background: linear-gradient(135deg, #92400e, #b45309) !important; color: #fff !important; }
.pg-legal-support .fs-title { color: #0f172a !important; font-weight: 600 !important; }
.pg-legal-support .fs-desc  { color: #475569 !important; }

/* Exchange panel */
.pg-legal-support .ex-box {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.15) !important;
  box-shadow: 0 4px 20px rgba(37,99,235,.08) !important;
}
.pg-legal-support .ex-header {
  background: linear-gradient(90deg, #eff6ff 0%, #f0f9ff 100%) !important;
  color: #1d4ed8 !important;
  font-weight: 600 !important;
  border-color: rgba(37,99,235,.15) !important;
  letter-spacing: .12em !important;
}
.pg-legal-support .ex-item { border-color: rgba(37,99,235,.09) !important; }
.pg-legal-support .ex-item:hover { background: rgba(37,99,235,.05) !important; }
.pg-legal-support .ex-logo { color: #1d4ed8 !important; font-size: 1.8rem !important; }
.pg-legal-support .ex-name { color: #0f172a !important; font-weight: 700 !important; }
.pg-legal-support .ex-live    { color: #059669 !important; font-weight: 600 !important; }
.pg-legal-support .ex-partner { color: #d97706 !important; font-weight: 600 !important; }
.pg-legal-support .ex-footer {
  background: linear-gradient(90deg, rgba(37,99,235,.06) 0%, rgba(8,145,178,.04) 100%) !important;
  border-color: rgba(37,99,235,.12) !important;
  color: #374151 !important;
  font-weight: 500 !important;
}

/* — LAW ENFORCEMENT CARDS (#law-enforcement) — */
.pg-legal-support #law-enforcement { background: #f8fafc !important; }
.pg-legal-support #law-enforcement h2 { color: #0f172a !important; }
.pg-legal-support #law-enforcement .accent { color: #2563eb !important; }
.pg-legal-support .le-card {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.12) !important;
  border-top: 3px solid var(--le-color, #2563eb) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.04) !important;
}
/* Always show the colored top line, not just on hover */
.pg-legal-support .le-card::before { transform: scaleX(0) !important; }
.pg-legal-support .le-agency { color: #0f172a !important; font-weight: 700 !important; }
.pg-legal-support .le-country { color: #2563eb !important; }
.pg-legal-support .ll { color: #374151 !important; }
.pg-legal-support .le-success {
  background: rgba(5,150,105,.06) !important;
  border-color: rgba(5,150,105,.2) !important;
  color: #059669 !important;
}

/* — LEGAL ACTIONS (#legal-actions) — */
.pg-legal-support #legal-actions { background: #ffffff !important; }
.pg-legal-support #legal-actions h2 { color: #0f172a !important; }
.pg-legal-support #legal-actions .accent { color: #7c3aed !important; }
.pg-legal-support .action-card {
  background: #f8fafc !important;
  border-color: rgba(124,58,237,.12) !important;
  box-shadow: 0 2px 10px rgba(124,58,237,.05) !important;
}
.pg-legal-support .action-card:hover {
  border-color: rgba(124,58,237,.28) !important;
  box-shadow: 0 6px 22px rgba(124,58,237,.1) !important;
}
/* Per-card left accent */
.pg-legal-support .actions-grid .action-card:nth-child(1) { border-left: 3px solid #2563eb !important; }
.pg-legal-support .actions-grid .action-card:nth-child(2) { border-left: 3px solid #0891b2 !important; }
.pg-legal-support .actions-grid .action-card:nth-child(3) { border-left: 3px solid #7c3aed !important; }
.pg-legal-support .actions-grid .action-card:nth-child(4) { border-left: 3px solid #059669 !important; }
.pg-legal-support .actions-grid .action-card:nth-child(5) { border-left: 3px solid #b45309 !important; }
.pg-legal-support .actions-grid .action-card:nth-child(6) { border-left: 3px solid #ef4444 !important; }
/* Per-card icon colors */
.pg-legal-support .actions-grid .action-card:nth-child(1) .action-icon { background: rgba(37,99,235,.09) !important;  border-color: rgba(37,99,235,.22) !important;  color: #2563eb !important; }
.pg-legal-support .actions-grid .action-card:nth-child(2) .action-icon { background: rgba(8,145,178,.09) !important;  border-color: rgba(8,145,178,.22) !important;  color: #0891b2 !important; }
.pg-legal-support .actions-grid .action-card:nth-child(3) .action-icon { background: rgba(124,58,237,.09) !important; border-color: rgba(124,58,237,.22) !important; color: #7c3aed !important; }
.pg-legal-support .actions-grid .action-card:nth-child(4) .action-icon { background: rgba(5,150,105,.09) !important;  border-color: rgba(5,150,105,.22) !important;  color: #059669 !important; }
.pg-legal-support .actions-grid .action-card:nth-child(5) .action-icon { background: rgba(180,83,9,.09) !important;   border-color: rgba(180,83,9,.22) !important;   color: #b45309 !important; }
.pg-legal-support .actions-grid .action-card:nth-child(6) .action-icon { background: rgba(239,68,68,.09) !important;  border-color: rgba(239,68,68,.22) !important;  color: #ef4444 !important; }

.pg-legal-support .action-tag { background: rgba(124,58,237,.07) !important; color: #7c3aed !important; border-color: rgba(124,58,237,.2) !important; }
.pg-legal-support .action-card h3 { color: #0f172a !important; font-weight: 700 !important; }
.pg-legal-support .action-card p  { color: #475569 !important; }
.pg-legal-support .acl { color: #374151 !important; }
/* .ci now handled globally */
.pg-legal-support .action-timeframe {
  background: rgba(37,99,235,.05) !important;
  border-color: rgba(37,99,235,.14) !important;
  color: #475569 !important;
}
.pg-legal-support .action-timeframe strong { color: #1d4ed8 !important; }

/* ═══════════════════════════════════════════════════════════════
   §49 — LEGAL-SUPPORT: #case-outcomes + #jurisdictions highlight
═══════════════════════════════════════════════════════════════ */

/* ── "Legal Support That Delivered Results" (#case-outcomes) ── */
.pg-legal-support #case-outcomes {
  background: linear-gradient(145deg, #0a0f1a 0%, #0f1e3a 55%, #0a1530 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --accent3: #34d399; --gold: #fbbf24;
  --border: rgba(255,255,255,.08);
}
.pg-legal-support #case-outcomes h2       { color: #f1f5f9 !important; }
.pg-legal-support #case-outcomes .accent  { color: #60a5fa !important; }
.pg-legal-support #case-outcomes .section-label { color: #93c5fd !important; }
.pg-legal-support #case-outcomes .section-sub   { color: #94a3b8 !important; }

/* Cards — glass on dark */
.pg-legal-support .outcome-card {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.2) !important;
}
.pg-legal-support .outcome-card:hover {
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.3) !important;
  transform: translateY(-5px) !important;
}

/* Per-card coloured head strip */
.pg-legal-support .outcomes-grid .outcome-card:nth-child(1) .oc-head { background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%) !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(2) .oc-head { background: linear-gradient(135deg, #0369a1 0%, #0891b2 100%) !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(3) .oc-head { background: linear-gradient(135deg, #1e1b4b 0%, #3730a3 100%) !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(4) .oc-head { background: linear-gradient(135deg, #064e3b 0%, #059669 100%) !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(5) .oc-head { background: linear-gradient(135deg, #7f1d1d 0%, #dc2626 100%) !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(6) .oc-head { background: linear-gradient(135deg, #4c1d95 0%, #7c3aed 100%) !important; }

/* Per-card top border matching head gradient */
.pg-legal-support .outcomes-grid .outcome-card:nth-child(1) { border-top: 2px solid #2563eb !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(2) { border-top: 2px solid #0891b2 !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(3) { border-top: 2px solid #6366f1 !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(4) { border-top: 2px solid #059669 !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(5) { border-top: 2px solid #dc2626 !important; }
.pg-legal-support .outcomes-grid .outcome-card:nth-child(6) { border-top: 2px solid #7c3aed !important; }

.pg-legal-support .oc-head  { border-color: rgba(255,255,255,.1) !important; }
.pg-legal-support .oc-type  { color: rgba(255,255,255,.85) !important; }
.pg-legal-support .oc-amount { color: #ffffff !important; font-weight: 800 !important; }
.pg-legal-support .oc-title { color: #e2e8f0 !important; font-weight: 700 !important; }
.pg-legal-support .oc-desc  { color: #94a3b8 !important; }
.pg-legal-support .ocf      { color: #cbd5e1 !important; }
.pg-legal-support .ocf-ok   { color: #34d399 !important; font-weight: 700 !important; }
.pg-legal-support .ocf-warn { color: #fbbf24 !important; font-weight: 700 !important; }
.pg-legal-support .oc-footer { border-color: rgba(255,255,255,.08) !important; }
.pg-legal-support .ocpill {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #cbd5e1 !important;
}

/* ── "Legal Support Across Every Jurisdiction" (#jurisdictions) ── */
.pg-legal-support #jurisdictions {
  background: #f1f5f9 !important;
}
.pg-legal-support #jurisdictions h2      { color: #0f172a !important; }
.pg-legal-support #jurisdictions .accent { color: #2563eb !important; }
.pg-legal-support #jurisdictions .section-label { color: #2563eb !important; }
.pg-legal-support #jurisdictions .section-sub   { color: #475569 !important; }

/* Cards — crisp white with always-visible coloured top border */
.pg-legal-support .juris-card {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.1) !important;
  border-top: 3px solid var(--jc, #2563eb) !important;
  box-shadow: 0 2px 14px rgba(0,0,0,.05) !important;
}
.pg-legal-support .juris-card:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,.1) !important;
  border-color: rgba(37,99,235,.2) !important;
  transform: translateY(-4px) !important;
}
/* Remove the animated ::before — top border is always visible now */
.pg-legal-support .juris-card::before { display: none !important; }

.pg-legal-support .jcountry  { color: #0f172a !important; font-weight: 700 !important; }
.pg-legal-support .jstandard { color: #2563eb !important; font-weight: 600 !important; }
.pg-legal-support .jl        { color: #374151 !important; }
.pg-legal-support .jl::before { color: #2563eb !important; }
.pg-legal-support .jagency {
  background: rgba(37,99,235,.05) !important;
  border-color: rgba(37,99,235,.15) !important;
  color: #374151 !important;
}
.pg-legal-support .jagency strong { color: #1d4ed8 !important; }

/* ═══════════════════════════════════════════════════════════════
   §50 — GLOBAL: faint text / low-contrast fixes across all pages
═══════════════════════════════════════════════════════════════ */

/* ── "// " prefix on section-labels — make vivid on light sections ──
   style.css uses color:var(--muted) = #475569 which is dull on white.
   This global rule gives it a blue tint. Dark sections re-scope
   --muted to a lighter value so they're unaffected.              */
[class*="pg-"] .section-label::before {
  color: rgba(37,99,235,.5) !important;
}
/* Per-page accent variants for section-label text itself on light sections */
.pg-scam-investigations .section-label   { color: #dc2626 !important; }
.pg-scam-investigations .section-label::before { color: rgba(220,38,38,.45) !important; }
.pg-exchange-intelligence .section-label { color: #0891b2 !important; }
.pg-exchange-intelligence .section-label::before { color: rgba(8,145,178,.45) !important; }
.pg-forensic-reports .section-label      { color: #d97706 !important; }
.pg-forensic-reports .section-label::before { color: rgba(217,119,6,.45) !important; }
.pg-emergency-response .section-label    { color: #2563eb !important; }
.pg-emergency-response .section-label::before { color: rgba(37,99,235,.45) !important; }
/* Dark-section overrides (CTA, hero, dark navy sections) already pin explicit
   colors via later higher-specificity rules — these don't conflict */

/* ── faint inline // labels (not .section-label class, hardcoded style attrs) */
/* blockchain-tracing report panel inner labels */
.pg-blockchain-tracing .rp-stitle,
.pg-forensic-reports .rp-stitle {
  color: #2563eb !important;
  border-color: rgba(37,99,235,.14) !important;
}
/* exchange-intelligence db panel inner labels */
.pg-exchange-intelligence .db-stitle { color: #0891b2 !important; border-color: rgba(8,145,178,.14) !important; }
/* legal-support case timeline title */
.pg-legal-support .ct-title { color: #64748b !important; }

/* ── istat-label on light-bg sections (exchange-intelligence #intel-stats) ── */
.pg-exchange-intelligence #intel-stats .istat-label { color: #0891b2 !important; }
.pg-exchange-intelligence #intel-stats .istat-num   { color: #0f172a !important; }
.pg-exchange-intelligence #intel-stats .istat-sub   { color: #059669 !important; }
.pg-exchange-intelligence #intel-stats .istat-bar   { background: rgba(8,145,178,.12) !important; }
.pg-exchange-intelligence #intel-stats .istat-fill  { background: linear-gradient(90deg, #0891b2, #0369a1) !important; }
.pg-exchange-intelligence #intel-stats .istat-box   {
  background: #ffffff !important;
  border-color: rgba(8,145,178,.15) !important;
  box-shadow: 0 2px 10px rgba(8,145,178,.06) !important;
}

/* ── hop-status-label on blockchain-tracing trace visualiser ── */
.pg-blockchain-tracing .hop-status-label { color: #10b981 !important; }

/* ── generic muted mono headers used inline (style attrs) that become invisible ──
   These patterns appear on multiple pages as inline style="color:var(--muted)"
   but inside panels that are now white in light theme. Cover them globally. */
[class*="pg-"] .trace-panel-label,
[class*="pg-"] .panel-label,
[class*="pg-"] .mono-label { color: #374151 !important; }

/* ═══════════════════════════════════════════════════════════════
   §51 — LEGAL-SUPPORT: final high-specificity text fixes
   (overrides the global .section-sub { color:#374151 !important }
   at line 64 for dark-bg sections, and fixes juris-card text)
═══════════════════════════════════════════════════════════════ */

/* ── Jurisdictions: dark navy section → glass cards + light text ── */
.pg-legal-support #jurisdictions {
  background: linear-gradient(145deg, #0d1b3e 0%, #1e3a8a 55%, #1a3272 100%) !important;
}
.pg-legal-support #jurisdictions h2         { color: #f1f5f9 !important; }
.pg-legal-support #jurisdictions .accent    { color: #93c5fd !important; }
.pg-legal-support #jurisdictions .section-label { color: #93c5fd !important; }
.pg-legal-support #jurisdictions .section-sub   { color: #94a3b8 !important; }
.pg-legal-support .juris-card {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-top: 3px solid var(--jc, #60a5fa) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.15) !important;
}
.pg-legal-support .juris-card:hover {
  background: rgba(255,255,255,.1) !important;
  transform: translateY(-4px) !important;
}
.pg-legal-support .juris-card::before { display: none !important; }
.pg-legal-support .jcountry  { color: #f1f5f9 !important; font-weight: 700 !important; }
.pg-legal-support .jstandard { color: #93c5fd !important; font-weight: 600 !important; }
.pg-legal-support .jl        { color: #cbd5e1 !important; }
.pg-legal-support .jl::before { color: #60a5fa !important; }
.pg-legal-support .jagency {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #94a3b8 !important;
}
.pg-legal-support .jagency strong { color: #93c5fd !important; }

/* ── Pricing callout section-sub — dark navy bg needs light text ── */
.pg-legal-support #pricing-callout .section-sub,
[class*="pg-"] #pricing-callout .section-sub {
  color: #94a3b8 !important;
}
/* h2 "Service" on dark navy pricing-callout bg */
[class*="pg-"] #pricing-callout h2,
.pg-legal-support #pricing-callout h2 { color: #f1f5f9 !important; }
[class*="pg-"] #pricing-callout h2 .accent { color: #93c5fd !important; }
[class*="pg-"] #pricing-callout .section-label { color: #93c5fd !important; }

/* ── Stats-banner (lavender bg) — ensure all text is readable ── */
.pg-legal-support #stats-banner h2     { color: #1e1b4b !important; }
.pg-legal-support #stats-banner .accent { color: #7c3aed !important; }
.pg-legal-support #stats-banner .section-sub { color: #4c1d95 !important; }
.pg-legal-support #stats-banner .section-label { color: #7c3aed !important; }

/* ── Case outcomes — dark navy section: glass cards + light text ── */
.pg-legal-support #case-outcomes .section-sub { color: #94a3b8 !important; }
.pg-legal-support .oc-type   { color: rgba(255,255,255,.8) !important; font-weight: 600 !important; }
.pg-legal-support .oc-amount { color: #ffffff !important; }
.pg-legal-support .oc-title  { color: #f1f5f9 !important; }
.pg-legal-support .oc-desc   { color: #94a3b8 !important; }
.pg-legal-support .ocf       { color: #cbd5e1 !important; }
.pg-legal-support .ocf-ok    { color: #34d399 !important; font-weight: 700 !important; }
.pg-legal-support .ocf-warn  { color: #fbbf24 !important; font-weight: 700 !important; }
.pg-legal-support .ocpill    { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.15) !important; color: #e2e8f0 !important; }
.pg-legal-support .oc-footer { border-color: rgba(255,255,255,.1) !important; }

/* ── jagency callouts — per-card accent colors ── */

/* Card 1 — UK (blue) */
.pg-legal-support #jurisdictions .juris-card:nth-child(1) .jagency {
  background: linear-gradient(135deg, rgba(96,165,250,.2) 0%, rgba(37,99,235,.14) 100%) !important;
  border-color: rgba(96,165,250,.45) !important;
  box-shadow: 0 2px 12px rgba(96,165,250,.12) !important;
  color: #e2e8f0 !important;
}
.pg-legal-support #jurisdictions .juris-card:nth-child(1) .jagency strong { color: #93c5fd !important; }

/* Card 2 — USA (indigo) */
.pg-legal-support #jurisdictions .juris-card:nth-child(2) .jagency {
  background: linear-gradient(135deg, rgba(129,140,248,.2) 0%, rgba(99,102,241,.14) 100%) !important;
  border-color: rgba(129,140,248,.45) !important;
  box-shadow: 0 2px 12px rgba(129,140,248,.12) !important;
  color: #e2e8f0 !important;
}
.pg-legal-support #jurisdictions .juris-card:nth-child(2) .jagency strong { color: #c7d2fe !important; }

/* Card 3 — EU (blue) */
.pg-legal-support #jurisdictions .juris-card:nth-child(3) .jagency {
  background: linear-gradient(135deg, rgba(59,130,246,.2) 0%, rgba(37,99,235,.14) 100%) !important;
  border-color: rgba(59,130,246,.45) !important;
  box-shadow: 0 2px 12px rgba(59,130,246,.12) !important;
  color: #e2e8f0 !important;
}
.pg-legal-support #jurisdictions .juris-card:nth-child(3) .jagency strong { color: #bfdbfe !important; }

/* Card 4 — Australia (emerald) */
.pg-legal-support #jurisdictions .juris-card:nth-child(4) .jagency {
  background: linear-gradient(135deg, rgba(52,211,153,.18) 0%, rgba(16,185,129,.12) 100%) !important;
  border-color: rgba(52,211,153,.45) !important;
  box-shadow: 0 2px 12px rgba(52,211,153,.12) !important;
  color: #e2e8f0 !important;
}
.pg-legal-support #jurisdictions .juris-card:nth-child(4) .jagency strong { color: #6ee7b7 !important; }

/* Card 5 — Canada (red) */
.pg-legal-support #jurisdictions .juris-card:nth-child(5) .jagency {
  background: linear-gradient(135deg, rgba(248,113,113,.18) 0%, rgba(239,68,68,.12) 100%) !important;
  border-color: rgba(248,113,113,.45) !important;
  box-shadow: 0 2px 12px rgba(248,113,113,.12) !important;
  color: #e2e8f0 !important;
}
.pg-legal-support #jurisdictions .juris-card:nth-child(5) .jagency strong { color: #fca5a5 !important; }

/* Card 6 — Singapore (rose-orange) */
.pg-legal-support #jurisdictions .juris-card:nth-child(6) .jagency {
  background: linear-gradient(135deg, rgba(251,146,60,.18) 0%, rgba(245,101,101,.12) 100%) !important;
  border-color: rgba(251,146,60,.45) !important;
  box-shadow: 0 2px 12px rgba(251,146,60,.12) !important;
  color: #e2e8f0 !important;
}
.pg-legal-support #jurisdictions .juris-card:nth-child(6) .jagency strong { color: #fed7aa !important; }

/* Card 7 — Global / full-width (teal) */
.pg-legal-support .juris-card:last-child .jagency {
  background: linear-gradient(135deg, rgba(8,145,178,.22) 0%, rgba(37,99,235,.18) 100%) !important;
  border-color: rgba(8,145,178,.45) !important;
  box-shadow: 0 0 0 1px rgba(8,145,178,.12), 0 4px 20px rgba(8,145,178,.15) !important;
  color: #e2e8f0 !important;
}
.pg-legal-support .juris-card:last-child .jagency strong { color: #ffffff !important; }

/* ── Dark sections globally: pricing-callout sub text fix ── */
body [class*="pg-"] #pricing-callout .section-sub { color: #94a3b8 !important; }

/* ═══════════════════════════════════════════════════════════════
   §52 — INDEX: NEW SEO SECTIONS — why-forensics, global-coverage,
   insights (blog), emergency-strip
═══════════════════════════════════════════════════════════════ */

/* ── §52A: Why Forensic Evidence (#why-forensics) ── */
.pg-index #why-forensics {
  background: #ffffff !important;
}
.pg-index #why-forensics .section-label { color: #2563eb !important; }
.pg-index #why-forensics h2             { color: #0f172a !important; }
.pg-index #why-forensics .section-sub   { color: #475569 !important; }

.pg-index .wf-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin-top: 48px !important;
}
@media (max-width: 768px) { .pg-index .wf-grid { grid-template-columns: 1fr !important; } }

.pg-index .wf-col {
  border-radius: 14px !important;
  padding: 28px !important;
  border: 1px solid transparent !important;
}
.pg-index .wf-legit {
  background: linear-gradient(145deg, #f0fdf4 0%, #f8faff 100%) !important;
  border-color: rgba(5,150,105,.18) !important;
  box-shadow: 0 4px 24px rgba(5,150,105,.08) !important;
}
.pg-index .wf-scam {
  background: linear-gradient(145deg, #fff5f5 0%, #fff8f8 100%) !important;
  border-color: rgba(239,68,68,.18) !important;
  box-shadow: 0 4px 24px rgba(239,68,68,.06) !important;
}
.pg-index .wf-col-head {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 20px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(0,0,0,.07) !important;
}
.pg-index .wf-col-icon {
  width: 44px !important; height: 44px !important;
  border-radius: 10px !important;
  display: grid !important; place-items: center !important;
  font-size: 1.3rem !important; flex-shrink: 0 !important;
  background: rgba(5,150,105,.1) !important;
  color: #059669 !important;
  border: 1px solid rgba(5,150,105,.2) !important;
}
.pg-index .wf-scam-icon {
  background: rgba(239,68,68,.1) !important;
  color: #dc2626 !important;
  border-color: rgba(239,68,68,.2) !important;
}
.pg-index .wf-col-label {
  font-family: var(--syne) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  color: #0f172a !important;
}
.pg-index .wf-col-sub {
  font-size: .8rem !important;
  color: #64748b !important;
  margin-top: 3px !important;
}
.pg-index .wf-list {
  list-style: none !important;
  padding: 0 !important; margin: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 10px !important;
}
.pg-index .wf-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: .88rem !important;
  color: #374151 !important;
  line-height: 1.55 !important;
}
.pg-index .wf-list li i {
  font-size: 1rem !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
  color: #059669 !important;
}
.pg-index .wf-list-scam li i { color: #dc2626 !important; }

.pg-index .wf-cta-bar {
  margin-top: 32px !important;
  background: linear-gradient(135deg, rgba(37,99,235,.06) 0%, rgba(8,145,178,.04) 100%) !important;
  border: 1px solid rgba(37,99,235,.15) !important;
  border-radius: 12px !important;
  padding: 18px 24px !important;
}
.pg-index .wf-cta-text {
  font-size: .88rem !important;
  color: #374151 !important;
  line-height: 1.7 !important;
}
.pg-index .wf-cta-text strong { color: #0f172a !important; }

/* ── §52B: Global Coverage (#global-coverage) ── */
.pg-index #global-coverage {
  background: linear-gradient(145deg, #0a0f1a 0%, #0f1e3a 55%, #0a1530 100%) !important;
  --white: #f1f5f9; --text: #cbd5e1; --muted: #94a3b8;
  --accent: #60a5fa; --border: rgba(255,255,255,.08);
}
.pg-index #global-coverage .section-label { color: #60a5fa !important; }
.pg-index #global-coverage h2             { color: #f1f5f9 !important; }
.pg-index #global-coverage .section-sub   { color: #94a3b8 !important; }
.pg-index #global-coverage h2 .accent     { color: #60a5fa !important; }

.pg-index .geo-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-top: 48px !important;
}
@media (max-width: 900px) { .pg-index .geo-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { .pg-index .geo-grid { grid-template-columns: 1fr !important; } }

.pg-index .geo-card {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  transition: background .2s, transform .2s !important;
}
.pg-index .geo-card:hover {
  background: rgba(255,255,255,.09) !important;
  transform: translateY(-3px) !important;
}
.pg-index .geo-flag {
  font-size: 1.8rem !important;
  margin-bottom: 10px !important;
}
.pg-index .geo-country {
  font-family: var(--syne) !important;
  font-weight: 700 !important;
  font-size: .95rem !important;
  color: #f1f5f9 !important;
  margin-bottom: 8px !important;
}
.pg-index .geo-agencies {
  font-size: .75rem !important;
  color: #60a5fa !important;
  font-family: var(--mono) !important;
  line-height: 1.6 !important;
  margin-bottom: 8px !important;
}
.pg-index .geo-note {
  font-size: .75rem !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}
.pg-index .geo-note-bar {
  margin-top: 32px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: rgba(96,165,250,.08) !important;
  border: 1px solid rgba(96,165,250,.2) !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
  color: #cbd5e1 !important;
  font-size: .88rem !important;
  line-height: 1.7 !important;
}
.pg-index .geo-note-bar i {
  font-size: 1.3rem !important;
  color: #60a5fa !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

/* ── §52C: Blog/Insights (#insights) ── */
.pg-index #insights {
  background: #f8fafc !important;
}
.pg-index #insights .section-label { color: #2563eb !important; }
.pg-index #insights h2             { color: #0f172a !important; }
.pg-index #insights .section-sub   { color: #475569 !important; }
.pg-index #insights h2 .accent     { color: #2563eb !important; }

.pg-index .blog-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-top: 48px !important;
}
@media (max-width: 900px) { .pg-index .blog-grid { grid-template-columns: 1fr !important; } }

.pg-index .blog-card {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  border-radius: 14px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  overflow: hidden !important;
  transition: border-color .2s, box-shadow .2s, transform .2s !important;
}
.pg-index .blog-card-thumb {
  width: 100% !important;
  height: 190px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 14px 14px 0 0 !important;
}
.pg-index .blog-card:hover {
  border-color: rgba(37,99,235,.3) !important;
  box-shadow: 0 8px 30px rgba(37,99,235,.1) !important;
  transform: translateY(-4px) !important;
}
/* Card content padding — applied to inner elements since card has no padding */
.pg-index .blog-cat {
  font-family: var(--mono) !important;
  font-size: .6rem !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: #2563eb !important;
  font-weight: 600 !important;
  padding: 20px 24px 0 !important;
}
.pg-index .blog-title {
  font-family: var(--syne) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  padding: 0 24px !important;
}
.pg-index .blog-title a:hover { color: #2563eb !important; }
.pg-index .blog-excerpt {
  font-size: .85rem !important;
  color: #475569 !important;
  line-height: 1.7 !important;
  flex: 1 !important;
  padding: 0 24px !important;
}
.pg-index .blog-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 0 24px !important;
}
.pg-index .blog-tag {
  font-family: var(--mono) !important;
  font-size: .6rem !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  background: rgba(37,99,235,.07) !important;
  color: #2563eb !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  border-radius: 20px !important;
  padding: 3px 10px !important;
}
.pg-index .blog-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--mono) !important;
  font-size: .65rem !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #2563eb !important;
  padding: 0 24px 24px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  margin-top: auto !important;
}
.pg-index .blog-link:hover { gap: 10px !important; }

/* ── §52D: CTA section pulse dot ── */
.pg-index .es-pulse {
  width: 12px !important; height: 12px !important;
  border-radius: 50% !important;
  background: #ef4444 !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 0 0 rgba(239,68,68,.6) !important;
  animation: es-pulse 1.8s infinite !important;
}
@keyframes es-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(239,68,68,.6); }
  70%  { box-shadow: 0 0 0 10px rgba(239,68,68,0); }
  100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
}
.pg-index .cta-pulse-row {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
}

/* ══════════════════════════════════════════════════════════════
   §55 — CERT BAR (index page) — card redesign
══════════════════════════════════════════════════════════════ */
.pg-index .cert-bar {
  background: linear-gradient(180deg, #f5f8ff 0%, #eef3fe 100%) !important;
  border-top: 1px solid rgba(37,99,235,.13) !important;
  border-bottom: 1px solid rgba(37,99,235,.13) !important;
  padding: 36px 6% 32px !important;
  position: relative !important;
  overflow: hidden !important;
}
/* Subtle dot-grid texture */
.pg-index .cert-bar::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: radial-gradient(circle, rgba(37,99,235,.055) 1px, transparent 1px) !important;
  background-size: 26px 26px !important;
  pointer-events: none !important;
}
/* Section label */
.pg-index .cert-bar-label {
  text-align: center !important;
  font-family: var(--mono) !important;
  font-size: .63rem !important;
  font-weight: 600 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
  margin-bottom: 22px !important;
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
}
.pg-index .cert-bar-label::before,
.pg-index .cert-bar-label::after {
  content: '' !important;
  height: 1px !important;
  width: 56px !important;
  background: linear-gradient(90deg, transparent, rgba(100,116,139,.4), transparent) !important;
  display: block !important;
}
/* Inner grid container — 6 equal columns, always fits viewport */
.pg-index .cert-bar-inner {
  max-width: 1100px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 10px !important;
  position: relative !important;
  z-index: 1 !important;
}
/* Each cert = floating card */
.pg-index .cert-item {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  border-radius: 14px !important;
  padding: 14px 14px !important;
  box-shadow: 0 2px 8px rgba(15,23,42,.05), 0 1px 3px rgba(15,23,42,.04) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  cursor: default !important;
  min-width: 0 !important;
}
/* Per-accent hover glow */
.pg-index .cert-item:has(.ci-blue):hover   { transform: translateY(-4px) !important; border-color: rgba(37,99,235,.35) !important;  box-shadow: 0 10px 28px rgba(37,99,235,.15) !important; }
.pg-index .cert-item:has(.ci-violet):hover { transform: translateY(-4px) !important; border-color: rgba(139,92,246,.35) !important; box-shadow: 0 10px 28px rgba(139,92,246,.15) !important; }
.pg-index .cert-item:has(.ci-cyan):hover   { transform: translateY(-4px) !important; border-color: rgba(6,182,212,.35) !important;  box-shadow: 0 10px 28px rgba(6,182,212,.15) !important; }
.pg-index .cert-item:has(.ci-amber):hover  { transform: translateY(-4px) !important; border-color: rgba(245,158,11,.35) !important;  box-shadow: 0 10px 28px rgba(245,158,11,.15) !important; }
.pg-index .cert-item:has(.ci-emerald):hover{ transform: translateY(-4px) !important; border-color: rgba(16,185,129,.35) !important;  box-shadow: 0 10px 28px rgba(16,185,129,.15) !important; }
.pg-index .cert-item:has(.ci-indigo):hover { transform: translateY(-4px) !important; border-color: rgba(99,102,241,.35) !important;  box-shadow: 0 10px 28px rgba(99,102,241,.15) !important; }
/* Icon box */
.pg-index .cert-icon {
  width: 46px !important;
  height: 46px !important;
  border-radius: 11px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  position: relative !important;
  transition: transform .22s ease !important;
}
.pg-index .cert-item:hover .cert-icon { transform: scale(1.06) !important; }
/* Verified checkmark badge */
.pg-index .cert-icon::after {
  content: '✓' !important;
  position: absolute !important;
  bottom: -5px !important;
  right: -5px !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  color: #ffffff !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 17px !important;
  text-align: center !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 1px 4px rgba(16,185,129,.35) !important;
}
/* Per-icon accent backgrounds */
.pg-index .ci-blue   { background: rgba(37,99,235,.09) !important;  border: 1.5px solid rgba(37,99,235,.22) !important; }
.pg-index .ci-violet { background: rgba(139,92,246,.09) !important; border: 1.5px solid rgba(139,92,246,.22) !important; }
.pg-index .ci-cyan   { background: rgba(6,182,212,.09) !important;  border: 1.5px solid rgba(6,182,212,.22) !important; }
.pg-index .ci-amber  { background: rgba(245,158,11,.09) !important; border: 1.5px solid rgba(245,158,11,.22) !important; }
.pg-index .ci-emerald{ background: rgba(16,185,129,.09) !important; border: 1.5px solid rgba(16,185,129,.22) !important; }
.pg-index .ci-indigo { background: rgba(99,102,241,.09) !important; border: 1.5px solid rgba(99,102,241,.22) !important; }
/* Typography */
.pg-index .cert-name {
  font-family: var(--syne) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.25 !important;
  word-break: break-word !important;
}
.pg-index .cert-sub {
  font-family: var(--mono) !important;
  font-size: .56rem !important;
  color: #64748b !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  margin-top: 3px !important;
  line-height: 1.3 !important;
}
/* Hide old dividers — card layout replaces them */
.pg-index .cert-divider { display: none !important; }
@media (max-width: 900px) {
  .pg-index .cert-bar-inner { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 520px) {
  .pg-index .cert-bar-inner { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ══════════════════════════════════════════════════════════════
   §56 — NETWORKS MODAL — light-theme overrides
══════════════════════════════════════════════════════════════ */
/* Overlay backdrop */
.pg-index #networks-modal {
  background: rgba(15,23,42,.52) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}
/* Modal card */
.pg-index #networks-modal > div {
  background: #ffffff !important;
  border: 1px solid rgba(37,99,235,.18) !important;
  box-shadow: 0 0 0 1px rgba(37,99,235,.06),
              0 32px 80px rgba(15,23,42,.18),
              0 8px 32px rgba(15,23,42,.1) !important;
}
/* Header row */
.pg-index #networks-modal > div > div:first-child {
  background: linear-gradient(135deg, #f0f6ff 0%, #eef3fe 100%) !important;
  border-bottom-color: rgba(37,99,235,.12) !important;
  border-radius: 17px 17px 0 0 !important;
}
.pg-index #networks-modal > div > div:first-child span {
  color: #0f172a !important;
}
.pg-index #networks-modal > div > div:first-child i {
  color: #2563eb !important;
}
/* Count badge */
.pg-index #nm-count-badge {
  color: #2563eb !important;
  background: rgba(37,99,235,.08) !important;
  border: 1px solid rgba(37,99,235,.18) !important;
}
/* Close button */
.pg-index #nm-close {
  background: #f1f5f9 !important;
  border-color: rgba(148,163,184,.3) !important;
  color: #64748b !important;
}
.pg-index #nm-close:hover {
  background: #fee2e2 !important;
  border-color: rgba(239,68,68,.3) !important;
  color: #dc2626 !important;
}
/* Search row */
.pg-index #networks-modal > div > div:nth-child(2) {
  background: #f8fafc !important;
  border-bottom-color: rgba(148,163,184,.18) !important;
}
/* Search input */
.pg-index #nm-search {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.35) !important;
  color: #0f172a !important;
  box-shadow: none !important;
}
.pg-index #nm-search:focus {
  border-color: rgba(37,99,235,.5) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
  outline: none !important;
}
/* Grid body */
.pg-index #nm-body {
  background: #f1f5fb !important;
}
/* Scrollbar inside modal */
.pg-index #nm-body::-webkit-scrollbar { width: 6px !important; }
.pg-index #nm-body::-webkit-scrollbar-track { background: #f1f5f9 !important; }
.pg-index #nm-body::-webkit-scrollbar-thumb { background: rgba(37,99,235,.25) !important; border-radius: 10px !important; }
/* Grid */
.pg-index #nm-grid { gap: 10px !important; }
/* Each network card */
.pg-index .nm-c {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 4px rgba(15,23,42,.05) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  padding: 14px 8px 12px !important;
}
.pg-index .nm-c:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 22px rgba(37,99,235,.13) !important;
  border-color: rgba(37,99,235,.32) !important;
  background: #fafcff !important;
}
/* Icon wrapper */
.pg-index .nm-ic {
  background: transparent !important;
  border: none !important;
}
/* Network name */
.pg-index .nm-l {
  color: #0f172a !important;
}
/* Ticker */
.pg-index .nm-t {
  color: #64748b !important;
}
/* Empty state */
.pg-index #nm-empty {
  color: #94a3b8 !important;
}
/* ══════════════════════════════════════════════════════════════
   §57 — TRUSTED BY SECTION — multi-layer animations
══════════════════════════════════════════════════════════════ */

/* Layer 1: Rotating radar sweep across whole section */
/* ── Trusted-by section: clean light background, all animations removed ── */
.pg-index .trusted-section {
  background: #f8faff !important;
  border-top: 1px solid rgba(148,163,184,.15) !important;
  border-bottom: 1px solid rgba(148,163,184,.15) !important;
  position: relative !important;
}
.pg-index .trusted-section::before { display: none !important; }

.pg-index .trusted-header {
  position: relative !important;
  z-index: 1 !important;
}
.pg-index .trusted-header::before,
.pg-index .trusted-header::after { display: none !important; }

.pg-index .trusted-eyebrow {
  color: #2563eb !important;
  background: rgba(37,99,235,.07) !important;
  border-color: rgba(37,99,235,.18) !important;
  overflow: visible !important;
  position: static !important;
}
.pg-index .trusted-eyebrow::after { display: none !important; }

.pg-index .trusted-sub { color: #64748b !important; }

/* ── Trust stream: 3-column vertical scroll ── */
.pg-index .trust-stream {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 14px !important;
  height: 320px !important;
  overflow: hidden !important;
  padding: 0 6% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  -webkit-mask: linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%) !important;
  mask:         linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%) !important;
}
.pg-index .ts-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  will-change: transform !important;
}
.pg-index .ts-up.ts-slow    { animation: ts-up   26s linear infinite !important; }
.pg-index .ts-down.ts-medium { animation: ts-down 20s linear infinite !important; }
.pg-index .ts-up.ts-fast    { animation: ts-up   15s linear infinite !important; }
@keyframes ts-up   { from { transform: translateY(0);    } to { transform: translateY(-50%); } }
@keyframes ts-down { from { transform: translateY(-50%); } to { transform: translateY(0);    } }
.pg-index .ts-col:hover { animation-play-state: paused !important; }

/* Pills inside stream */
.pg-index .trust-stream .trust-pill {
  width: 100% !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  gap: 9px !important;
  font-size: .72rem !important;
}
.pg-index .trust-stream .trust-pill:hover { transform: translateX(4px) !important; }

/* Per-column accent colours — light mode */
/* Blue column — law & enforcement */
.pg-index .trust-stream .tp-blue {
  background: rgba(37,99,235,.07) !important;
  border-color: rgba(37,99,235,.2) !important;
  color: #1e40af !important;
}
.pg-index .trust-stream .tp-blue i { color: #2563eb !important; }
.pg-index .trust-stream .tp-blue:hover {
  background: rgba(37,99,235,.13) !important;
  border-color: rgba(37,99,235,.35) !important;
  box-shadow: 0 3px 14px rgba(37,99,235,.15) !important;
}

/* Gold column — finance & compliance */
.pg-index .trust-stream .tp-gold {
  background: rgba(217,119,6,.07) !important;
  border-color: rgba(217,119,6,.2) !important;
  color: #92400e !important;
}
.pg-index .trust-stream .tp-gold i { color: #d97706 !important; }
.pg-index .trust-stream .tp-gold:hover {
  background: rgba(217,119,6,.13) !important;
  border-color: rgba(217,119,6,.35) !important;
  box-shadow: 0 3px 14px rgba(217,119,6,.15) !important;
}

/* Green column — tech & investment */
.pg-index .trust-stream .tp-green {
  background: rgba(5,150,105,.07) !important;
  border-color: rgba(5,150,105,.2) !important;
  color: #065f46 !important;
}
.pg-index .trust-stream .tp-green i { color: #059669 !important; }
.pg-index .trust-stream .tp-green:hover {
  background: rgba(5,150,105,.13) !important;
  border-color: rgba(5,150,105,.35) !important;
  box-shadow: 0 3px 14px rgba(5,150,105,.15) !important;
}

/* ── Trusted By: mobile responsive ── */

/* Tablet: 2 columns, hide 3rd */
@media (max-width: 768px) {
  .pg-index .trust-stream {
    grid-template-columns: 1fr 1fr !important;
    padding: 0 4% !important;
    height: 280px !important;
  }
  .pg-index .trust-stream .ts-col:nth-child(3) {
    display: none !important;
  }
}

/* Mobile: 1 column, show only col 1 */
@media (max-width: 480px) {
  .pg-index .trust-stream {
    grid-template-columns: 1fr !important;
    padding: 0 5% !important;
    height: 240px !important;
    gap: 0 !important;
  }
  .pg-index .trust-stream .ts-col:nth-child(2),
  .pg-index .trust-stream .ts-col:nth-child(3) {
    display: none !important;
  }
  .pg-index .trust-stream .trust-pill {
    font-size: .82rem !important;
    padding: 9px 14px !important;
  }
  .pg-index .trusted-sub {
    font-size: .9rem !important;
    padding: 0 5% !important;
  }
}

/* ── Terminal: arrow info lines ── */
.pg-index .t-arrow { color: #67e8f9 !important; font-weight: 700 !important; }
/* Terminal ok/warn/dim — lightened */
.pg-index .terminal-body .ok   { color: #86efac !important; }
.pg-index .terminal-body .warn { color: #fde68a !important; }
.pg-index .terminal-body .dim  { color: #94a3b8 !important; }
/* Base terminal line text */
.pg-index .terminal-body .line { color: #cbd5e1 !important; }

/* ═══════════════════════════════════════════════════════════════
   §59 — BLOG PAGES (pg-blog + pg-blog-article) — Light Theme
   All selectors use body-class prefix for specificity ≥ 0,1,1
   which beats the inline <style> blocks (0,1,0 for :root / 0,1,1
   for ID+tag selectors) that hard-code the dark palette.
═══════════════════════════════════════════════════════════════ */

/* ── CSS variable re-scope: beats :root (0,1,1 > 0,1,0) ── */
body.pg-blog,
body.pg-blog-article {
  background: #ffffff !important;
  color: #0f172a !important;
  --bg1: #f8faff;
  --bg2: #ffffff;
  --bg3: #f1f5fb;
  --white: #0f172a;
  --text: #334155;
  --muted: #64748b;
  --border: rgba(148,163,184,.22);
  --accent: #2563eb;
  --accent2: #10b981;
  --accent3: #7c3aed;
  --gold: #d97706;
}

/* ── Navbar ── */
body.pg-blog nav#navbar,
body.pg-blog-article nav#navbar {
  background: rgba(255,255,255,.97) !important;
  border-bottom-color: rgba(37,99,235,.12) !important;
}
body.pg-blog nav#navbar.scrolled,
body.pg-blog-article nav#navbar.scrolled {
  box-shadow: 0 4px 24px rgba(15,23,42,.09) !important;
}
body.pg-blog nav#navbar a,
body.pg-blog-article nav#navbar a {
  color: #334155 !important;
}
body.pg-blog nav#navbar a:hover,
body.pg-blog-article nav#navbar a:hover,
body.pg-blog nav#navbar a.active,
body.pg-blog-article nav#navbar a.active {
  color: #2563eb !important;
}
body.pg-blog .logo-mark,
body.pg-blog-article .logo-mark {
  background: linear-gradient(135deg,#0a7cff,#00d2ff) !important;
  color: #fff !important;
}
body.pg-blog .logo-text,
body.pg-blog-article .logo-text {
  color: #0f172a !important;
}
body.pg-blog .logo-text span,
body.pg-blog-article .logo-text span {
  color: #2563eb !important;
}
body.pg-blog .nav-portal-btn,
body.pg-blog-article .nav-portal-btn {
  border-color: rgba(37,99,235,.35) !important;
  color: #2563eb !important;
  background: rgba(37,99,235,.06) !important;
}
body.pg-blog .nav-btn,
body.pg-blog-article .nav-btn {
  background: linear-gradient(135deg,#0a7cff,#00d2ff) !important;
  color: #fff !important;
  border: none !important;
}
body.pg-blog .nav-dropdown,
body.pg-blog-article .nav-dropdown {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.14) !important;
  box-shadow: 0 8px 32px rgba(15,23,42,.12) !important;
}
body.pg-blog .nav-dropdown li a,
body.pg-blog-article .nav-dropdown li a {
  color: #334155 !important;
}
body.pg-blog .nav-dropdown li a:hover,
body.pg-blog-article .nav-dropdown li a:hover {
  background: rgba(37,99,235,.06) !important;
  color: #2563eb !important;
}
body.pg-blog .nav-dropdown li a i,
body.pg-blog-article .nav-dropdown li a i {
  color: #2563eb !important;
}
body.pg-blog .hamburger span,
body.pg-blog-article .hamburger span {
  background: #0f172a !important;
}
body.pg-blog .mobile-menu,
body.pg-blog-article .mobile-menu {
  background: #ffffff !important;
}
body.pg-blog .mobile-menu a,
body.pg-blog-article .mobile-menu a,
body.pg-blog .mob-section-label,
body.pg-blog-article .mob-section-label {
  color: #334155 !important;
  border-bottom-color: rgba(148,163,184,.15) !important;
}
body.pg-blog .mobile-menu a:hover,
body.pg-blog-article .mobile-menu a:hover {
  color: #2563eb !important;
}
body.pg-blog .mob-portal,
body.pg-blog-article .mob-portal {
  color: #2563eb !important;
  border-color: rgba(37,99,235,.35) !important;
  background: rgba(37,99,235,.06) !important;
}
body.pg-blog .mob-cta,
body.pg-blog-article .mob-cta {
  background: linear-gradient(135deg,#0a7cff,#00d2ff) !important;
  color: #fff !important;
}

/* ── Progress bar ── */
body.pg-blog #progress-bar,
body.pg-blog-article #progress-bar {
  background: linear-gradient(90deg,#2563eb,#00d2ff,#2563eb) !important;
}

/* ── Breadcrumb nav ── */
body.pg-blog .blog-breadcrumb-nav,
body.pg-blog-article .blog-breadcrumb-nav {
  background: #ffffff !important;
  border-bottom-color: rgba(148,163,184,.2) !important;
}
body.pg-blog .blog-breadcrumb-nav a,
body.pg-blog .blog-breadcrumb-nav span,
body.pg-blog-article .blog-breadcrumb-nav a,
body.pg-blog-article .blog-breadcrumb-nav span {
  color: #64748b !important;
}
body.pg-blog .blog-breadcrumb-nav a:hover,
body.pg-blog-article .blog-breadcrumb-nav a:hover {
  color: #2563eb !important;
}
body.pg-blog .bc-current,
body.pg-blog-article .bc-current {
  color: #2563eb !important;
}
body.pg-blog .blog-breadcrumb-sep,
body.pg-blog-article .blog-breadcrumb-sep {
  color: rgba(37,99,235,.3) !important;
}

/* ── Footer — match index page dark navy ── */
body.pg-blog footer,
body.pg-blog-article footer {
  background: #0f172a !important;
  border-top-color: rgba(255,255,255,.07) !important;
  --white:   #f1f5f9;
  --text:    #94a3b8;
  --muted:   #64748b;
  --accent:  #60a5fa;
  --accent2: #3b82f6;
  --accent3: #2dd4bf;
  --border:  rgba(255,255,255,.07);
  --border2: rgba(255,255,255,.12);
}
body.pg-blog .footer-brand p,
body.pg-blog-article .footer-brand p {
  color: #64748b !important;
}
body.pg-blog .footer-col h5,
body.pg-blog-article .footer-col h5 {
  color: #60a5fa !important;
}
body.pg-blog .footer-col ul a,
body.pg-blog-article .footer-col ul a {
  color: #94a3b8 !important;
}
body.pg-blog .footer-col ul a:hover,
body.pg-blog-article .footer-col ul a:hover {
  color: #60a5fa !important;
}
body.pg-blog .footer-bottom,
body.pg-blog-article .footer-bottom {
  border-top-color: rgba(255,255,255,.07) !important;
}
body.pg-blog .footer-bottom p,
body.pg-blog-article .footer-bottom p {
  color: #475569 !important;
}
body.pg-blog footer .logo,
body.pg-blog-article footer .logo,
body.pg-blog footer a.logo,
body.pg-blog-article footer a.logo { color: #f1f5f9 !important; }
body.pg-blog footer .logo span,
body.pg-blog-article footer .logo span { color: #60a5fa !important; }
body.pg-blog footer .logo-mark,
body.pg-blog-article footer .logo-mark {
  background: linear-gradient(135deg,#1d4ed8,#3b82f6) !important;
  color: #ffffff !important;
}

/* ═══════════════════════════════════════
   BLOG INDEX  (body.pg-blog)
═══════════════════════════════════════ */

/* Hero */
body.pg-blog .blog-hero {
  background: linear-gradient(180deg,#eef3fe 0%,#f8faff 100%) !important;
}
body.pg-blog .blog-hero::before {
  background: radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%) !important;
}
body.pg-blog .blog-hero-tag {
  color: #2563eb !important;
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.2) !important;
}
body.pg-blog .blog-hero h1 {
  color: #0f172a !important;
}
body.pg-blog .blog-hero p {
  color: #475569 !important;
}

/* Filter buttons */
body.pg-blog .blog-filter-btn {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.35) !important;
  color: #64748b !important;
}
body.pg-blog .blog-filter-btn.active,
body.pg-blog .blog-filter-btn:hover {
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.3) !important;
  color: #2563eb !important;
}

/* Grid section */
body.pg-blog .blog-grid-section {
  background: #f8faff !important;
}

/* Blog cards */
body.pg-blog .blog-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.2) !important;
  box-shadow: 0 2px 10px rgba(15,23,42,.04) !important;
}
body.pg-blog .blog-card:hover {
  border-color: rgba(37,99,235,.28) !important;
  box-shadow: 0 12px 40px rgba(37,99,235,.1) !important;
  transform: translateY(-4px) !important;
}
body.pg-blog .blog-card h3,
body.pg-blog .blog-card h3 a {
  color: #0f172a !important;
}
body.pg-blog .blog-card h3 a:hover {
  color: #2563eb !important;
}
body.pg-blog .blog-card p {
  color: #475569 !important;
}
body.pg-blog .blog-card-date { color: #94a3b8 !important; }
body.pg-blog .blog-card-read { color: #2563eb !important; }
body.pg-blog .blog-card-link { color: #2563eb !important; }

/* Category badges — readable on white */
body.pg-blog .blog-card-cat.forensics {
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.2) !important;
  color: #2563eb !important;
}
body.pg-blog .blog-card-cat.scam {
  background: rgba(220,38,38,.07) !important;
  border-color: rgba(220,38,38,.2) !important;
  color: #dc2626 !important;
}
body.pg-blog .blog-card-cat.recovery {
  background: rgba(16,185,129,.07) !important;
  border-color: rgba(16,185,129,.2) !important;
  color: #059669 !important;
}
body.pg-blog .blog-card-cat.guide {
  background: rgba(217,119,6,.07) !important;
  border-color: rgba(217,119,6,.2) !important;
  color: #b45309 !important;
}
body.pg-blog .blog-card-cat.legal {
  background: rgba(109,40,217,.07) !important;
  border-color: rgba(109,40,217,.2) !important;
  color: #6d28d9 !important;
}

/* Featured card */
body.pg-blog .blog-featured {
  background: #ffffff !important;
  border-color: rgba(37,99,235,.15) !important;
  box-shadow: 0 4px 24px rgba(37,99,235,.07) !important;
}
body.pg-blog .blog-featured-left {
  background: #ffffff !important;
}
body.pg-blog .blog-featured-tag {
  background: rgba(217,119,6,.08) !important;
  border-color: rgba(217,119,6,.2) !important;
  color: #b45309 !important;
}
body.pg-blog .blog-featured h2,
body.pg-blog .blog-featured h2 a {
  color: #0f172a !important;
}
body.pg-blog .blog-featured h2 a:hover {
  color: #2563eb !important;
}
body.pg-blog .blog-featured p {
  color: #475569 !important;
}
body.pg-blog .blog-featured-right {
  background: linear-gradient(135deg,#eef3fe 0%,#dbeafe 100%) !important;
}
body.pg-blog .blog-stat-big {
  color: #2563eb !important;
}
body.pg-blog .blog-stat-lbl {
  color: #64748b !important;
}

/* CTA section */
body.pg-blog .blog-cta-section {
  background: linear-gradient(180deg,#eef3fe 0%,#e8f1ff 100%) !important;
  border-top-color: rgba(37,99,235,.12) !important;
}
body.pg-blog .blog-cta-section h2 { color: #0f172a !important; }
body.pg-blog .blog-cta-section p  { color: #475569 !important; }

/* Pagination */
body.pg-blog .pg-btn {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.3) !important;
  color: #64748b !important;
}
body.pg-blog .pg-btn:hover {
  border-color: rgba(37,99,235,.4) !important;
  color: #2563eb !important;
}
body.pg-blog .pg-btn.active {
  background: rgba(37,99,235,.08) !important;
  border-color: rgba(37,99,235,.4) !important;
  color: #2563eb !important;
}
body.pg-blog .pg-info { color: #94a3b8 !important; }

/* ═══════════════════════════════════════
   BLOG ARTICLE  (body.pg-blog-article)
═══════════════════════════════════════ */

/* Article hero */
body.pg-blog-article .article-hero {
  background: linear-gradient(180deg,#eef3fe 0%,#f8faff 100%) !important;
}
body.pg-blog-article .article-hero::before {
  background: radial-gradient(circle,rgba(37,99,235,.07) 0%,transparent 70%) !important;
}

/* Smooth white fade at the bottom of the hero — merges dark image into white body */
body.pg-blog-article .article-hero::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 110px !important;
  background: linear-gradient(to bottom, transparent 0%, #ffffff 100%) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

body.pg-blog-article .article-hero h1 { color: #0f172a !important; }

/* Category badge */
body.pg-blog-article .article-cat {
  /* inherit per-article colour from inline style — no override needed */
}

/* Article meta */
body.pg-blog-article .article-meta-item { color: #64748b !important; }
body.pg-blog-article .article-meta-item i { color: #2563eb !important; }

/* Hero image: bottom fade via CSS mask so the dark photo dissolves into white */
body.pg-blog-article .article-hero-img {
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%) !important;
  border-radius: 10px !important;
}

/* Article layout — pure white, seamless continuation */
body.pg-blog-article .article-layout {
  background: #ffffff !important;
  margin-top: 0 !important;
}

/* Article body text */
body.pg-blog-article .article-body h2 {
  color: #0f172a !important;
  border-bottom: 1px solid rgba(37,99,235,.1) !important;
  padding-bottom: 8px !important;
}
body.pg-blog-article .article-body h3 { color: #1e293b !important; }
body.pg-blog-article .article-body p  { color: #334155 !important; }
body.pg-blog-article .article-body strong { color: #0f172a !important; }
body.pg-blog-article .article-body a {
  color: #2563eb !important;
  border-bottom-color: rgba(37,99,235,.3) !important;
}
body.pg-blog-article .article-body a:hover {
  border-bottom-color: #2563eb !important;
}
body.pg-blog-article .article-body li { color: #334155 !important; }
body.pg-blog-article .article-body li strong { color: #0f172a !important; }

/* Article intro — white bg + blue left bar */
body.pg-blog-article .article-intro {
  background: #ffffff !important;
  border-left-color: #2563eb !important;
  color: #334155 !important;
  border: 1px solid rgba(37,99,235,.14) !important;
  border-left: 3px solid #2563eb !important;
}

/* Stat strip boxes */
body.pg-blog-article .stat-box {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.2) !important;
  box-shadow: 0 2px 10px rgba(15,23,42,.05) !important;
}
body.pg-blog-article .stat-num   { color: #dc2626 !important; }
body.pg-blog-article .stat-label { color: #64748b !important; }

/* ── Callouts: white bg + coloured left bar (no background tint) ── */
body.pg-blog-article .callout {
  background: #ffffff !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  border-left: 4px solid #64748b !important;
  border-radius: 0 12px 12px 0 !important;
}
body.pg-blog-article .callout.tip {
  border-color: rgba(16,185,129,.25) !important;
  border-left-color: #10b981 !important;
}
body.pg-blog-article .callout.warning {
  border-color: rgba(220,38,38,.2) !important;
  border-left-color: #dc2626 !important;
}
body.pg-blog-article .callout.info {
  border-color: rgba(37,99,235,.18) !important;
  border-left-color: #2563eb !important;
}
body.pg-blog-article .callout.urgent {
  border-color: rgba(220,38,38,.3) !important;
  border-left-color: #b91c1c !important;
  background: rgba(220,38,38,.02) !important;
}
body.pg-blog-article .callout-head { color: #0f172a !important; }
body.pg-blog-article .callout p    { color: #334155 !important; }
body.pg-blog-article .callout.warning .callout-head i,
body.pg-blog-article .callout.urgent  .callout-head i { color: #dc2626 !important; }
body.pg-blog-article .callout.tip  .callout-head i    { color: #059669 !important; }
body.pg-blog-article .callout.info .callout-head i    { color: #2563eb !important; }

/* Steps list */
body.pg-blog-article .steps-list li {
  border-bottom-color: rgba(148,163,184,.15) !important;
}
body.pg-blog-article .step-body strong { color: #0f172a !important; }
body.pg-blog-article .step-body p      { color: #475569 !important; }

/* Recovery steps */
body.pg-blog-article .recovery-steps li {
  border-bottom-color: rgba(148,163,184,.15) !important;
}
body.pg-blog-article .rec-body strong { color: #0f172a !important; }
body.pg-blog-article .rec-body p      { color: #475569 !important; }

/* Evidence checklist */
body.pg-blog-article .evidence-checklist li {
  border-bottom-color: rgba(148,163,184,.15) !important;
  color: #334155 !important;
}
body.pg-blog-article .evidence-checklist li i { color: #10b981 !important; }

/* ── Red-flag items: white bg + red left border (no pink tint) ── */
body.pg-blog-article .redflag-item {
  background: #ffffff !important;
  border: 1px solid rgba(220,38,38,.18) !important;
  border-left: 3px solid #dc2626 !important;
  border-radius: 0 10px 10px 0 !important;
  color: #334155 !important;
}
body.pg-blog-article .redflag-item strong { color: #dc2626 !important; }
body.pg-blog-article .redflag-item i      { color: #dc2626 !important; }
body.pg-blog-article .redflag-item-text   { color: #334155 !important; }
body.pg-blog-article .redflag-item-text strong { color: #0f172a !important; }

/* Drainer / comparison table */
body.pg-blog-article .drainer-table th {
  color: #64748b !important;
  border-bottom-color: rgba(148,163,184,.22) !important;
}
body.pg-blog-article .drainer-table td {
  color: #334155 !important;
  border-bottom-color: rgba(148,163,184,.1) !important;
}
body.pg-blog-article .drainer-table tr:hover td {
  background: rgba(37,99,235,.03) !important;
}
body.pg-blog-article .drainer-table td strong { color: #0f172a !important; }

/* Status badges in table */
body.pg-blog-article .badge.active {
  background: rgba(220,38,38,.08) !important;
  border-color: rgba(220,38,38,.25) !important;
  color: #dc2626 !important;
}
body.pg-blog-article .badge.closed {
  background: rgba(100,116,139,.08) !important;
  border-color: rgba(100,116,139,.25) !important;
  color: #64748b !important;
}

/* Company specs */
body.pg-blog-article .company-spec       { color: #334155 !important; }
body.pg-blog-article .company-spec i     { color: #10b981 !important; }
body.pg-blog-article .company-spec strong{ color: #0f172a !important; }

/* ── Sidebar ── */
body.pg-blog-article .sidebar-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.2) !important;
  box-shadow: 0 2px 10px rgba(15,23,42,.05) !important;
}
body.pg-blog-article .sidebar-card h4 { color: #0f172a !important; }
body.pg-blog-article .sidebar-toc a {
  color: #64748b !important;
}
body.pg-blog-article .sidebar-toc a::before {
  background: rgba(148,163,184,.5) !important;
}
body.pg-blog-article .sidebar-toc a:hover { color: #2563eb !important; }
body.pg-blog-article .sidebar-toc a:hover::before { background: #2563eb !important; }

/* Sidebar CTA */
body.pg-blog-article .sidebar-cta {
  background: linear-gradient(135deg,#eef3fe 0%,#dbeafe 100%) !important;
  border-color: rgba(37,99,235,.25) !important;
}
body.pg-blog-article .sidebar-cta h4 { color: #0f172a !important; }
body.pg-blog-article .sidebar-cta p  { color: #475569 !important; }

/* ── In-article CTA box (inline-styled, no class — target by child .btn-primary) ── */
body.pg-blog-article article > div:has(.btn-primary) {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  border: 1px solid rgba(37,99,235,.28) !important;
  box-shadow: 0 4px 24px rgba(37,99,235,.1) !important;
}
body.pg-blog-article article > div:has(.btn-primary) h3 {
  color: #0f172a !important;
}
body.pg-blog-article article > div:has(.btn-primary) p {
  color: #334155 !important;
}
/* Fix btn-primary inside CTA box — inline <style> sets color:#000!important at lower specificity */
body.pg-blog-article article > div:has(.btn-primary) .btn-primary {
  background: linear-gradient(135deg,#1d4ed8,#2563eb) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.pg-blog-article article > div:has(.btn-primary) .btn-secondary {
  border-color: rgba(37,99,235,.4) !important;
  color: #1d4ed8 !important;
  -webkit-text-fill-color: #1d4ed8 !important;
}
body.pg-blog-article article > div:has(.btn-primary) .btn-secondary i {
  color: #1d4ed8 !important;
}

/* ── Related articles — pure white to merge seamlessly with article body ── */
body.pg-blog-article .related-articles {
  background: #ffffff !important;
  border-top: 1px solid rgba(148,163,184,.15) !important;
  padding-top: 40px !important;
}
body.pg-blog-article .related-articles h3 { color: #0f172a !important; }
body.pg-blog-article .related-card {
  background: #ffffff !important;
  border-color: rgba(148,163,184,.18) !important;
}
body.pg-blog-article .related-card:hover {
  border-color: rgba(37,99,235,.28) !important;
  box-shadow: 0 8px 22px rgba(37,99,235,.1) !important;
}
body.pg-blog-article .related-card-cat { color: #2563eb !important; }
body.pg-blog-article .related-card h4  { color: #0f172a !important; }
body.pg-blog-article .related-card p   { color: #64748b !important; }

/* ── Shared buttons (light overrides for blog context) ── */
body.pg-blog .btn-secondary,
body.pg-blog-article .btn-secondary {
  border-color: rgba(37,99,235,.3) !important;
  color: #2563eb !important;
}
body.pg-blog .btn-secondary:hover,
body.pg-blog-article .btn-secondary:hover {
  background: rgba(37,99,235,.07) !important;
  border-color: rgba(37,99,235,.5) !important;
}

/* ═══════════════════════════════════════════════════════════════
   END theme-light.css
═══════════════════════════════════════════════════════════════ */