/* A light prediction-market visual language: precise, calm, data-first. */
:root {
  --bg: #fff;
  --panel: #fff;
  --panel2: #f7f8fa;
  --text: #111827;
  --muted: #6b7280;
  --line: #e5e7eb;
  --violet: #2563eb;
  --pink: #2563eb;
  --cyan: #4f8cff;
  --lime: #16a34a;
}

body { background: #fff; color: var(--text); font-family: Inter, system-ui, sans-serif; }
.noise { display: none; }
.nav { height: 64px; border-color: #e5e7eb; background: rgba(255,255,255,.94); position: sticky; top: 0; backdrop-filter: blur(14px); }
.brand { color: #111827; letter-spacing: -.04em; }
.brand img { border-radius: 8px; }
.nav nav a, .footer > a:last-child { color: #6b7280; font-weight: 500; }
.nav nav a:hover, .footer > a:last-child:hover { color: #2563eb; }
.button { min-height: 48px; border-radius: 8px; background: #2563eb; box-shadow: none; gap: 22px; }
.button:hover { background: #1d4ed8; box-shadow: none; }
.button-small { min-height: 38px; border-radius: 7px; }
.hero { min-height: 690px; padding-block: 72px 92px; }
.hero:before { width: 600px; height: 300px; left: -250px; top: 50px; background: #dbeafe; filter: blur(100px); opacity: .8; }
.eyebrow { color: #64748b; font-weight: 600; }
.eyebrow span { background: #2563eb; box-shadow: none; }
h1 { font-weight: 700; color: #111827; letter-spacing: -.06em; }
em { color: #2563eb; }
.hero-lead { color: #667085; line-height: 1.7; }
.text-link { color: #374151; font-weight: 600; }
.text-link span { color: #2563eb; }
.trust-row { color: #6b7280; }
.trust-row i { color: #16a34a; }
.orb { display: none; }
.terminal { background: #fff; border: 1px solid #e2e5e9; border-radius: 12px; box-shadow: 0 24px 70px rgba(15,23,42,.14); transform: rotateY(-2deg); }
.terminal-top { border-color: #e5e7eb; background: #fafafa; }
.terminal-brand { color: #111827; }
.terminal-brand span { color: #16a34a; border-color: #bbf7d0; background: #f0fdf4; }
.window-dots i { background: #d1d5db; }
.market-row strong { color: #111827; }
.market-row small { color: #9ca3af; }
.timer { color: #4b5563; }
.chart-grid { background-image: linear-gradient(#e9edf2 1px,transparent 1px),linear-gradient(90deg,#e9edf2 1px,transparent 1px); opacity: .75; }
.chart-line { stroke: #2563eb; filter: none; }
.chart-area { opacity: .42; }
.signal-line { stroke: #2563eb; }
.signal-dot { fill: #2563eb; filter: none; }
.signal-tag { background: #eff6ff; border-color: #bfdbfe; }
.signal-tag span { color: #2563eb; }
.signal-tag strong { color: #1e3a8a; }
.axis { color: #9ca3af; }
.risk-panel { background: #eff6ff; border-color: #bfdbfe; }
.risk-panel small { color: #64748b; }
.risk-panel strong, .risk-score span { color: #2563eb; }
.status { border-color: #e5e7eb; color: #9ca3af; }
.status i { box-shadow: none; }
.ticker { border-color: #e5e7eb; background: #f8fafc; color: #64748b; }
.ticker b { color: #2563eb; }
.ticker .ticker-track { display: flex; width: max-content; transform: translate3d(0,0,0); animation: ticker-loop 24s linear infinite; animation-play-state: running; will-change: transform; }
.ticker .ticker-track span { flex: none; }
@keyframes ticker-loop {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-50%,0,0); }
}
.section-label { color: #6b7280; border-color: #2563eb; }
.problem-text p, .solution-head > p, .tech-copy > p { color: #6b7280; }
.pain-cards { gap: 14px; border: 0; border-radius: 0; overflow: visible; }
.pain-card { min-height: 248px; padding: 24px; background: #fff; border: 1px solid #e5e7eb !important; border-radius: 12px; display: flex; flex-direction: column; }
.pain-card:hover { background: #fff; border-color: #bfdbfe !important; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(15,23,42,.06); }
.pain-card > span { color: #9ca3af; }
.pain-icon { width: 42px; height: 42px; margin: 34px 0 24px; border-radius: 9px; display: grid; place-items: center; color: #2563eb; background: #eff6ff; }
.pain-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.pain-card h3 { color: #111827; }
.pain-card p { color: #6b7280; }
.solution { background: #f7f8fa; border-color: #e5e7eb; }
.step { background: #fff; border-color: #e2e5e9; border-radius: 12px; box-shadow: 0 1px 2px rgba(15,23,42,.03); }
.step-num { color: #9ca3af; }
.step-visual { background: #f8fafc; border-color: #edf0f3; border-radius: 8px; }
.step p { color: #6b7280; }
.visual-scan { background-image: radial-gradient(circle at center,rgba(37,99,235,.11),transparent 60%),linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px); }
.visual-scan span { background: #2563eb; box-shadow: none; }
.visual-scan i, .visual-scan b { background: #2563eb; box-shadow: 0 0 0 5px rgba(37,99,235,.12); }
.visual-pattern i { background: linear-gradient(#60a5fa,#2563eb); box-shadow: none; }
.visual-alert { background: radial-gradient(circle at center,rgba(37,99,235,.12),transparent 65%),#f8fafc; }
.visual-alert span { border-color: #60a5fa; color: #2563eb; box-shadow: none; }
.visual-alert b { color: #2563eb; }
.result-card { border-color: #dbe4f0; border-radius: 12px; background: #fff; }
.result-mark { color: #16a34a; border-color: #bbf7d0; background: #f0fdf4; }
.result-card small { color: #2563eb; }
.result-card p { color: #6b7280; }
.result-line { background: #e5e7eb; }
.result-line span { background: #2563eb; }
.result-line i { background: #2563eb; box-shadow: 0 0 0 4px #dbeafe; }
.tech-stat strong { background: none; -webkit-background-clip: initial; color: #2563eb; }
.tech-stat span, .tech-copy p { color: #6b7280; }
.tech-list, .tech-list > div { border-color: #e5e7eb; }
.tech-list span { color: #9ca3af; }
.tech-list p { color: #6b7280; }
.cta { border-color: #dbe4f0; border-radius: 16px; background: linear-gradient(180deg,#f8fbff,#edf5ff); }
.cta:before, .cta:after { border-color: rgba(37,99,235,.1); }
.cta-glow { background: #bfdbfe; opacity: .8; }
.cta-content > img { box-shadow: 0 18px 45px rgba(37,99,235,.18); }
.cta h2 { color: #111827; }
.cta p { color: #64748b; }
.button-light { background: #2563eb; color: #fff; }
.button-light:hover { background: #1d4ed8; }
.cta-content > small { color: #94a3b8; }
.footer { border-top: 1px solid #e5e7eb; }
.footer p { color: #9ca3af; }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.theme-toggle { width: 38px; height: 38px; border: 1px solid #e5e7eb; border-radius: 8px; display: grid; place-items: center; background: #fff; color: #667085; cursor: pointer; padding: 0; transition: background .2s, border-color .2s, color .2s; }
.theme-toggle:hover { background: #f8fafc; color: #2563eb; border-color: #d5dbe4; }
.theme-icon { grid-area: 1 / 1; line-height: 1; transition: opacity .2s, transform .25s; }
.theme-icon-sun { font-size: 17px; opacity: 1; transform: scale(1) rotate(0); }
.theme-icon-moon { font-size: 15px; opacity: 0; transform: scale(.6); }

html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body { background: #111318; color: #f3f4f6; }
html[data-theme="dark"] .nav { background: rgba(17,19,24,.94); border-color: #2b2f38; }
html[data-theme="dark"] .brand, html[data-theme="dark"] h1, html[data-theme="dark"] .pain-card h3, html[data-theme="dark"] .cta h2 { color: #f3f4f6; }
html[data-theme="dark"] .nav nav a, html[data-theme="dark"] .footer > a:last-child { color: #a1a7b3; }
html[data-theme="dark"] .nav nav a:hover, html[data-theme="dark"] .footer > a:last-child:hover { color: #60a5fa; }
html[data-theme="dark"] .theme-toggle { background: #1b1e25; color: #c7cbd4; border-color: #343843; }
html[data-theme="dark"] .theme-toggle:hover { background: #232730; color: #60a5fa; }
html[data-theme="dark"] .theme-icon-sun { opacity: 0; transform: scale(.6) rotate(45deg); }
html[data-theme="dark"] .theme-icon-moon { opacity: 1; transform: scale(1); }
html[data-theme="dark"] .hero:before { background: #1e3a8a; opacity: .18; }
html[data-theme="dark"] .hero-lead, html[data-theme="dark"] .problem-text p, html[data-theme="dark"] .solution-head > p, html[data-theme="dark"] .tech-copy > p { color: #9da4b1; }
html[data-theme="dark"] .eyebrow, html[data-theme="dark"] .trust-row { color: #8e96a5; }
html[data-theme="dark"] .text-link { color: #d1d5db; }
html[data-theme="dark"] .terminal { background: #1a1d24; border-color: #343842; box-shadow: 0 24px 70px rgba(0,0,0,.34); }
html[data-theme="dark"] .terminal-top { background: #171a20; border-color: #30343d; }
html[data-theme="dark"] .terminal-brand, html[data-theme="dark"] .market-row strong { color: #f3f4f6; }
html[data-theme="dark"] .market-row small, html[data-theme="dark"] .timer { color: #8f96a3; }
html[data-theme="dark"] .chart-grid { background-image: linear-gradient(#2b303a 1px,transparent 1px),linear-gradient(90deg,#2b303a 1px,transparent 1px); }
html[data-theme="dark"] .signal-tag { background: #18253c; border-color: #294c7d; }
html[data-theme="dark"] .signal-tag strong { color: #bfdbfe; }
html[data-theme="dark"] .risk-panel { background: #17233a; border-color: #28466f; }
html[data-theme="dark"] .status { border-color: #30343d; }
html[data-theme="dark"] .ticker { background: #171a20; border-color: #2b2f38; color: #969dab; }
html[data-theme="dark"] .pain-cards { border: 0; }
html[data-theme="dark"] .pain-card { background: #181b21; border-color: #30343d !important; }
html[data-theme="dark"] .pain-card:hover { background: #181b21; border-color: #365b92 !important; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
html[data-theme="dark"] .pain-icon { background: #17233a; }
html[data-theme="dark"] .pain-card p, html[data-theme="dark"] .step p, html[data-theme="dark"] .result-card p, html[data-theme="dark"] .tech-list p { color: #969daa; }
html[data-theme="dark"] .solution { background: #15171c; border-color: #2b2f38; }
html[data-theme="dark"] .step { background: #1b1e24; border-color: #30343d; }
html[data-theme="dark"] .step-visual { background: #14171c; border-color: #292d35; }
html[data-theme="dark"] .visual-alert { background: radial-gradient(circle at center,rgba(37,99,235,.18),transparent 65%),#14171c; }
html[data-theme="dark"] .result-card { background: #1b1e24; border-color: #303b4e; }
html[data-theme="dark"] .result-line { background: #343943; }
html[data-theme="dark"] .tech-list, html[data-theme="dark"] .tech-list > div { border-color: #30343d; }
html[data-theme="dark"] .tech-stat span { color: #9da4b1; }
html[data-theme="dark"] .cta { background: linear-gradient(180deg,#1a2030,#151a25); border-color: #303b50; }
html[data-theme="dark"] .cta:before, html[data-theme="dark"] .cta:after { border-color: rgba(96,165,250,.1); }
html[data-theme="dark"] .cta-glow { background: #1d4ed8; opacity: .22; }
html[data-theme="dark"] .cta p { color: #9da4b1; }
html[data-theme="dark"] .footer { border-color: #2b2f38; }

@media (max-width: 600px) {
  .nav { height: 62px; }
  .terminal { transform: none; }
}