/* Bourceto — glass UI (dark only). Layout: fixed glass sidebar (right, RTL) + content column of glass panels over a layered aurora backdrop.
   Single dark theme. */
@font-face{font-family:"Yekan Bakh";src:local("Yekan Bakh FaNum Light"),local("YekanBakhFaNum-Light"),url(../fonts/YekanBakhFaNum-Light.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:local("Yekan Bakh FaNum Regular"),local("YekanBakhFaNum-Regular"),url(../fonts/YekanBakhFaNum-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:local("Yekan Bakh FaNum SemiBold"),local("YekanBakhFaNum-SemiBold"),url(../fonts/YekanBakhFaNum-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:local("Yekan Bakh FaNum Bold"),local("YekanBakhFaNum-Bold"),url(../fonts/YekanBakhFaNum-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:local("Yekan Bakh FaNum ExtraBold"),local("YekanBakhFaNum-ExtraBold"),url(../fonts/YekanBakhFaNum-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:"Yekan Bakh";src:local("Yekan Bakh FaNum Black"),local("YekanBakhFaNum-Black"),url(../fonts/YekanBakhFaNum-Black.ttf) format("truetype");font-weight:900;font-display:swap}

:root{
  --bg:#070b16; --bg-2:#0c1326;
  --aurora-1:rgba(20,184,166,.32); --aurora-2:rgba(56,107,255,.24); --aurora-3:rgba(245,166,35,.16);
  --glass:rgba(255,255,255,.055); --glass-strong:rgba(255,255,255,.09); --glass-hover:rgba(255,255,255,.08);
  --glass-line:rgba(255,255,255,.11); --glass-hi:rgba(255,255,255,.14);
  --fg:#eef3fb; --fg-2:#a9b6cc; --fg-3:#8492ab;
  --accent:#2dd4bf; --accent-2:#38bdf8; --accent-ink:#03201c; --accent-soft:rgba(45,212,191,.14);
  --gold:#f5b942; --gold-ink:#241703; --gold-soft:rgba(245,185,66,.15);
  --up:#34d399; --up-soft:rgba(52,211,153,.14); --down:#fb7185; --down-soft:rgba(251,113,133,.14);
  --shadow:0 20px 50px -20px rgba(0,0,0,.6);
  --blur:18px;
  --font:"Yekan Bakh","Vazirmatn",Tahoma,system-ui,sans-serif;
  --r:18px; --r-sm:12px;
  color-scheme:dark;
}

*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--fg);direction:rtl}
body{font-family:var(--font);font-size:14px;line-height:1.65;margin:0;min-height:100vh}
body::before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38vmax 30vmax at 85% 8%,var(--aurora-1),transparent 70%),
    radial-gradient(34vmax 28vmax at 10% 30%,var(--aurora-2),transparent 70%),
    radial-gradient(30vmax 24vmax at 60% 100%,var(--aurora-3),transparent 70%),
    linear-gradient(180deg,var(--bg),var(--bg-2));
  animation:drift 40s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(-3vmax,2vmax,0) rotate(4deg)}}
button,input,select{font:inherit;color:inherit}
a{color:var(--accent)}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}
td.num,th.num{display:table-cell;text-align:right}
.up{color:var(--up)} .down{color:var(--down)} .muted{color:var(--fg-2)} .faint{color:var(--fg-3)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
@media (prefers-reduced-motion: reduce){*,body::before{transition:none!important;animation:none!important}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* glass primitive */
.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:var(--r);
  backdrop-filter:blur(var(--blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--blur)) saturate(150%);
  box-shadow:inset 0 1px 0 var(--glass-hi),var(--shadow)}

/* shell */
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);gap:18px;max-width:1520px;margin:0 auto;padding-block:16px;padding-inline:16px}
.side{position:sticky;top:calc(16px + env(safe-area-inset-top,0px));height:calc(100vh - 32px);display:flex;flex-direction:column;gap:6px;padding:16px 12px}
.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;text-decoration:none;color:var(--fg)}
.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 20px -8px var(--accent)}
.brand-mark svg{color:var(--accent-ink)}
.brand b{font-size:21px;font-weight:900;letter-spacing:-.2px}
.brand small{display:block;font-size:11px;color:var(--fg-3);font-weight:500;margin-top:-3px}
.nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}
.nav .sec{font-size:11px;color:var(--fg-3);padding:12px 12px 4px;font-weight:600}
.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:var(--fg-2);text-decoration:none;font-weight:600;transition:background .2s,color .2s}
.nav a:hover{background:var(--glass-hover);color:var(--fg)}
.nav a[aria-current="page"]{background:var(--glass-strong);color:var(--fg);box-shadow:inset 0 0 0 1px var(--glass-line)}
.nav a[aria-current="page"] .ico{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink)}
.nav .badge{margin-inline-start:auto}
.side-foot{border-top:1px solid var(--glass-line);padding-top:10px;display:flex;flex-direction:column;gap:8px}
.upsell{padding:14px;border-radius:14px;background:linear-gradient(135deg,var(--gold-soft),var(--accent-soft));border:1px solid var(--glass-line)}
.upsell b{display:block;font-size:13.5px}
.upsell p{margin:2px 0 10px;font-size:12px;color:var(--fg-2)}

/* icon tiles */
.ico{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--glass-strong);color:var(--fg-2);transition:background .2s,color .2s}
.ico svg{width:17px;height:17px;stroke-width:2}
.ico.lg{width:42px;height:42px;border-radius:13px}.ico.lg svg{width:21px;height:21px}
.ico.teal{background:linear-gradient(135deg,rgba(45,212,191,.28),rgba(45,212,191,.08));color:var(--accent)}
.ico.blue{background:linear-gradient(135deg,rgba(56,189,248,.28),rgba(56,189,248,.06));color:var(--accent-2)}
.ico.gold{background:linear-gradient(135deg,rgba(245,185,66,.3),rgba(245,185,66,.06));color:var(--gold)}
.ico.rose{background:linear-gradient(135deg,rgba(251,113,133,.28),rgba(251,113,133,.06));color:var(--down)}
.ico.green{background:linear-gradient(135deg,rgba(52,211,153,.28),rgba(52,211,153,.06));color:var(--up)}

/* top bar inside content */
.content{min-width:0;display:flex;flex-direction:column;gap:18px}
.topbar{display:flex;align-items:center;gap:12px;padding:10px 12px;position:sticky;top:calc(16px + env(safe-area-inset-top,0px));z-index:20}
.search{flex:1;min-width:0;position:relative}
.search input{width:100%;height:42px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass);padding:0 40px 0 12px}
.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.search svg{position:absolute;right:12px;top:11px;width:19px;height:19px;color:var(--fg-3)}
.search-results{position:absolute;top:48px;inset-inline:0;padding:6px;z-index:40;max-height:340px;overflow-y:auto}
.search-results a{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--fg)}
.search-results a:hover,.search-results a:focus{background:var(--glass-hover)}
.pill{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;border:1px solid var(--glass-line);background:var(--glass);font-size:12.5px;color:var(--fg-2);white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;background:var(--fg-3)}
.dot.live{background:var(--up);box-shadow:0 0 0 4px var(--up-soft);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px transparent}}
.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--glass-line);background:var(--glass);cursor:pointer;color:var(--fg-2);transition:all .2s}
.icon-btn:hover{color:var(--fg);background:var(--glass-hover)}
.icon-btn svg{width:19px;height:19px}
.avatar{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);text-decoration:none}

/* buttons, chips */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass-strong);cursor:pointer;font-weight:700;color:var(--fg);text-decoration:none;white-space:nowrap;transition:transform .15s,background .2s,box-shadow .2s}
.btn:hover{background:var(--glass-hover)}
.btn:active{transform:translateY(1px)}
.btn svg{width:17px;height:17px}
.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:var(--accent-ink);box-shadow:0 10px 24px -12px var(--accent)}
.btn-primary:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));filter:brightness(1.07)}
.btn-gold{background:linear-gradient(135deg,#f7c75d,#f0a020);border-color:transparent;color:#2a1a02;box-shadow:0 10px 24px -12px #f0a020}
.btn-sm{min-height:32px;padding:4px 11px;font-size:12.5px;border-radius:10px}
.btn-block{width:100%}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--glass-strong);color:var(--fg-2);border:1px solid var(--glass-line);white-space:nowrap}
.chip svg{width:12px;height:12px}
.chip.acc{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.chip.gold{background:var(--gold-soft);color:var(--gold);border-color:transparent}
.chip.up{background:var(--up-soft);color:var(--up);border-color:transparent}
.chip.down{background:var(--down-soft);color:var(--down);border-color:transparent}
.seg{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-line);flex-wrap:wrap}
.seg button{border:0;background:transparent;padding:5px 12px;border-radius:9px;cursor:pointer;color:var(--fg-2);font-weight:700;font-size:12.5px;display:inline-flex;gap:5px;align-items:center}
.seg button[aria-pressed="true"]{background:var(--glass-strong);color:var(--fg);box-shadow:inset 0 0 0 1px var(--glass-line)}
.seg button svg{width:13px;height:13px}

/* page + grid */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.page-head h1{margin:0;font-size:24px;font-weight:900;letter-spacing:-.3px;text-wrap:balance}
.page-head p{margin:2px 0 0;color:var(--fg-2)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c9{grid-column:span 9}.c12{grid-column:span 12}
.panel{min-width:0;position:relative}
.panel-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 10px}
.panel-h h2{margin:0;font-size:15px;font-weight:800;display:flex;align-items:center;gap:10px}
.panel-b{padding:4px 18px 18px}

/* hero / greeting */
.hero{padding:22px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap;overflow:hidden}
.hero h1{margin:0;font-size:26px;font-weight:900;text-wrap:balance}
.hero p{margin:4px 0 0;color:var(--fg-2);max-width:60ch}
.hero-stats{display:flex;gap:10px;flex-wrap:wrap}
.hstat{padding:10px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);min-width:130px}
.hstat small{display:block;color:var(--fg-3);font-size:11.5px}
.hstat b{font-size:18px;font-weight:800}

/* kpi */
.kpi{padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--fg-2);font-size:12.5px;font-weight:600}
.kpi .val{font-size:25px;font-weight:900;letter-spacing:-.3px;line-height:1.2}
.kpi .delta{font-size:12.5px;font-weight:700}
svg.spark{width:100%;height:38px;display:block}

/* tables */
.tbl-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th{color:var(--fg-3);font-weight:700;text-align:right;padding:8px 12px;font-size:11.5px;white-space:nowrap;border-bottom:1px solid var(--glass-line)}
td{padding:9px 12px;border-bottom:1px solid var(--glass-line);white-space:nowrap}
tbody tr{transition:background .15s}
tbody tr:hover{background:var(--glass-hover)}
tr:last-child td{border-bottom:0}
td.sym a{color:var(--fg);text-decoration:none;font-weight:800}
td.sym a:hover{color:var(--accent)}
td.sym small{display:block;color:var(--fg-3);font-weight:500;font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.star{background:none;border:0;cursor:pointer;color:var(--fg-3);padding:4px;border-radius:8px;display:grid;place-items:center}
.star svg{width:17px;height:17px}
.star[aria-pressed="true"]{color:var(--gold)}
.star[aria-pressed="true"] svg{fill:currentColor}

/* score bars */
.score{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:10px;font-size:12.5px;padding:4px 0}
.track{height:8px;border-radius:99px;background:var(--glass-strong);overflow:hidden}
.track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent-2),var(--accent))}
.ring{--p:50;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--p)*1%),var(--glass-strong) 0)}
.ring > div{width:74px;height:74px;border-radius:50%;background:var(--bg-2);display:grid;place-items:center;text-align:center;line-height:1.1}
.ring b{font-size:22px;font-weight:900}
.ring small{font-size:10.5px;color:var(--fg-3)}

/* returns strip */
.returns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.ret{padding:10px;border-radius:14px;text-align:center;border:1px solid var(--glass-line);background:var(--glass)}
.ret small{display:block;font-size:11.5px;color:var(--fg-3);font-weight:600}
.ret b{font-size:15.5px;font-weight:800}
.ret.pos{background:linear-gradient(180deg,var(--up-soft),transparent)}
.ret.neg{background:linear-gradient(180deg,var(--down-soft),transparent)}
@media (max-width:760px){.returns{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* gauge bar for bubble */
.valbar{position:relative;height:12px;border-radius:99px;background:linear-gradient(90deg,var(--up),var(--gold) 50%,var(--down));opacity:.85;margin:18px 0 8px}
.valbar i{position:absolute;top:-6px;width:4px;height:24px;border-radius:3px;background:var(--fg);box-shadow:0 0 0 3px var(--bg)}
.valbar-l{display:flex;justify-content:space-between;font-size:11.5px;color:var(--fg-3)}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.kv div{display:flex;flex-direction:column}
.kv small{color:var(--fg-3);font-size:11.5px}
.kv b{font-size:15px;font-weight:800}

/* group cards */
.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.gcard{padding:16px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--fg);transition:transform .2s,background .2s}
.gcard:hover{transform:translateY(-2px);background:var(--glass-hover)}
.gcard-h{display:flex;align-items:center;gap:10px}
.gcard-h b{font-size:15px}
.gcard .syms{display:flex;flex-wrap:wrap;gap:5px}
.gperf{display:flex;justify-content:space-between;font-size:12px}
.gperf div{display:flex;flex-direction:column;align-items:center}
.gperf small{color:var(--fg-3)}

/* list rows (opportunities) */
.olist{list-style:none;margin:0;padding:0}
.olist li{display:flex;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid var(--glass-line)}
.olist li a.s{font-weight:800;color:var(--fg);text-decoration:none;min-width:64px}
.olist li .why{flex:1;min-width:0;font-size:12.5px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* paywall */
.locked{position:relative;overflow:hidden;border-radius:inherit}
.locked .blur{filter:blur(6px);opacity:.5;pointer-events:none;user-select:none}
.paywall{position:absolute;inset:0;display:grid;place-items:center;padding:16px;z-index:3}
.paywall-box{text-align:center;max-width:340px;padding:20px;border-radius:18px;background:var(--glass-strong);border:1px solid var(--gold);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow)}
.paywall-box h3{margin:8px 0 4px;font-size:16px}
.paywall-box p{margin:0 0 14px;font-size:12.5px;color:var(--fg-2)}

/* heatmap */
.heat{position:relative;height:360px;direction:ltr;border-radius:14px;overflow:hidden}
.heat .tile{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(0,0,0,.25);text-decoration:none;line-height:1.25;direction:rtl;transition:filter .15s}
.heat .tile:hover{filter:brightness(1.2);z-index:2}
.heat .tile b{font-size:13px}.heat .tile span{font-size:11px;opacity:.95}
.heat .sector-lbl{position:absolute;padding:3px 7px;font-size:10.5px;font-weight:800;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.6);pointer-events:none}

/* flow bars */
.flow-row{display:grid;grid-template-columns:130px 1fr 100px;gap:12px;align-items:center;font-size:12.5px;padding:5px 0}
.flow-track{position:relative;height:12px;border-radius:6px;background:var(--glass-strong)}
.flow-track .mid{position:absolute;top:-3px;bottom:-3px;left:50%;width:1px;background:var(--fg-3)}
.flow-track span{position:absolute;top:0;bottom:0;border-radius:6px}

/* chart */
.chart-box{height:340px;direction:ltr}
.chart-fallback{height:340px;display:grid;place-items:center;color:var(--fg-3)}

/* forms + modal */
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.field label{font-weight:700;font-size:13px}
.input{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--glass-line);background:var(--glass)}
.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.input[aria-invalid="true"]{border-color:var(--down)}
select.input option{background:var(--bg-2)}
.err{color:var(--down);font-size:12px}
.help{color:var(--fg-3);font-size:12px}
.pw-meter{display:flex;gap:4px}
.pw-meter span{flex:1;height:4px;border-radius:3px;background:var(--glass-strong)}
.check{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--fg-2)}
.check input{margin-top:5px;accent-color:var(--accent)}
.modal-back{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(3,8,20,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto}
.modal{width:min(460px,100%);background:rgba(14,22,42,.86);border:1px solid var(--glass-line);border-radius:22px;backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%);box-shadow:var(--shadow)}
.modal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 0}
.modal-h h2{margin:0;font-size:19px;font-weight:900}
.modal-b{padding:16px 22px 22px}
.tabs{display:flex;gap:4px;margin:16px 22px 0;padding:4px;border-radius:12px;background:var(--glass);border:1px solid var(--glass-line)}
.tabs button{flex:1;border:0;background:transparent;padding:8px;border-radius:9px;cursor:pointer;color:var(--fg-2);font-weight:700;font-size:13px}
.tabs button[aria-selected="true"]{background:var(--glass-strong);color:var(--fg);box-shadow:inset 0 0 0 1px var(--glass-line)}
.tabs .soon{font-size:10px;color:var(--gold)}
.note{font-size:12px;color:var(--fg-2);background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;padding:10px 12px;margin-top:12px;display:flex;gap:8px;align-items:flex-start}
.note svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--accent)}
.note.warn svg{color:var(--gold)}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plan{padding:24px;display:flex;flex-direction:column;gap:14px}
.plan.featured{border-color:var(--accent);box-shadow:inset 0 1px 0 var(--glass-hi),0 0 0 1px var(--accent),0 24px 60px -24px var(--accent)}
.plan h3{margin:0;font-size:19px;font-weight:900;display:flex;align-items:center;gap:8px}
.plan .price{font-size:32px;font-weight:900}
.plan .price small{font-size:13px;color:var(--fg-2);font-weight:600}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}
.plan li{display:flex;gap:9px;font-size:13px;align-items:flex-start}
.plan li svg{width:16px;height:16px;flex:none;margin-top:3px}
.plan li.off{color:var(--fg-3)}
.cmp td,.cmp th{text-align:center}.cmp td:first-child,.cmp th:first-child{text-align:right;white-space:normal}

/* misc */
.empty{padding:32px 18px;text-align:center;color:var(--fg-2)}
.empty .ico{margin:0 auto 10px}
.toast{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:80;padding:11px 18px;border-radius:14px;font-weight:700;background:var(--fg);color:var(--bg);box-shadow:var(--shadow);max-width:calc(100% - 32px)}
.disclaimer{font-size:11.5px;color:var(--fg-3);display:flex;gap:6px;align-items:flex-start;padding:10px 0 0}
.disclaimer svg{width:14px;height:14px;flex:none;margin-top:2px}
.foot{font-size:12px;color:var(--fg-3);text-align:center;padding-block:8px 70px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.row > .field{flex:1;min-width:140px}
.bottom-nav{display:none}
.stock-head{padding:20px 22px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.stock-head h1{margin:0;font-size:28px;font-weight:900}
.stock-head .price{font-size:30px;font-weight:900}
.mini{font-size:11.5px;color:var(--fg-3)}
.coef{display:grid;grid-template-columns:1fr 70px;gap:4px 12px;font-size:12.5px}
.sample-badge{position:absolute;top:-10px;left:18px;z-index:2}
.free-pick{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(120deg,var(--accent-soft),var(--gold-soft))}

/* responsive */
@media (max-width:1180px){.c3{grid-column:span 6}.c4,.c5,.c7,.c8,.c9{grid-column:span 12}.c6{grid-column:span 12}.plans{grid-template-columns:1fr}}
@media (max-width:920px){
  .shell{grid-template-columns:minmax(0,1fr);padding-bottom:96px}
  .side{display:none}
  .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0}
  .bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--fg-2);text-decoration:none;min-width:58px;font-weight:600}
  .bottom-nav a svg{width:21px;height:21px}
  .bottom-nav a[aria-current="page"]{color:var(--accent)}
  .topbar .pill .lbl{display:none}
}
@media (max-width:620px){.c3{grid-column:span 12}.hero h1{font-size:21px}.page-head h1{font-size:20px}.flow-row{grid-template-columns:84px 1fr 76px}.score{grid-template-columns:84px 1fr 30px}}