/* TradingBolt — editorial theme (Mobbin-inspired), graded to the screener's dark palette */
:root{
  --bg:#0b0b0c;--bg-elevated:#111113;--bg-card:#151517;--bg-soft:#1b1b1e;
  --text:#f4f4f5;--text-secondary:#a1a1aa;--text-tertiary:#71717a;
  --accent:#22c55e;--accent-soft:rgba(34,197,94,.14);--green:#22c55e;--red:#ef4444;--orange:#f59e0b;
  --border:rgba(255,255,255,.07);--border-strong:rgba(255,255,255,.13);
  --radius:24px;--radius-sm:16px;--max:1200px;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
body{background:var(--bg);font-feature-settings:"ss01","cv11";letter-spacing:-.005em}
.aurora,.hero-glow,.device-glow-line,.custom-orbs{display:none!important}
.hero-grid{opacity:1!important;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px)!important;background-size:22px 22px!important;mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 75%)}

/* Nav: floating pill */
.nav{top:14px!important;left:50%!important;right:auto!important;transform:translateX(-50%);width:min(100% - 24px,1120px);height:56px;border-radius:999px;background:rgba(17,17,19,.72)!important;border:1px solid var(--border-strong)!important;backdrop-filter:blur(18px) saturate(160%)!important;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.nav-inner{width:calc(100% - 20px)!important;padding-left:6px}
.logo{font-weight:800;letter-spacing:-.035em;font-size:18px;gap:10px;display:inline-flex;align-items:center}
.logo-mark{width:28px!important;height:28px!important;background:none!important;border-radius:8px!important;box-shadow:none!important;padding:0!important;display:inline-flex}
.logo-mark svg{width:28px!important;height:28px!important}
.nav-links a{font-size:14px;font-weight:500;color:var(--text-secondary)}
.nav-cta{background:#fff!important;color:#0b0b0c!important;border-radius:999px!important;font-weight:600;padding:9px 18px!important}

/* Hero */
.hero{padding-top:150px!important}
.hero-eyebrow{background:var(--bg-card)!important;border:1px solid var(--border-strong)!important;border-radius:999px;font-size:13px;color:var(--text-secondary);backdrop-filter:none}
.hero-eyebrow .dot{background:var(--green)!important;box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.hero h1{font-weight:800!important;letter-spacing:-.055em!important;line-height:.98!important;font-size:clamp(46px,8.2vw,108px)!important}
.hero h1 .grad{background:linear-gradient(90deg,#22c55e,#a3e635 40%,#f59e0b 75%,#22c55e)!important;background-size:200% auto!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.hero-sub{color:var(--text-secondary)!important;font-size:clamp(17px,1.6vw,20px)!important;max-width:620px}
.btn{border-radius:999px!important;font-weight:600!important;letter-spacing:-.01em}
.btn-primary{background:#fff!important;color:#0b0b0c!important;box-shadow:none!important}
.btn-primary:hover{background:#e4e4e7!important}
.btn-ghost{background:var(--bg-soft)!important;color:var(--text)!important;border:1px solid var(--border-strong)!important}
.btn-accent{background:var(--green)!important;color:#05200f!important;box-shadow:0 8px 30px rgba(34,197,94,.25)!important}
.device-bezel{background:var(--bg-card)!important;border:1px solid var(--border-strong)!important;border-radius:20px!important;box-shadow:0 40px 120px rgba(0,0,0,.6)!important}
.device-screen{border-radius:12px!important}

/* Ticker strip */
.ticker{position:relative;z-index:1;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:24px 0 64px;padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ticker-track{display:flex;gap:48px;width:max-content;animation:tick 40s linear infinite;font:500 14px var(--mono)}
.ticker-track span{color:var(--text-secondary);white-space:nowrap}
.ticker-track b{color:var(--text);font-weight:500}
.ticker-track em{font-style:normal}.ticker-track .up{color:var(--green)}.ticker-track .dn{color:var(--red)}
@keyframes tick{to{transform:translateX(-50%)}}

/* Sections */
.section{padding:120px 0!important}
.section[style*="bg-elevated"]{background:transparent!important}
.section-inner{width:min(100% - 40px,var(--max))!important}
.section-label{display:inline-block;color:var(--text-secondary)!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;padding:6px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-card)}
p.section-label[style*="center"]{display:table;margin-left:auto;margin-right:auto}
.section-title{font-weight:800!important;letter-spacing:-.045em!important;line-height:1.04!important;font-size:clamp(34px,4.6vw,60px)!important}
.section-desc{color:var(--text-secondary)!important;font-size:18px!important}

/* Cards: flat editorial tiles */
.feature-card,.price-card,.member-card,.faq-item,.step,.ai-banner,.ai-mock,.stat{background:var(--bg-card)!important;border:1px solid var(--border)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-radius:var(--radius)!important}
.feature-grid{gap:16px!important}
.feature-card{padding:28px!important;transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1),background .3s!important}
.feature-card:hover{border-color:var(--border-strong)!important;background:var(--bg-soft)!important}
.feature-card h3{font-weight:700;letter-spacing:-.02em}
.feature-card::before,.tilt::after{background:radial-gradient(360px circle at var(--mx,var(--gx,50%)) var(--my,var(--gy,50%)),rgba(34,197,94,.10),transparent 60%)!important}
.price-card.tilt:hover,.device-bezel.tilt:hover{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(34,197,94,.3)!important}
.stats{gap:16px!important;background:none!important;border:0!important}
.stat{padding:28px 20px!important}
.stat-num{font-weight:800!important;letter-spacing:-.05em;background:none!important;-webkit-text-fill-color:var(--text)!important;color:var(--text)!important}
.step::before{background:var(--bg-soft)!important;color:var(--green)!important;border:1px solid var(--border-strong)!important}
.bullet-list li::before{background:var(--green)!important}
.price-card.featured{background:linear-gradient(180deg,rgba(34,197,94,.10),var(--bg-card) 45%)!important;border-color:rgba(34,197,94,.35)!important}
.price-badge{background:var(--green)!important;color:#05200f!important}
.price-amount{font-weight:800!important;letter-spacing:-.04em}
.price-features li svg{color:var(--green)!important}
.custom-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:32px!important;backdrop-filter:none!important;box-shadow:none!important;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px)!important;background-size:20px 20px!important}
.custom-tags li{background:var(--bg-soft)!important;border:1px solid var(--border-strong)!important;border-radius:999px!important}
.cta-band{background:none!important;padding:140px 20px!important}
.cta-band h2{font-weight:800!important;letter-spacing:-.05em!important;font-size:clamp(40px,6vw,80px)!important}
.footer{background:var(--bg)!important;border-top:1px solid var(--border)!important}
.pricing-footnote a,.member-back a{color:var(--green)!important}
.field input{background:var(--bg-soft)!important;border:1px solid var(--border-strong)!important;border-radius:14px!important}
.field input:focus{border-color:var(--green)!important;box-shadow:0 0 0 4px rgba(34,197,94,.15)!important}
.member-card{padding:44px 36px!important}
.member-card h1{font-weight:800;letter-spacing:-.04em}

/* Demo frame graded */
.cs-bezel{background:var(--bg-card)!important;border:1px solid var(--border-strong);box-shadow:0 50px 140px rgba(0,0,0,.65),0 0 0 1px rgba(34,197,94,.06)!important}
.cs-stand{background:linear-gradient(#1b1b1e,#111113)!important}

/* Motion */
.reveal{opacity:0;transform:translateY(24px);filter:none!important;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)!important}
.reveal.in{opacity:1;transform:none}
@media (max-width:900px){
  .nav{width:calc(100% - 20px);top:10px!important}
  .nav-links.open{top:64px!important;border-radius:20px;background:rgba(17,17,19,.97)!important;border:1px solid var(--border-strong)}
  .section{padding:80px 0!important}
  .hero{padding-top:120px!important}
}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* ---------- Theme toggle ---------- */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--text);cursor:pointer;margin-right:8px;flex:0 0 auto;transition:background .3s,color .3s}
.theme-toggle svg{width:18px;height:18px}
.theme-toggle .sun{display:none}
[data-theme="light"] .theme-toggle .sun{display:block}
[data-theme="light"] .theme-toggle .moon{display:none}
.theme-fixed{position:fixed;top:16px;right:16px;z-index:200}
body,.nav,.feature-card,.price-card,.faq-item,.stat,.step,.member-card{transition:background-color .35s,border-color .35s,color .35s}

/* ---------- Warm light theme ---------- */
[data-theme="light"]{
  --bg:#f7f5f0;--bg-elevated:#faf8f3;--bg-card:#fffdf9;--bg-soft:#f1ede4;
  --text:#141414;--text-secondary:#57534e;--text-tertiary:#8a847b;
  --accent:#15803d;--accent-soft:rgba(21,128,61,.10);--green:#15803d;--red:#dc2626;--orange:#b45309;
  --border:#e8e2d6;--border-strong:#ddd5c6;color-scheme:light
}
[data-theme="light"] body{background:var(--bg);color:var(--text)}
[data-theme="light"] .nav{background:rgba(250,248,243,.8)!important;box-shadow:0 6px 24px rgba(60,45,20,.08)}
[data-theme="light"] .nav-links a:hover{color:var(--text)}
[data-theme="light"] .nav-cta,[data-theme="light"] .btn-primary{background:#141414!important;color:#faf8f3!important}
[data-theme="light"] .btn-primary:hover{background:#2a2a2a!important}
[data-theme="light"] .btn-accent{background:#15803d!important;color:#fff!important;box-shadow:0 8px 24px rgba(21,128,61,.2)!important}
[data-theme="light"] .hero-grid{background-image:radial-gradient(rgba(60,45,20,.12) 1px,transparent 1px)!important}
[data-theme="light"] .hero h1 .grad{background-image:linear-gradient(90deg,#15803d,#4d7c0f 40%,#b45309 75%,#15803d)!important}
[data-theme="light"] .feature-card,[data-theme="light"] .price-card,[data-theme="light"] .faq-item,[data-theme="light"] .step,[data-theme="light"] .ai-banner,[data-theme="light"] .ai-mock,[data-theme="light"] .stat,[data-theme="light"] .member-card,[data-theme="light"] .custom-card{box-shadow:0 1px 2px rgba(60,45,20,.04),0 8px 24px rgba(60,45,20,.05)!important}
[data-theme="light"] .custom-card{background-image:radial-gradient(rgba(60,45,20,.08) 1px,transparent 1px)!important}
[data-theme="light"] .price-card.featured{background:linear-gradient(180deg,rgba(21,128,61,.08),var(--bg-card) 45%)!important;border-color:rgba(21,128,61,.35)!important}
[data-theme="light"] .price-badge{background:#15803d!important;color:#fff!important}
[data-theme="light"] .device-bezel,[data-theme="light"] .cs-bezel{background:#fffdf9!important;border:1px solid var(--border-strong)!important;box-shadow:0 30px 80px rgba(60,45,20,.16),0 2px 6px rgba(60,45,20,.06)!important}
[data-theme="light"] .cs-stand{background:linear-gradient(#e8e2d6,#d6cdbb)!important}
[data-theme="light"] .ai-tag.watch,[data-theme="light"] .badge-watch{background:var(--bg-soft);color:var(--text-secondary)}
[data-theme="light"] .badge-buy{background:rgba(21,128,61,.12)}[data-theme="light"] .badge-short{background:rgba(220,38,38,.1)}
[data-theme="light"] .ticker-track b{color:var(--text)}
[data-theme="light"] .footer{background:var(--bg-elevated)!important}
[data-theme="light"] .feature-card::before,[data-theme="light"] .tilt::after{background:radial-gradient(360px circle at var(--mx,var(--gx,50%)) var(--my,var(--gy,50%)),rgba(21,128,61,.07),transparent 60%)!important}
[data-theme="light"] .price-card.tilt:hover,[data-theme="light"] .device-bezel.tilt:hover{box-shadow:0 24px 60px rgba(60,45,20,.15),0 0 0 1px rgba(21,128,61,.3)!important}
[data-theme="light"] .logo-mark svg>rect{fill:#141414}
[data-theme="light"] .logo-mark svg>g{fill:#faf8f3}
[data-theme="light"] .logo-mark svg>path{fill:#22c55e}
@media (max-width:900px){[data-theme="light"] .nav-links.open{background:rgba(250,248,243,.98)!important}}
.nav-cta{white-space:nowrap}
@media (max-width:520px){.nav-cta{display:none!important}.theme-toggle{margin-left:auto}.nav-toggle{margin-right:4px}}