/* Updated for dark theme: body background #121212; all text forced to white for maximum contrast. No DataTables styling used. */
:root{
  --chat-bg-dark:#121212;
  --chat-text-primary:#ffffff;
  --chat-text-secondary:#ffffff; /* force all text to white */
  --chat-text-light:#ffffff;
  --chat-border-light:#2a2a2a;
  --chat-border-medium:#3a3a3a;
  --chat-accent-blue:#0d6efd;
  --chat-accent-green:#198754;
  --chat-accent-red:#dc3545;
  --chat-accent-yellow:#ffc107;
  --chat-surface-1:#181818;

  --chat-surface-2:#1e1e1e;
  --chat-surface-3:#2a2a2a;
  --chat-shadow-light:0 2px 4px rgba(0,0,0,0.35);
  --chat-shadow-medium:0 4px 8px rgba(0,0,0,0.45);
  --chat-shadow-heavy:0 8px 16px rgba(0,0,0,0.6);
  --chat-transition:all 0.2s ease-in-out;
}

html,body{background:#121212!important;color:#ffffff!important;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.55}
/* Global override: every element inherits white text unless overridden for special UI (e.g., slider knob) */
body, body *{color:#ffffff!important;}

/* Links: clear contrast on dark */
a{color:var(--chat-accent-blue,#0d6efd);text-decoration:none}
a:hover{color:#79a8ff}
:focus-visible{outline:2px solid var(--chat-accent-yellow,#ffc107);outline-offset:2px}

.site-nav{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(5,17,29,0.95),rgba(5,17,29,0.8));backdrop-filter:saturate(120%) blur(6px);padding:10px 12px;display:flex;gap:14px;border-bottom:1px solid rgba(255,255,255,0.06)}
.site-nav .nav-link{padding:6px 10px;border-radius:6px;transition:var(--chat-transition,all .2s ease-in-out)}
.site-nav .nav-link:hover{background:rgba(13,110,253,0.12)}

#hero{padding:64px 16px 28px;background:radial-gradient(1200px 600px at 20% -10%,rgba(13,110,253,0.25),transparent),linear-gradient(180deg,rgba(1,12,23,0.9),rgba(1,12,23,0.6));border-bottom:1px solid rgba(255,255,255,0.06)}
.hero-inner{max-width:1060px;margin:0 auto;text-align:left}
#hero h1{font-size:2rem;margin:0 0 8px}
#hero .subhead{margin:0 0 16px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 4px}
.trust-bar{margin-top:8px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:var(--chat-transition,all .2s ease-in-out);text-decoration:none;font-weight:600}
.btn-sm{padding:6px 10px;font-size:.85rem}
.btn-primary{background:var(--chat-accent-blue,#0d6efd);color:#ffffff!important}
.btn-primary:hover{filter:brightness(1.08)}
.btn-secondary{background:transparent;border-color:var(--chat-accent-blue,#0d6efd);color:var(--chat-accent-blue,#0d6efd)!important}
.btn-secondary:hover{background:rgba(13,110,253,0.12)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,0.24);border-width:1px;border-style:solid}
.btn-ghost:hover{background:rgba(255,255,255,0.08)}

.source-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);font-size:.8rem}
.source-badge .plus{color:var(--chat-accent-green,#198754)!important;font-weight:700}

.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:22px 16px;max-width:1100px;margin:0 auto}
.card{background:var(--chat-surface-2,#1e1e1e);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:16px;box-shadow:var(--chat-shadow-light,0 2px 4px rgba(0,0,0,0.35))}

.section{padding:36px 16px;border-top:1px solid rgba(255,255,255,0.06)}
.section h2{max-width:1100px;margin:0 auto 12px}
.section a,.section p,.section ul,.section .tiles,.section .platform-cards,.section .data-widgets{max-width:1100px;margin:0 auto}
.bullets{padding-left:18px}
.small-note{font-size:.9rem}
.tiny-note{font-size:.8rem}

.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.tile{background:var(--chat-surface-2,#1e1e1e);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px}

.platform-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:8px}
.platform-card{background:var(--chat-surface-2,#1e1e1e);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px}

.data-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px}
.widget{background:var(--chat-surface-2,#1e1e1e);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px}

.mini-ticker{display:flex;align-items:center;gap:10px;margin-top:10px}
.ticker-label{font-size:.9rem}
.ticker-value{font-family:ui-monospace,Menlo,Consolas,monospace}
.ticker-value.big{font-size:1.25rem}

.prompt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.chip{background:transparent;border:1px solid rgba(255,255,255,0.24);padding:6px 10px;border-radius:999px;cursor:pointer;transition:var(--chat-transition,all .2s ease-in-out)}
.chip:hover{background:rgba(255,255,255,0.08)}

.ai-input-row{display:flex;gap:8px;align-items:center;max-width:1100px;margin:8px auto 0}
.ai-input-row input{flex:1;min-width:180px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.24);background:var(--chat-surface-1,#181818);color:#ffffff!important}
.ai-input-row input::placeholder{color:#ffffff!important;opacity:0.7}

/* Toggle switch styling (supports on/off toggles) */
.toggle-switch{position:relative;display:inline-block;width:46px;height:26px}
.toggle-switch input{opacity:0;width:0;height:0}
.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.2);transition:var(--chat-transition,all .2s ease-in-out);border-radius:999px}
.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:3px;background:#ffffff;border-radius:50%;transition:var(--chat-transition,all .2s ease-in-out)}
.toggle-switch input:checked + .slider{background:var(--chat-accent-blue,#0d6efd)}
.toggle-switch input:checked + .slider:before{transform:translateX(20px)}
.toggle-label{margin:0 10px 0 6px}

.subscribe-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:800px;margin:8px auto 0}
.subscribe-form input[type=email]{flex:1;min-width:220px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,0.24);background:var(--chat-surface-1,#181818);color:#ffffff!important}
.subscribe-form input[type=email]::placeholder{color:#ffffff!important;opacity:0.7}

.site-footer{padding:20px 16px;border-top:1px solid rgba(255,255,255,0.06)}

/* Anchors offset for sticky nav */
section{scroll-margin-top:70px}

/* Responsive tweaks */
@media (min-width:900px){#hero h1{font-size:2.4rem}}