/* Design standard 6A: dark-first trading look */
:root{--bg:#F0F3FA;--panel:#FFFFFF;--panel2:#F5F7FB;--line:#E0E3EB;--text:#131722;--muted:#787B86;--up:#089981;--down:#F23645;--gold:#FF9800;--blue:#2962FF;--sh:#089981;--r:10px;--shadow:0 1px 2px rgba(19,23,34,.06);--onblue:#fff}
html[data-theme=dark]{--bg:#0B0E14;--panel:#131722;--panel2:#1E222D;--line:#2A2E39;--text:#D1D4DC;--muted:#787B86;--up:#22AB94;--down:#F7525F;--gold:#FF9800;--blue:#2962FF;--sh:#22AB94;--shadow:0 8px 24px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,sans-serif}
body.lang-ur{font-family:"Noto Naskh Arabic",Inter,sans-serif;line-height:1.85;font-size:16px}
.lang-ur h1,.lang-ur h2,.lang-ur .brand-ur,.lang-ur .eyebrow{font-family:Gulzar,"Noto Naskh Arabic",serif;line-height:1.9;font-weight:400}
.lang-ur h1{font-size:2rem}.lang-ur .hero h1{font-size:2.6rem}.lang-ur h3,.lang-ur .btn,.lang-ur label,.lang-ur .tbl{font-family:"Noto Naskh Arabic",Inter,sans-serif}
.lang-ur .lead{line-height:1.9;font-size:1.1rem}.lang-ur .btn{font-weight:600}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.num,.kv b,.big,.tbl td.r,input[dir=ltr]{font-family:Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums}
h1{font-size:1.7rem;margin:.2em 0}h2{font-size:1.25rem;margin:1.6em 0 .6em}h3{font-size:1.02rem;margin:0 0 .7em}h4{margin:1em 0 .4em;font-size:.92rem;color:var(--muted)}
.muted{color:var(--muted)}.small{font-size:.82rem}.up{color:var(--up)}.down{color:var(--down)}.r{text-align:end}
.wrap{max-width:1280px;margin:0 auto;padding:18px}
.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;flex-wrap:wrap}
.brand{font-weight:800;color:var(--text);font-size:1.05rem;display:flex;gap:8px;align-items:center;font-family:Inter}.logo{color:var(--blue)}
.search{flex:1;min-width:180px;max-width:420px}.search input{width:100%}
.nav{display:flex;gap:14px;align-items:center;margin-inline-start:auto}.nav a{color:var(--muted)}.nav a.on,.nav a:hover{color:var(--text);text-decoration:none}
.pill{border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.demo-banner{background:#FFF4E5;color:#B26A00;text-align:center;padding:6px 12px;font-size:.82rem;border-bottom:1px solid rgba(245,184,65,.25)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}
.btn{display:inline-block;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:9px 16px;font-weight:600;cursor:pointer;font:inherit}
.btn.primary{background:var(--blue);border-color:var(--blue);color:var(--onblue)}.btn.primary:hover{filter:brightness(1.07);text-decoration:none}
.btn.ghost{background:transparent}.btn.sm{padding:5px 11px;font-size:.85rem}.btn.block{width:100%}
input,select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:8px 10px;font:inherit}
input:focus,select:focus{outline:2px solid var(--blue);border-color:transparent}
label{display:block;margin:10px 0;font-size:.9rem;color:var(--muted)}label input,label select{display:block;width:100%;margin-top:4px}
label.check{display:flex;gap:8px;align-items:center}label.check input{width:auto;display:inline}
.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:10px}
.flash{padding:8px 12px;border-radius:9px}.flash.err{background:rgba(242,54,69,.1);color:var(--down)}.flash.ok{background:rgba(8,153,129,.1);color:var(--up)}
.auth-card{max-width:440px;margin:40px auto}.auth-page{display:block}
/* landing */
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;padding:40px 0}
.hero h1{font-size:2.4rem;line-height:1.2}.lead{color:var(--muted);font-size:1.08rem}.eyebrow{color:var(--blue);font-weight:600;margin:0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.feature .ficon{font-size:1.6rem}.steps{display:flex;gap:14px;padding:0;list-style:none;counter-reset:s}
.steps li{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;counter-increment:s}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-weight:700;margin-inline-end:10px}
.plan{text-align:center}.plan.featured{border:2px solid var(--blue)}.price{color:var(--muted)}
/* dashboard */
.dash-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}
.toggle{border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--muted)}.toggle.on{border-color:var(--sh);color:var(--sh);background:rgba(16,185,129,.1)}
.grid-dash,.grid-stock{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.span2{grid-column:span 2}.span3{grid-column:1/-1}
.big{font-size:1.6rem;font-weight:700}.big span{font-size:1rem;margin-inline-start:8px}
.chart{height:300px;margin-top:8px;direction:ltr}.chart.tall{height:420px}
.tf{display:flex;gap:4px;direction:ltr}.tf button{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:7px;padding:3px 9px;cursor:pointer;font:inherit;font-size:.8rem}.tf button.on{color:var(--text);border-color:var(--blue)}
.breadth{font-size:1.4rem;font-weight:700;font-family:Inter}.bar{height:8px;background:rgba(234,57,67,.6);border-radius:8px;overflow:hidden;margin:6px 0 10px}.bar i{display:block;height:100%;background:var(--up)}
.mover{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--text)}.mover:hover{text-decoration:none;background:var(--panel2)}
.events{list-style:none;padding:0;margin:0}.events li{padding:5px 0;border-bottom:1px dashed var(--line);font-size:.88rem}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl th{color:var(--muted);font-weight:500;text-align:start;padding:8px;border-bottom:1px solid var(--line)}
.tbl td{padding:8px;border-bottom:1px solid var(--line)}.tbl tr:hover td{background:var(--panel2)}.tbl.compact td{padding:6px 4px}.tbl td a{color:var(--text)}
.spark{width:90px;height:26px}.spark polyline{fill:none;stroke-width:1.6}.spark.up polyline{stroke:var(--up)}.spark.down polyline{stroke:var(--down)}
.tag{display:inline-block;font-size:.75rem;padding:1px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.tag.sh{color:var(--sh);border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.08)}.tag.nsh{color:var(--muted)}
/* stock page */
.stock-head{display:grid;grid-template-columns:1.2fr 1.4fr auto;gap:18px;align-items:center;margin-bottom:14px}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kv.two{grid-template-columns:1fr 1fr}.kv span{display:block;color:var(--muted);font-size:.78rem}
.actions{display:flex;flex-direction:column;gap:8px}.alert-form{display:flex;gap:6px}.alert-form input{width:100px}
.legend{font-size:.8rem;color:var(--muted)}.legend i{display:inline-block;width:14px;height:3px;margin:0 6px 2px;vertical-align:middle}.l50{background:var(--blue)}.l200{background:var(--gold)}
.explain{margin-top:10px;background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.25);border-radius:10px;padding:8px 14px}.explain summary{cursor:pointer;color:var(--blue);font-weight:600}
.rating{font-size:1.4rem;font-weight:700;padding:12px;border-radius:10px;text-align:center;margin-bottom:10px}.rating small{display:block;font-size:.78rem;font-weight:500;color:var(--muted)}
.rating.pos{background:rgba(22,199,132,.12);color:var(--up)}.rating.neg{background:rgba(234,57,67,.12);color:var(--down)}.rating.neu{background:rgba(255,152,0,.1);color:#E65100}
.pill-score{display:inline-block;min-width:34px;text-align:center;border-radius:7px;padding:1px 6px;font-weight:700;font-family:Inter}
.s2,.s1{background:rgba(22,199,132,.15);color:var(--up)}.s0{background:var(--panel2);color:var(--muted)}.s-1,.s-2{background:rgba(234,57,67,.15);color:var(--down)}
.tot td{font-weight:700}.note{background:rgba(255,152,0,.08);border-inline-start:3px solid var(--gold);padding:6px 10px;border-radius:6px}
.pivots .res td:first-child{color:var(--down)}.pivots .sup td:first-child{color:var(--up)}.pivots .piv td{font-weight:700;color:var(--gold)}
.scorecard{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.sc{border-radius:9px;padding:8px 4px;text-align:center;background:var(--panel2);font-size:.78rem}.sc b{display:block;font-size:.8rem}
.sc.better{background:rgba(22,199,132,.14);color:var(--up)}.sc.weaker{background:rgba(234,57,67,.14);color:var(--down)}.sc.similar{color:var(--gold)}
.light{font-size:.75rem;padding:1px 8px;border-radius:999px}.light.better{color:var(--up);background:rgba(22,199,132,.12)}.light.weaker{color:var(--down);background:rgba(234,57,67,.12)}.light.similar{color:var(--gold);background:rgba(245,184,65,.1)}
.odds{display:inline-block;width:60px;height:7px;background:var(--panel2);border-radius:6px;overflow:hidden;vertical-align:middle}.odds i{display:block;height:100%;background:var(--blue)}
.help{width:18px;height:18px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.7rem;cursor:pointer;padding:0;vertical-align:middle}.help:hover{color:var(--text);border-color:var(--blue)}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r);max-width:520px}dialog::backdrop{background:rgba(19,23,34,.45)}
/* academy */
.lesson-card{color:var(--text)}.lesson-card:hover{border-color:var(--blue);text-decoration:none}.lesson{max-width:820px}
.example{background:var(--panel2);border-radius:10px;padding:10px 14px}
.quiz fieldset{border:1px solid var(--line);border-radius:10px;margin:0 0 12px;padding:10px 14px}.quiz legend{padding:0 6px;font-weight:600}
.opt{display:block;color:var(--text);padding:5px 8px;border-radius:8px;cursor:pointer}.opt:hover{background:var(--panel2)}.opt input{display:inline;width:auto;margin:0 6px}
.opt.right{background:rgba(22,199,132,.15)}.opt.wrong{background:rgba(234,57,67,.15)}
.stat b{display:block}.inline{display:inline-flex;gap:4px;align-items:center;margin:2px}.w60{width:60px}
.foot{text-align:center;color:var(--muted);font-size:.82rem;padding:24px;border-top:1px solid var(--line);margin-top:30px}
/* chat */
.chat-fab{position:fixed;bottom:20px;inset-inline-end:20px;width:56px;height:56px;border-radius:50%;border:0;background:var(--blue);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 6px 18px rgba(41,98,255,.35);z-index:30}
.chat{position:fixed;bottom:86px;inset-inline-end:20px;width:390px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 110px);background:var(--panel);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;z-index:31;box-shadow:0 12px 40px rgba(19,23,34,.18)}
.chat[hidden]{display:none}.chat header{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.chat header button{background:none;border:0;color:var(--muted);cursor:pointer}
.chat-log{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:92%;padding:9px 12px;border-radius:12px;font-size:.88rem;white-space:pre-wrap}.msg.me{align-self:flex-end;background:var(--blue);color:#fff}.msg.bot{background:var(--panel2)}
.chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px}.chips button{background:transparent;border:1px solid var(--blue);color:var(--blue);border-radius:999px;padding:4px 10px;font-size:.8rem;cursor:pointer;font:inherit}
.chat form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}.chat form input{flex:1}
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--up);color:#fff;padding:8px 16px;border-radius:9px;font-weight:600;z-index:40}
@media (max-width:900px){.hero,.grid3,.grid4,.grid-dash,.grid-stock,.stock-head{grid-template-columns:1fr}.span2,.span3{grid-column:auto}.kv{grid-template-columns:1fr 1fr}.scorecard{grid-template-columns:repeat(3,1fr)}.steps{flex-direction:column}.search{order:3;max-width:none;flex-basis:100%}.hero h1{font-size:1.8rem}}
.grid-dash>*,.grid-stock>*,.grid3>*{min-width:0}
@media (max-width:900px){.tbl{display:block;overflow-x:auto;white-space:nowrap}.stock-head .kv{grid-template-columns:1fr 1fr}.alert-form{flex-wrap:wrap}.topbar{gap:8px}.nav{gap:10px;font-size:.88rem;flex-wrap:wrap}}

.topbar{box-shadow:var(--shadow)}.theme-btn{background:transparent;border:1px solid var(--line);border-radius:999px;width:32px;height:32px;cursor:pointer;color:var(--text)}
.tbl th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.big{font-weight:800}
.chat-fab{color:#fff}html[data-theme=dark] .demo-banner{background:rgba(255,152,0,.12);color:#FFB74D}
/* ---------- Admin centre ---------- */
.admin{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}
.aside{position:sticky;top:76px;padding:10px}.aside a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;color:var(--text);font-size:.92rem}
.aside a:hover{background:var(--panel2);text-decoration:none}.aside a.on{background:rgba(41,98,255,.1);color:var(--blue);font-weight:600}
.count{margin-inline-start:auto;background:var(--down);color:#fff;border-radius:999px;font-size:.7rem;padding:0 7px}
.admin-main>*{margin-bottom:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kpi span{color:var(--muted);font-size:.8rem}.kpi b{display:block;font-size:2rem;font-weight:800;font-family:Inter}.kpi small{color:var(--muted)}.warn-t{color:#E65100}
.bars{width:100%;height:120px}.bars rect{fill:var(--blue);opacity:.85}.bars.alt rect{fill:var(--up)}.bars rect:hover{opacity:1}
.agent-strip{display:flex;flex-wrap:wrap;gap:10px}.ag-mini{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:10px;border:1px solid var(--line);border-radius:10px;font-size:.85rem}
.dot{width:10px;height:10px;border-radius:50%;background:var(--line)}.dot.ok{background:var(--up)}.dot.attention{background:var(--gold)}.dot.error{background:var(--down)}
.agent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.agent.off{opacity:.6}.ag-ico{font-size:1.4rem;width:40px;height:40px;display:grid;place-items:center;background:var(--panel2);border-radius:10px}
.tag.warn{color:#E65100;border-color:rgba(255,152,0,.5);background:rgba(255,152,0,.08)}.tag.bad{color:var(--down);border-color:rgba(242,54,69,.4);background:rgba(242,54,69,.06)}
.btn.danger{background:transparent;color:var(--down);border-color:rgba(242,54,69,.4)}.btn.danger:hover{background:rgba(242,54,69,.08)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.form-grid.one{grid-template-columns:1fr;margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.form-grid .full{grid-column:1/-1}
textarea{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:8px 10px;font:inherit;width:100%;margin-top:4px}
.quiz-edit{border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:grid;gap:6px}.quiz-edit input{width:100%}.opt-edit{display:flex;align-items:center;gap:6px;flex:1;margin:0}.opt-edit input[type=radio]{width:auto}
.toolbar input{flex:1;max-width:360px}.nowrap{white-space:nowrap}.tabs{display:flex;gap:6px}.tabs a{padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:.85rem}.tabs a.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.sev{font-size:.7rem;text-transform:uppercase;font-weight:700;padding:2px 8px;border-radius:6px;margin-inline-end:6px}.sev.high{background:rgba(242,54,69,.12);color:var(--down)}.sev.medium{background:rgba(255,152,0,.12);color:#E65100}.sev.low{background:var(--panel2);color:var(--muted)}
.bl p{margin:.4em 0}pre.ans{white-space:pre-wrap;font:inherit;font-size:.82rem;background:var(--panel2);padding:8px;border-radius:8px}
.note-card{border-inline-start:4px solid var(--blue)}
.badge{font-size:.72rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:6px}.badge.pos{background:rgba(8,153,129,.12);color:var(--up)}.badge.neg{background:rgba(242,54,69,.12);color:var(--down)}.badge.neu{background:var(--panel2);color:var(--muted)}
.feed{display:grid;gap:14px;max-width:860px}.post h3{margin:.5em 0}.post-levels{grid-template-columns:repeat(4,1fr);background:var(--panel2);padding:10px;border-radius:10px}.post-body{white-space:normal}.stat-inline b{display:block}
@media (max-width:900px){.admin{grid-template-columns:1fr}.aside{position:static;display:flex;overflow-x:auto}.aside a{white-space:nowrap}.aside .eyebrow{display:none}.grid2,.form-grid{grid-template-columns:1fr}.post-levels{grid-template-columns:1fr 1fr}}
/* ---------- Landing (TradingView-desktop style) ---------- */
.brand img{border-radius:8px}.brand sup{font-size:.6rem;color:var(--blue);margin-inline-start:3px;font-weight:800;letter-spacing:.05em}
.mega{position:relative}.mega-btn{background:none;border:0;color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.mega-panel{display:none;position:absolute;top:130%;inset-inline-start:-40px;width:620px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(19,23,34,.18);padding:12px;grid-template-columns:1fr 1fr;gap:4px;z-index:50}
.mega:hover .mega-panel,.mega:focus-within .mega-panel{display:grid}.mega-panel a{padding:10px 12px;border-radius:10px;color:var(--text)}.mega-panel a:hover{background:var(--panel2);text-decoration:none}.mega-panel small{display:block;color:var(--muted);font-size:.8rem}
.hero2{position:relative;isolation:isolate;margin:-18px -18px 0;padding:70px 24px 40px;overflow:hidden;color:#fff;text-align:center;border-radius:0 0 28px 28px}
.hero2-bg{position:absolute;inset:0;background:radial-gradient(1200px 500px at 50% -10%,#2962FF 0%,rgba(41,98,255,.35) 35%,transparent 70%),radial-gradient(600px 300px at 90% 80%,rgba(0,224,164,.25),transparent 70%),#0B0E14;z-index:-1}
.hero2-in{max-width:980px;margin:0 auto}.mega-h{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.05;font-weight:800;letter-spacing:-.03em;margin:.2em 0;background:linear-gradient(180deg,#fff 30%,#B8C7FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.lang-ur .mega-h{line-height:1.6;letter-spacing:0}.eyebrow.light{color:#9DB4FF}.lead.light{color:#C9D3F5;font-size:1.2rem;max-width:720px;margin:0 auto 22px}
.wrap-btns{justify-content:center;flex-wrap:wrap}.btn.lg{padding:14px 26px;font-size:1.05rem;border-radius:12px}.btn.glass{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(6px)}
.ticker-tape{margin:34px auto 0;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);max-width:1100px}
.tape-in{display:inline-block;animation:tape 40s linear infinite}.tape-in span{display:inline-block;margin:0 18px;font-size:.9rem;color:#E6E9EF}.tape-in i{font-style:normal}@keyframes tape{to{transform:translateX(-50%)}}
.device{max-width:1100px;margin:34px auto 0;background:#131722;border:1px solid #2A2E39;border-radius:16px;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04);overflow:hidden;text-align:start}
.device-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid #2A2E39;color:#D1D4DC;font-size:.85rem}.device-bar>span{width:11px;height:11px;border-radius:50%;background:#F23645}.device-bar>span:nth-child(2){background:#FF9800}.device-bar>span:nth-child(3){background:#089981}
.device-bar b{margin-inline-start:12px;font-weight:600}.device-bar em{margin-inline-start:auto;font-style:normal}.hero-chart{height:380px;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:34px auto;text-align:center}.stats b{display:block;font-size:2.6rem;font-weight:800;color:var(--blue);font-family:Inter}.stats span{color:var(--muted)}
.slide{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;min-height:440px;padding:40px 10px;border-bottom:1px solid var(--line)}.slide.flip .slide-text{order:2}
.slide h2{font-size:clamp(1.8rem,3.5vw,2.8rem);margin:.2em 0;letter-spacing:-.02em}.slide-no{font-weight:800;color:var(--blue);font-family:Inter;letter-spacing:.1em}
.slide-art{position:relative;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 24px 60px rgba(19,23,34,.12);min-height:280px;display:flex;flex-direction:column;justify-content:center}
.art-svg{width:100%}.float-card{position:absolute;bottom:-16px;inset-inline-end:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:.85rem;box-shadow:0 10px 30px rgba(19,23,34,.15)}
.mini-table>div{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr .5fr;padding:9px 6px;border-bottom:1px solid var(--line);font-size:.9rem;font-family:Inter}.mt-h{color:var(--muted);font-size:.78rem!important;text-transform:uppercase}
.mini-heat{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.mini-heat div{aspect-ratio:1.3;border-radius:8px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Inter}.mini-heat small{opacity:.9}
.mini-cal>div{display:flex;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.cal-d{display:flex;flex-direction:column;align-items:center;width:52px;background:rgba(41,98,255,.1);color:var(--blue);border-radius:10px;padding:4px;font-size:.75rem}.cal-d b{font-size:1.3rem}
.mini-port{display:flex;gap:22px;align-items:center}.donut{width:150px;transform:rotate(-90deg)}.donut text{transform:rotate(90deg);transform-origin:center}
.mini-chat{display:flex;flex-direction:column;gap:10px}.mini-lessons>div{display:grid;grid-template-columns:30px 1fr;gap:4px 10px;align-items:center;margin:8px 0}.mini-lessons i{grid-column:2;height:7px;border-radius:7px;background:linear-gradient(90deg,var(--blue),#00E0A4)}
.mini-sh>div{padding:8px 0}.center{text-align:center}.plan{position:relative}.ribbon{position:absolute;top:-11px;inset-inline-end:16px;background:var(--blue);color:#fff;font-size:.72rem;padding:3px 10px;border-radius:999px;font-weight:700}
.ticks{list-style:none;padding:0;text-align:start}.ticks li{padding:5px 0}.ticks li::before{content:"✓ ";color:var(--up);font-weight:700}
.cta-band{margin:40px -18px 0;padding:60px 20px;text-align:center;background:linear-gradient(120deg,#1E40FF,#2962FF 50%,#00B386);color:#fff;border-radius:28px}.cta-band h2{font-size:2.2rem;margin-top:0}.cta-band .btn.primary{background:#fff;color:#1E40FF;border-color:#fff}
.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.js .reveal.in{opacity:1;transform:none}
/* screener / heatmap / calendar / portfolio */
.presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.presets button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:.85rem}.presets button:hover{border-color:var(--blue);color:var(--blue)}
.filters{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.filters label{margin:0}.sortable th{cursor:pointer;user-select:none}.sortable th:hover{color:var(--blue)}
.rsi{padding:1px 6px;border-radius:6px}.rsi.hi{background:rgba(242,54,69,.12);color:var(--down)}.rsi.lo{background:rgba(8,153,129,.12);color:var(--up)}
.heatmap{display:flex;flex-wrap:wrap;gap:6px;min-height:520px;padding:8px}.hm-sector{display:flex;flex-direction:column;min-width:200px;flex-basis:0}.hm-title{font-size:.78rem;font-weight:700;color:var(--muted);padding:2px 4px;text-transform:uppercase}
.hm-tiles{display:flex;flex-wrap:wrap;gap:3px;flex:1}.hm-tile{flex-basis:90px;min-height:90px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;font-family:Inter;transition:transform .15s}
.hm-tile:hover{transform:scale(1.03);text-decoration:none;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.25)}.hm-tile b{font-size:1.05rem}.hm-tile i{position:absolute;top:4px;inset-inline-end:6px;font-style:normal;font-size:.75rem}
.hm-legend{display:flex;justify-content:center;gap:2px;margin-top:8px}.hm-legend span{color:#fff;font-size:.75rem;padding:3px 14px;font-family:Inter}
.timeline{display:grid;gap:12px}.tl-day{display:grid;grid-template-columns:110px 1fr;gap:16px}.tl-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(41,98,255,.08);border-radius:12px;color:var(--blue);font-family:Inter}.tl-date b{font-size:2rem;line-height:1}.tl-date small{color:var(--muted)}
.tl-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:8px;border-radius:10px;color:var(--text)}.tl-item:hover{background:var(--panel2);text-decoration:none}.tl-ico{font-size:1.4rem}.tl-type{font-size:.85rem;color:var(--muted)}
.add-hold{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr auto;gap:6px;margin-top:12px}.big-donut{width:190px;display:block;margin:0 auto}.legend-list{list-style:none;padding:0}.legend-list li{display:flex;gap:8px;align-items:center;padding:4px 0}.legend-list i{width:10px;height:10px;border-radius:3px}.legend-list b{margin-inline-start:auto}
@media (max-width:900px){.slide{grid-template-columns:1fr;gap:20px}.slide.flip .slide-text{order:0}.stats{grid-template-columns:1fr 1fr}.filters,.add-hold{grid-template-columns:1fr 1fr}.mega-panel{width:92vw;grid-template-columns:1fr;inset-inline-start:auto;inset-inline-end:-80px}.hero-chart{height:260px}.tl-day{grid-template-columns:1fr}}

/* news, watchlist */
.imp{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap}.imp.pos{background:rgba(8,153,129,.12);color:var(--up)}.imp.neg{background:rgba(242,54,69,.12);color:var(--down)}.imp.watch{background:rgba(255,152,0,.12);color:#E65100}
.news-list{display:grid;gap:10px}.news-item{display:block;color:var(--text);border-inline-start:4px solid var(--line)}.news-item:hover{text-decoration:none;border-color:var(--blue)}.news-item h3{margin:.5em 0 .3em;font-size:1.02rem;line-height:1.45}
.news-item.imp-pos{border-inline-start-color:var(--up)}.news-item.imp-neg{border-inline-start-color:var(--down)}.news-item.imp-watch{border-inline-start-color:var(--gold)}
.news-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);color:var(--text)}.news-row:hover{text-decoration:none;color:var(--blue)}
.mood b{display:block;font-size:1.5rem}.mood.pos b{color:var(--up)}.mood.neg b{color:var(--down)}.mood.watch b{color:#E65100}.tabs.scroll{overflow-x:auto;margin-bottom:12px;padding-bottom:4px}.tabs.scroll a{white-space:nowrap}
.watch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.wcard{color:var(--text);display:grid;gap:10px;transition:transform .15s,box-shadow .15s}.wcard:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 14px 34px rgba(19,23,34,.12)}
.wt{font-size:1.15rem}.wmeta{display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:.8rem;color:var(--muted);background:var(--panel2);padding:8px;border-radius:9px}.wmeta b{color:var(--text)}
.rating-pill{font-weight:700;padding:2px 10px;border-radius:999px;font-size:.78rem}.rating-pill.pos{background:rgba(8,153,129,.12);color:var(--up)}.rating-pill.neg{background:rgba(242,54,69,.12);color:var(--down)}.rating-pill.neu{background:rgba(255,152,0,.12);color:#E65100}
.empty{text-align:center;padding:40px}.live-dot{font-size:.72rem;color:var(--up);font-weight:700;animation:blink 1.6s infinite}@keyframes blink{50%{opacity:.35}}
.small-panel{width:360px;grid-template-columns:1fr}.nav .mega-btn{color:var(--muted);font-weight:400}.nav .mega-btn.on,.nav .mega-btn:hover{color:var(--text)}
/* ---------- v0.5 PRO PASS: dense, flat, TradingView-grade ---------- */
html,body{font-size:14px}:root{--r:6px;--shadow:none}
.card{border-radius:6px;box-shadow:none;padding:14px}.btn{border-radius:4px;padding:7px 14px;font-weight:600;font-size:13px}.btn.sm{padding:4px 10px;font-size:12px}
.topbar{height:52px;padding:0 16px;gap:12px;box-shadow:none;flex-wrap:nowrap}.nav{gap:2px;font-size:13.5px}.nav a,.nav .mega-btn{padding:6px 10px;border-radius:4px}
.nav a:hover,.nav .mega-btn:hover{background:var(--panel2)}.nav a.on{color:var(--text);font-weight:600;box-shadow:inset 0 -2px 0 var(--blue);border-radius:0}
.search input{height:34px;border-radius:4px;background:var(--panel2);border-color:transparent}.pill{border-radius:4px;padding:3px 8px}
h1{font-size:1.45rem;font-weight:700;letter-spacing:-.01em}h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}
.dash-head{margin:6px 0 12px}.dash-head p{margin:2px 0}.big{font-size:1.5rem}
.tbl{font-size:13px}.tbl th{font-size:11px;letter-spacing:.04em;padding:7px 8px}.tbl td{padding:7px 8px}.tbl tr:hover td{background:var(--panel2)}
.tag,.badge,.imp,.light{border-radius:3px}.chat-fab{width:48px;height:48px;border-radius:12px;font-size:1.2rem}
.grid-dash,.grid-stock,.grid3,.grid4,.grid2{gap:10px}.wrap{max-width:1440px;padding:14px 18px}
.kpi b{font-size:1.6rem}.wcard:hover,.hm-tile:hover{transform:none}.slide-art{border-radius:10px;box-shadow:0 1px 0 var(--line)}
.demo-banner{font-size:12px;padding:4px}.rating{border-radius:4px;font-size:1.15rem}.sc{border-radius:4px}
html[data-theme=dark] .card{border-color:#2A2E39}html[data-theme=dark] .topbar{border-color:#2A2E39}

/* global markets */
.tape-wrap{margin:-14px -18px 12px;border-bottom:1px solid var(--line);background:var(--panel);min-height:46px}.tape-wrap.top{margin-bottom:0}
.drivers{margin:10px 0}.driver p{margin:4px 0 0}.drivers.mini{margin:0}.tvw{width:100%}.global-sec{padding:40px 0}.global-sec h2{font-size:2rem;margin:.2em 0}
.why{padding-left:18px;margin:0}.why li{margin:8px 0;font-size:.9rem}

/* v0.7 insight visuals */
.insight-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-bottom:10px}
.snowflake{width:100%;max-width:260px;display:block;margin:0 auto}.sf-grid polygon,.sf-grid line{fill:none;stroke:var(--line);stroke-width:1}.sf-shape{stroke-width:2;stroke-linejoin:round}
.sf-lab text{font-size:10px;fill:var(--muted);font-family:Inter;font-weight:600}
.tgauge{width:100%;max-width:280px;display:block;margin:0 auto}.tgauge .arcs path{fill:none;stroke-width:14}.needle{stroke:var(--text);stroke-width:3;stroke-linecap:round}.hub{fill:var(--text)}.tgauge text{font-size:10px;fill:var(--muted);font-family:Inter}
.g-lab{text-align:center;font-weight:800;font-size:1.25rem;margin-top:-4px}.g-cnt{display:flex;justify-content:center;gap:14px;font-size:12px;margin-top:4px}
.cb{margin:18px 0 6px}.cb-track{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,rgba(242,54,69,.35),var(--panel2) 50%,rgba(8,153,129,.35))}
.cb-range{position:absolute;top:2px;height:6px;border-radius:3px;background:var(--blue);opacity:.5}.cb-prev{position:absolute;top:-4px;width:2px;height:18px;background:var(--muted)}
.cb-last{position:absolute;top:-6px;width:12px;height:22px;margin-left:-6px;border-radius:4px;background:var(--text);box-shadow:0 0 0 2px var(--panel)}
.cb-l{display:flex;justify-content:space-between;font-size:11px;margin-top:8px;font-family:Inter}
.checklist{list-style:none;padding:0;margin:0}.checklist li{padding:5px 0 5px 24px;position:relative;font-size:13px;border-bottom:1px dashed var(--line)}
.checklist li::before{position:absolute;left:0;font-weight:800}.checklist li.ok::before{content:"✓";color:var(--up)}.checklist li.no::before{content:"✕";color:var(--down)}
@media (max-width:900px){.insight-row{grid-template-columns:1fr}}

/* v0.7 3D stage + product shots */
.stage{position:relative;max-width:1120px;margin:40px auto 10px;perspective:1800px;padding:0 40px}
.device.tilt{transform:rotateX(14deg) rotateY(-6deg) rotateZ(1deg);transform-origin:center top;transition:transform .8s cubic-bezier(.2,.8,.2,1);box-shadow:0 60px 120px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06),0 0 80px rgba(41,98,255,.25)}
.stage:hover .device.tilt{transform:rotateX(4deg) rotateY(-2deg)}
.glass{background:rgba(19,23,34,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:12px;color:#E6E9EF;padding:12px 14px;box-shadow:0 20px 50px rgba(0,0,0,.45);text-align:start}
.glass b{display:block;font-size:.95rem;margin:4px 0 2px}.glass small{color:#9AA3B5;font-size:.75rem;display:block}.muted-l{color:#9AA3B5}
.float{position:absolute;z-index:4;animation:floaty 6s ease-in-out infinite}.f1{left:-10px;top:60px;width:230px}.f2{right:-14px;top:30px;width:220px;animation-delay:-2s}
.f3{left:-6px;bottom:20px;width:190px;animation-delay:-4s}.f4{right:10px;bottom:40px;width:200px;animation-delay:-1s}
.glass .tgauge text{fill:#9AA3B5}.glass .needle{stroke:#fff}.glass .hub{fill:#fff}.glass .g-lab{font-size:1rem}.glass .g-cnt{font-size:11px}.glass .snowflake{max-width:150px}.glass .sf-lab text{fill:#9AA3B5;font-size:13px}.glass .sf-grid polygon,.glass .sf-grid line{stroke:rgba(255,255,255,.15)}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.shot{border-radius:12px;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:0 40px 90px rgba(19,23,34,.22),0 0 0 1px rgba(19,23,34,.04);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.shot img{display:block;width:100%;height:auto}.shot-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--panel2);border-bottom:1px solid var(--line)}
.shot-bar span{width:10px;height:10px;border-radius:50%;background:#F23645}.shot-bar span:nth-child(2){background:#FF9800}.shot-bar span:nth-child(3){background:#089981}.shot-bar em{font-style:normal;font-size:11px;color:var(--muted);margin-left:10px;background:var(--panel);padding:2px 10px;border-radius:4px}
.slide{perspective:1600px}.tilt-r{transform:rotateY(-10deg) rotateX(4deg)}.tilt-l{transform:rotateY(10deg) rotateX(4deg)}.slide:hover .shot{transform:none}
@media (max-width:900px){.float{display:none}.stage{padding:0}.device.tilt,.tilt-r,.tilt-l{transform:none}}

.vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.vid{display:flex;gap:12px;align-items:center;color:var(--text)}.vid:hover{text-decoration:none;border-color:var(--blue)}
.vplay{flex:0 0 46px;height:46px;border-radius:8px;background:#FF0000;color:#fff;display:grid;place-items:center;font-size:1rem}.vid b{display:block;font-size:.9rem;margin:4px 0 2px}
/* v0.8 data honesty + compact dark landing */
.dbadge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid;white-space:nowrap}
.dbadge.ok{color:#089981;border-color:rgba(8,153,129,.35);background:rgba(8,153,129,.08)}
.dbadge.down{color:#f23645;border-color:rgba(242,54,69,.4);background:rgba(242,54,69,.08)}
.dbadge.demo{color:#b8860b;border-color:rgba(255,152,0,.4);background:rgba(255,152,0,.08)}
.data-strip{display:flex;justify-content:flex-end;padding:4px 16px;border-bottom:1px solid var(--line,#e0e3eb)}
.hero-badge{margin:8px 0 0}
html{font-size:14px}
body.landing{background:#0f0f0f;color:#d1d4dc}
body.landing .card{background:#1e222d;border-color:#2a2e39;color:#d1d4dc}
body.landing h2,body.landing h3{color:#fff}
body.landing .muted,body.landing .lead{color:#9598a1}
body.landing .mega-h{font-size:clamp(28px,4vw,46px);line-height:1.1}
body.landing .hero2{padding:40px 20px 24px;min-height:0}
body.landing .device,.hero-chart{max-height:360px}
body.landing .hero-chart{height:320px}
body.landing .slide{min-height:0;padding:36px 20px}
body.landing section{max-width:1200px;margin-left:auto;margin-right:auto}
.board-sec{padding:20px}
.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0}
.bcell{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;border-radius:8px;background:#1e222d;border:1px solid #2a2e39}
.bcell b{color:#fff}.bcell span{grid-column:1;color:#d1d4dc;font-variant-numeric:tabular-nums}.bcell i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:600}
.bcell i.up,.up{color:#089981}.bcell i.down,.down{color:#f23645}
.honest{padding:16px;line-height:1.6}