/* AI answer pages and the Fear & Greed vs Barometer page (views/landing/aiAnswer.ejs, fearGreedVsBarometer.ejs).
   One stylesheet for both; design: the app's dial under the price on a navy card, gold CTA, zone colours as in the app. */
main.ai{padding:48px 24px 96px;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif}
main.ai *{box-sizing:border-box}main.ai p{margin:0}
main.ai .col{max-width:720px;margin:0 auto}
main.ai h1{font-size:40px;line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.02em;margin:0;padding:0;text-align:center}
main.ai .num{font-variant-numeric:tabular-nums}
main.ai .up{color:#34d399}main.ai .dn{color:#f87171}
main.ai .hero{margin-top:32px;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px 24px;text-align:center}
main.ai .hero .k{font-size:14px;font-weight:600;letter-spacing:.12em;color:#FFD700}
main.ai .hero .p{font-size:64px;font-weight:800;color:#fff;line-height:1;margin-top:16px;letter-spacing:-.03em}
main.ai .hero .c{font-size:16px;font-weight:600;margin-top:8px}
main.ai .hero .g{width:400px;max-width:100%;margin:24px auto 0}
main.ai .hero .g svg{display:block;width:100%;height:auto}
main.ai .hero .zn{font-size:20px;font-weight:700}
main.ai .hero .d{font-size:14px;color:#94a3b8;margin-top:8px}
main.ai .zn.z-Chill{color:#5dade2}main.ai .zn.z-Neutral{color:#58d68d}main.ai .zn.z-Heated{color:#f7dc6f}main.ai .zn.z-Euphoric{color:#ec7063}
main.ai .ans{font-size:18px;line-height:1.65;color:#cbd5e1;margin:24px 0 0}
main.ai table.zones{width:100%;border-collapse:separate;border-spacing:0;margin-top:32px;font-size:16px;background:#0f172a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
main.ai table.zones th{text-align:left;font-size:14px;font-weight:600;color:#94a3b8;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
main.ai table.zones td{padding:12px 16px;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.05)}
main.ai table.zones tr:last-child td{border-bottom:0}
main.ai table.zones tr.on td{background:rgba(255,255,255,.04);color:#fff;font-weight:600}
main.ai table.zones i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:12px}
main.ai table.zones i.z-Chill{background:#3498db}main.ai table.zones i.z-Neutral{background:#27ae60}main.ai table.zones i.z-Heated{background:#f39c12}main.ai table.zones i.z-Euphoric{background:#e74c3c}
main.ai table.zones em{font-style:normal;font-size:14px;font-weight:600;color:#FFD700;margin-left:8px}
/* DOM keeps the link before the button (the sentence the pages always carried); the button is shown first */
main.ai .act{display:flex;flex-wrap:wrap;row-gap:16px;align-items:center;margin-top:32px;color:#93c5fd;font-size:16px}
main.ai .btn{order:-1;margin-right:16px;background:linear-gradient(#FFE55C,#DAA520);color:#111;font-weight:700;font-size:16px;padding:12px 24px;border-radius:12px;text-decoration:none}
main.ai .lnk{color:#93c5fd;font-size:16px;text-decoration:none}
main.ai .disc{margin-top:24px;font-size:14px;color:#64748b}
/* Fear & Greed vs Barometer: the two readings sit in the same navy card */
main.ai .hero.stats p{font-size:18px;color:#cbd5e1}main.ai .hero.stats p+p{margin-top:12px}
main.ai .hero.stats b{display:block;font-size:48px;line-height:1.1;font-weight:800;color:#fff;letter-spacing:-.03em}
@media(max-width:600px){main.ai{padding:32px 16px 64px}main.ai h1{font-size:28px}main.ai .ans{font-size:17px}main.ai .hero .p{font-size:48px}main.ai .hero{padding:24px 16px}}