/* ============ PropFirmEdge design system — "trading terminal" ============ */
:root,[data-theme="dark"]{
  --bg:#0a0b0e;--bg2:#0d0f13;--panel:#111318;--panel2:#171a21;--line:#252a33;--line2:#323844;
  --text:#eceef2;--text2:#c5cad4;--muted:#8a92a3;
  --gold:#ffb23e;--gold2:#ffc970;--gold-ink:#1a1206;--goldbg:rgba(255,178,62,.10);
  --green:#3be8b0;--greenbg:rgba(59,232,176,.10);--red:#ff5d5d;--redbg:rgba(255,93,93,.10);--blue:#b9a4ff;--bluebg:rgba(185,164,255,.12);
  --grid:rgba(255,255,255,.025);--shadow:0 18px 40px rgba(0,0,0,.45);
  --r:4px;--cut:10px;
  --font:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#f4f1ea;--bg2:#efebe2;--panel:#fffdf8;--panel2:#f7f3ea;--line:#e3dccd;--line2:#d4cbb8;
  --text:#16181d;--text2:#2f333b;--muted:#6b6f78;
  --gold:#d17a00;--gold2:#a85f00;--gold-ink:#fffaf0;--goldbg:rgba(209,122,0,.10);
  --green:#0b8f63;--greenbg:rgba(11,143,99,.10);--red:#cf3434;--redbg:rgba(207,52,52,.08);--blue:#6b4fd8;--bluebg:rgba(107,79,216,.09);
  --grid:rgba(0,0,0,.035);--shadow:0 14px 34px rgba(60,40,10,.12);
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}
body{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:44px 44px}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{letter-spacing:-.025em;line-height:1.1}
h1{font-size:clamp(30px,4.4vw,50px);margin:0 0 12px;font-weight:700}
h2{font-size:26px;margin:0 0 14px;font-weight:700}
.num,.price,td,.kv b,.score,.stat b,.rstats b,.result,.cdown b,.codechip,.bigcode .val,.rkn,.sn{font-variant-numeric:tabular-nums}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.note{color:var(--muted);font-size:12.5px}
.lead{color:var(--text2);font-size:17px;max-width:860px}

/* ---------- ticker + header ---------- */
.ticker{background:var(--bg2);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;font:500 12px var(--mono)}
.ticker .tk{display:inline-flex;gap:34px;padding:7px 0;animation:tk 45s linear infinite}.ticker:hover .tk{animation-play-state:paused}
.ticker a{color:var(--muted)}.ticker a:hover{text-decoration:none;color:var(--text)}.ticker b{color:var(--text)}.ticker span{color:var(--gold);font-weight:700}
.ticker a::before{content:"▲ ";color:var(--green)}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
header.top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:18px;height:64px}
.logo{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:20px;letter-spacing:-.03em;color:var(--text)}.logo:hover{text-decoration:none}
.logo b{color:var(--gold)}
.logo .mk{width:26px;height:26px;background:var(--gold);clip-path:polygon(0 0,100% 0,100% 62%,62% 100%,0 100%);display:grid;place-items:center;color:var(--gold-ink);font:800 15px var(--mono)}
nav.main{display:flex;gap:18px;margin-left:auto;font-size:14px;font-weight:500}
nav.main a,nav.main summary{color:var(--muted)}nav.main a:hover{color:var(--text);text-decoration:none}
nav.main details.more{position:relative}
nav.main summary{cursor:pointer;list-style:none}nav.main summary::-webkit-details-marker{display:none}
nav.main details.more div{position:absolute;right:0;top:32px;background:var(--panel);border:1px solid var(--line);padding:6px;display:flex;flex-direction:column;min-width:210px;box-shadow:var(--shadow);z-index:50}
nav.main details.more a{padding:8px 10px}nav.main details.more a:hover{background:var(--panel2)}
.themebtn{background:var(--panel2);border:1px solid var(--line);color:var(--text);width:34px;height:34px;display:grid;place-items:center;cursor:pointer;font-size:15px;clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}

/* ---------- codes, buttons ---------- */
.codechip{display:inline-flex;align-items:center;gap:8px;color:var(--gold);background:var(--goldbg);border:1px dashed var(--gold);padding:5px 12px;font:700 14px var(--mono);letter-spacing:.12em;cursor:pointer;white-space:nowrap;user-select:all;
  clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);border-radius:0}
.codechip small{font:500 11px var(--font);letter-spacing:0;color:var(--muted)}.codechip:hover{background:color-mix(in srgb,var(--gold) 20%,transparent)}
.codechip.sm{font-size:11px;padding:3px 10px}
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:var(--gold-ink);font:700 13px var(--font);border:0;padding:9px 16px;cursor:pointer;white-space:nowrap;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);transition:filter .15s}
.btn:hover{filter:brightness(1.08);text-decoration:none}
.btn.ghost{background:transparent;color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold)}
.tog{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);padding:7px 11px;font:500 13px var(--font);color:var(--text2);cursor:pointer;border-radius:var(--r)}
.tog:has(input:checked){border-color:var(--gold);color:var(--gold);background:var(--goldbg)}.tog input{accent-color:var(--gold)}
button.tog{font:500 13px var(--font)}
select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:var(--r);padding:8px 10px;font:500 13px var(--font)}
.pill{display:inline-block;padding:2px 8px;border-radius:3px;font:600 11.5px var(--mono);background:var(--panel2);border:1px solid var(--line);color:var(--muted)}
.pill.g{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent);background:var(--greenbg)}
.pill.y{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,transparent);background:var(--goldbg)}
.pill.r{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent);background:var(--redbg)}
.tag{display:inline-block;font:700 9.5px var(--mono);letter-spacing:.06em;padding:2px 6px;vertical-align:1px;border-radius:2px}
.tag.tev{background:var(--bluebg);color:var(--blue)}.tag.d2f{background:var(--greenbg);color:var(--green)}.tag.one{background:var(--redbg);color:var(--red)}
.tag.ptag{background:var(--panel2);color:var(--muted);border:1px solid var(--line)}

/* ---------- panels ---------- */
.panel{background:var(--panel);border:1px solid var(--line);position:relative}
.panel::after{content:"";position:absolute;top:-1px;right:-1px;width:14px;height:14px;background:linear-gradient(225deg,var(--bg) 50%,var(--line) 50%,var(--line) calc(50% + 1px),transparent calc(50% + 1px))}
.card{padding:20px}.card h3{margin:0 0 6px;font-size:18px}.card p{color:var(--muted);margin:0}
section.block{padding:40px 0}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}
.crumbs{font:500 12px var(--mono);color:var(--muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em}.crumbs a{color:var(--muted)}

/* ---------- hero ---------- */
.hero{padding:46px 0 22px;text-align:left;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero>p{color:var(--text2);font-size:18px;max-width:640px;margin:0}
.hero .hl{grid-column:1}.hero .hr{grid-column:2;grid-row:1 / span 3}
.kicker{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.bigcode{display:flex;flex-direction:column;gap:8px;padding:22px 24px;cursor:pointer;background:var(--panel);border:1px solid var(--line);position:relative}
.bigcode::before{content:"";position:absolute;inset:0;border-left:4px solid var(--gold)}
.bigcode .lbl{font:600 11px var(--mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase}
.bigcode .val{font:800 56px/1 var(--mono);letter-spacing:.14em;color:var(--gold)}
.bigcode .tap{font-size:13px;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:22px 0 0;border:1px solid var(--line);background:var(--panel)}
.stats div{padding:12px 14px;border-right:1px solid var(--line);font-size:12px;color:var(--muted)}.stats div:last-child{border:0}
.stats b{display:block;color:var(--text);font:700 20px var(--mono)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px auto 4px}
.tile{padding:16px;color:var(--text);display:flex;flex-direction:column;gap:4px}.tile span{color:var(--muted);font-size:13px}.tile:hover{border-color:var(--gold);text-decoration:none}

/* ---------- featured firm banner ---------- */
.feat{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:14px 18px;margin:18px 0 0;background:linear-gradient(90deg,var(--panel),var(--panel2));border:1px solid var(--line)}
.feat .fn{display:flex;gap:10px;align-items:center;font-weight:700}.feat .fp{font:800 26px var(--mono);color:var(--green)}.feat .fp small{display:block;font:600 10px var(--mono);color:var(--muted);letter-spacing:.1em}
.feat .ff{margin-left:auto;display:flex;gap:14px;align-items:center}.feat .off{font:800 28px var(--mono);color:var(--gold)}

/* ---------- comparison table ---------- */
.sortex{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0}.sortex div{font-size:12.5px;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:7px 11px}.sortex b{color:var(--text)}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px;margin:12px 0}
.flabel{font:600 10.5px var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.seg{display:inline-flex;border:1px solid var(--line);background:var(--panel2);border-radius:var(--r);overflow:hidden}
.seg button{background:none;border:0;border-right:1px solid var(--line);color:var(--text2);padding:8px 12px;font:500 13px var(--font);cursor:pointer}.seg button:last-child{border-right:0}
.seg button.on{background:var(--gold);color:var(--gold-ink);font-weight:700}
.dd{position:relative}.dd>summary{list-style:none;cursor:pointer}.dd>summary::-webkit-details-marker{display:none}
.dd .menu{position:absolute;top:40px;left:0;z-index:30;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;gap:6px;min-width:220px;max-height:340px;overflow:auto}
.dd .menu .tog{background:none;border:0;padding:4px 2px}
.count{margin-left:auto;color:var(--muted);font:500 12px var(--mono)}
.count a{margin-left:8px}
.tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{position:sticky;top:0;background:var(--panel2);color:var(--muted);font:600 10.5px var(--mono);text-align:left;padding:10px 10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;cursor:pointer;border-bottom:1px solid var(--line)}
th.grp{background:var(--goldbg);color:var(--gold);text-align:center}
td{padding:10px;border-top:1px solid var(--line);white-space:nowrap;font-family:var(--mono);font-size:13px}
tbody tr{transition:background .12s}tbody tr:hover td{background:var(--panel2)}tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--gold)}
td.fund{background:color-mix(in srgb,var(--gold) 3.5%,transparent)}
.firm{display:flex;align-items:center;gap:10px;font:600 14px var(--font);color:var(--text)}.firm:hover{text-decoration:none;color:var(--gold)}
.firm small{display:block;color:var(--muted);font:500 12px var(--font)}
.av{width:30px;height:30px;display:grid;place-items:center;font:800 11px var(--mono);color:var(--gold-ink);background:var(--gold);flex:none;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
.ptags{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}
.price b{font-size:15px}.price s{color:var(--muted);font-size:11px;margin-left:5px}.price .sub,.sub{display:block;color:var(--muted);font:500 10.5px var(--font)}
.allin{font-weight:800;color:var(--text);font-size:15px}
.mll{display:inline-flex;align-items:center;gap:6px}.mll i{display:inline-block;width:5px;height:22px;background:var(--line2);position:relative}.mll i b{position:absolute;bottom:0;left:0;right:0;background:var(--green)}
.disc{display:inline-flex;font:700 11px var(--mono)}.disc span{background:var(--gold);color:var(--gold-ink);padding:5px 7px}.disc em{font-style:normal;background:var(--panel2);border:1px solid var(--line);padding:4px 8px;color:var(--text);cursor:pointer;letter-spacing:.1em}
.offer{display:block;font:500 10.5px var(--font);color:var(--muted);margin-top:3px}
.roi{font-weight:800}.roi.hi{color:var(--green)}.roi.mid{color:var(--gold)}
sup{font-size:9px;color:var(--muted);margin-left:2px}
.ring{width:22px;height:22px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px;background:conic-gradient(var(--green) calc(var(--p)*1%),var(--line2) 0);-webkit-mask:radial-gradient(circle 7px,transparent 98%,#000 100%);mask:radial-gradient(circle 7px,transparent 98%,#000 100%)}
.c-cmp input{accent-color:var(--gold);width:16px;height:16px}
.c-cta .fp{display:block;font:500 11px var(--font);margin-top:4px}
td.empty{text-align:center;color:var(--muted);padding:30px;white-space:normal}
.pager{display:flex;gap:6px;justify-content:flex-end;align-items:center;padding:10px;border-top:1px solid var(--line);flex-wrap:wrap}
.pager button{background:var(--panel2);border:1px solid var(--line);color:var(--text2);min-width:32px;height:30px;font:600 12px var(--mono);cursor:pointer}.pager button.on{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.pager .note{margin-right:auto}
#cmp-tray{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:40;display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--gold);padding:10px 14px;box-shadow:var(--shadow);font:600 13px var(--mono)}
.summary{color:var(--text2);font-size:14px;margin:14px 0 0;max-width:980px}

/* ---------- misc components ---------- */
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;margin:18px 0;border:1px solid var(--line);background:var(--panel)}
.kv div{padding:12px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.kv small{color:var(--muted);display:block;font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase}.kv b{font:700 17px var(--mono)}
.kv.mini{grid-template-columns:1fr 1fr;margin:10px 0}.kv.mini b{font-size:14px}
.calc label{display:block;font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:12px 0 5px}
.calc input,.calc select,.calc textarea{width:100%;background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:10px;font:600 15px var(--mono)}
.result{font:800 34px var(--mono);color:var(--gold)}
.risk{border:1px solid color-mix(in srgb,var(--red) 35%,transparent);background:var(--redbg);padding:12px 14px;color:var(--text2);font-size:13px}
.steps .n{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--gold);color:var(--gold-ink);font:800 14px var(--mono);margin-bottom:8px}
.faq details{border-top:1px solid var(--line);padding:14px 4px}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--text2)}
.prose{max-width:840px}.prose p,.prose li{color:var(--text2)}
.formula{font:600 15px var(--mono);background:var(--panel2);border-left:3px solid var(--gold);padding:12px 14px;margin:12px 0}
.exbox dl{display:grid;grid-template-columns:200px 1fr;gap:6px 14px;margin:0 0 6px;font-size:14px}.exbox dt{color:var(--muted)}.exbox dd{margin:0;font-family:var(--mono)}
.dotplot{width:100%;height:auto;background:var(--panel);border:1px solid var(--line);margin:8px 0}
.dotplot .grid{stroke:var(--line);stroke-width:1}.dotplot .ax{fill:var(--muted);font:11px var(--mono)}.dotplot .lab{fill:var(--text);font-weight:700}
.dotplot .dot{fill:var(--gold);opacity:.85}.dotplot .capline{stroke:var(--red);stroke-dasharray:4 4;stroke-width:2}.dotplot .caplab{fill:var(--red);font:600 11px var(--mono)}
.rank{position:relative}.rank .rk{position:absolute;right:16px;top:12px;font:800 28px var(--mono);color:var(--gold)}
.score{font:800 40px var(--mono);margin:4px 0 10px}.score small{font-size:15px;color:var(--muted)}
.bar{display:grid;grid-template-columns:62px 1fr 28px;align-items:center;gap:8px;font:500 11.5px var(--mono);color:var(--muted);margin:5px 0}
.bar i{display:block;height:6px;background:linear-gradient(90deg,var(--gold),var(--green))}.bar em{font-style:normal;text-align:right}
.rank .btn{margin-top:12px}
.stat{display:flex;flex-direction:column;gap:4px}.stat b{font:800 26px var(--mono);color:var(--gold)}.stat.big b{font-size:38px}.stat small{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.chips button{background:var(--panel2);border:1px solid var(--line);color:var(--text2);padding:6px 12px;font:500 13px var(--font);cursor:pointer}.chips button.on{background:var(--gold);color:var(--gold-ink);border-color:var(--gold);font-weight:700}
.ev{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--line)}.ev .t{width:72px;color:var(--muted);font-family:var(--mono)}.ev.hi b{color:var(--red)}.ev.past{opacity:.45}
.newsitem{display:block;padding:14px 0;border-top:1px solid var(--line);color:var(--text)}.newsitem span{display:block}
.news-cta{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.news-cta p{color:var(--muted);margin:4px 0 0}
form.newsletter{display:flex;gap:8px;flex-wrap:wrap}form.newsletter input{flex:1;min-width:200px;background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:10px;font:15px var(--font)}
fieldset.q{border:0;padding:0;margin:0 0 18px}fieldset.q legend{font-weight:700;margin-bottom:8px}
fieldset.q label{display:inline-flex;align-items:center;gap:6px;margin:0 8px 8px 0;background:var(--panel2);border:1px solid var(--line);padding:8px 12px;cursor:pointer;font-size:14px}
fieldset.q label:has(input:checked){border-color:var(--gold);color:var(--gold);background:var(--goldbg)}fieldset.q input{accent-color:var(--gold)}
fieldset.q select{padding:10px;font-size:14px}
.match h3{margin:8px 0 0}.match p{margin:0 0 6px}
table.static td{white-space:nowrap}table.cmp th{position:static;text-align:left;width:180px}table.cmp td.best{color:var(--green);font-weight:800}
tr.bestrow td{background:var(--greenbg)}tr.bad td{background:var(--redbg)}
.hp{position:absolute;left:-9999px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);opacity:0;background:var(--gold);color:var(--gold-ink);font:700 14px var(--font);padding:12px 18px;transition:.25s;z-index:99;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* rankings */
.criteria{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0}
.criteria div{background:var(--panel);border:1px solid var(--line);padding:12px;font-size:13px;color:var(--muted)}.criteria b{display:block;color:var(--text);margin-bottom:3px}
.criteria .never{border-color:color-mix(in srgb,var(--green) 45%,transparent)}
table.rk td{vertical-align:middle}.rkn{font:800 20px var(--mono);color:var(--gold)}
.minibar{width:60px;height:6px;background:var(--line);display:inline-block;margin-right:6px;vertical-align:middle}.minibar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--green))}

/* firm profile */
.fhero{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;margin:6px 0 10px}
.fh-l{display:flex;gap:16px;align-items:flex-start}.av.big{width:64px;height:64px;font-size:22px}
.fh-l h1{margin:0}.paid{margin:4px 0}.paid b{color:var(--green);font:800 22px var(--mono)}.ftags{display:flex;gap:6px;flex-wrap:wrap}
.fh-r{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px;min-width:250px}.fh-r small{color:var(--muted)}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}.toc a{background:var(--panel);border:1px solid var(--line);padding:5px 11px;font:500 12px var(--mono);color:var(--muted)}
.firmpage h2{margin-top:36px;scroll-margin-top:110px}.sn{color:var(--gold);font:700 14px var(--mono);margin-right:8px}
.deal{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.prog ul{margin:8px 0 0;padding-left:18px;color:var(--text2);font-size:14px}.prog .from{margin:4px 0 0}.prog h3{margin:8px 0 0}
.facts dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:14px}.facts dt{color:var(--muted)}.facts dd{margin:0}
.tl{border-left:2px solid var(--line);margin-left:6px;padding-left:18px}.tl div{position:relative;margin:0 0 14px}.tl div::before{content:'';position:absolute;left:-25px;top:5px;width:10px;height:10px;background:var(--gold);transform:rotate(45deg)}
.tl span{font:500 12px var(--mono);color:var(--muted)}.tl p{margin:2px 0 0}.tl .now::before{background:var(--green)}
.pc ul{padding-left:18px;margin:6px 0 0}.pc li{margin:4px 0;color:var(--text2)}

/* sidebar / widgets */
.top10{margin-top:30px}.t10h{display:flex;justify-content:space-between;align-items:center;gap:10px}.t10h h3{margin:0}.top10 td{font-family:var(--font)}
.widgets{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:30px}
.discord{padding:20px;background:linear-gradient(135deg,var(--panel),var(--panel2))}
.discord .dh{display:flex;gap:12px;align-items:center}.discord .dl2{width:44px;height:44px;background:var(--gold);display:grid;place-items:center;color:var(--gold-ink);font:800 18px var(--mono);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
.discord .live{font:600 12px var(--mono);color:var(--muted)}.discord .live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:5px}
.discord ul{padding-left:18px;color:var(--text2);font-size:14px}
.cdown{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:12px 0}.cdown small{color:var(--muted)}.cdown b{font:800 26px var(--mono);color:var(--gold)}.cdown.big b{font-size:34px}
.gw h2{margin:8px 0 4px}.gw-top{display:flex;justify-content:space-between}
.gwform{display:grid;gap:10px;margin-top:10px}.gwform input,.gwform select{background:var(--panel2);border:1px solid var(--line);color:var(--text);padding:11px;font:15px var(--font);width:100%}
.gwform label input{width:auto}

/* rule radar */
.rstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:18px 0;border:1px solid var(--line);background:var(--panel)}
.rstats div{padding:12px 14px;border-right:1px solid var(--line)}.rstats b{display:block;font:800 24px var(--mono);color:var(--gold)}.rstats small{color:var(--muted)}
.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0 20px}.legend div{font-size:13px;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:10px}.legend b{color:var(--text);display:block}
.rcard{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line2);padding:14px 16px;margin:10px 0}
.rcard.stricter{border-left-color:var(--red)}.rcard.better{border-left-color:var(--green)}
.rhead{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rfirm{font-weight:700;color:var(--gold)}.rdate{margin:0 0 0 auto;font-family:var(--mono)}
.rcard h3{margin:8px 0 4px;font-size:16px}.wtm{color:var(--text2);margin:6px 0}
.rlinks{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:8px}
.tag.st-updated{background:var(--goldbg);color:var(--gold)}.tag.st-new{background:var(--bluebg);color:var(--blue)}.tag.st-removed{background:var(--redbg);color:var(--red)}
.rcard details{margin-top:10px}.rcard summary{cursor:pointer;font-size:13px;color:var(--gold)}
.diff{margin-top:8px;border:1px solid var(--line);overflow:hidden;font:12.5px/1.55 var(--mono)}
.dl{display:grid;grid-template-columns:22px 1fr;padding:3px 8px;white-space:pre-wrap;word-break:break-word}.dl b{color:var(--muted)}
.dl.del{background:var(--redbg)}.dl.ins{background:var(--greenbg)}.dl.gap{color:var(--muted);text-align:center;display:block}
mark.m-del{background:color-mix(in srgb,var(--red) 35%,transparent);color:inherit;text-decoration:line-through}mark.m-ins{background:color-mix(in srgb,var(--green) 35%,transparent);color:inherit}
.rgroup{margin:26px 0 4px;font-size:15px;font-family:var(--mono)}
.rpanel{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}

/* payout tracker */
.ptop{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0;border:1px solid var(--line);background:var(--panel);margin:18px 0}
.ptop>div{padding:18px;border-right:1px solid var(--line)}.ptop>div:last-child{border:0}
.ptop .huge{font:800 clamp(34px,5vw,56px)/1 var(--mono);color:var(--green)}
.ptop small{display:block;font:600 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ptop b{font:800 22px var(--mono)}
.chart{width:100%;height:auto;background:var(--panel);border:1px solid var(--line)}
.chart .grid{stroke:var(--line)}.chart .ax{fill:var(--muted);font:10.5px var(--mono)}
.legend2{display:flex;flex-wrap:wrap;gap:12px;font:500 12px var(--mono);color:var(--muted);margin:8px 0}.legend2 i{display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align:-1px}
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0;border:1px solid var(--line);background:var(--panel)}
.feed div{padding:9px 12px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:flex;justify-content:space-between;font:500 13px var(--mono)}.feed b{color:var(--green)}
.spark{vertical-align:middle}

.ftr-cards .card h3{display:flex;gap:8px;align-items:center}
footer{border-top:1px solid var(--line);margin-top:40px;padding:34px 0;color:var(--muted);font-size:13px;background:var(--bg2)}
footer .cols{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}footer a{color:var(--muted)}footer b{color:var(--text);font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.sticky-cta{display:none}

@media (max-width:900px){.hero{grid-template-columns:1fr}.hero .hr{grid-column:1;grid-row:auto}.widgets{grid-template-columns:1fr}.ptop{grid-template-columns:1fr}.ptop>div{border-right:0;border-bottom:1px solid var(--line)}}
@media (max-width:760px){
  header.top .wrap{flex-wrap:wrap;height:auto;padding-top:10px;gap:8px 12px}
  header.top .codechip{margin-left:auto}
  nav.main{order:3;width:100%;margin:0;overflow-x:auto;white-space:nowrap;gap:16px;padding:2px 0 10px;scrollbar-width:none}nav.main::-webkit-scrollbar{display:none}
  nav.main details.more div{position:fixed;right:12px;top:110px}
  .hero{padding:26px 0 10px}.bigcode .val{font-size:44px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div{border-bottom:1px solid var(--line)}
  .grid2,.row2,.row3{grid-template-columns:1fr}
  .sticky-cta{display:flex;position:fixed;bottom:0;left:0;right:0;gap:10px;align-items:center;justify-content:center;padding:10px;background:color-mix(in srgb,var(--bg) 95%,transparent);border-top:1px solid var(--line);z-index:30}
  body{padding-bottom:64px}
  .count{margin-left:0;width:100%}
  .tablewrap.cards{border:0;background:none;overflow:visible}
  .cards #rows,.cards #rows tr,.cards #rows td{display:block}.cards table thead{display:none}
  .cards #rows tr{background:var(--panel);border:1px solid var(--line);margin:0 0 12px;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 10px;position:relative}
  .cards #rows td{border:0;padding:0;background:none!important;white-space:normal;font-size:13px;box-shadow:none!important}
  .cards #rows td::before{content:attr(data-label);display:block;color:var(--muted);font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em}
  .cards #rows td.c-firm,.cards #rows td.c-cta,.cards #rows td.c-code{grid-column:1/-1}
  .cards #rows td.c-firm::before,.cards #rows td.c-cta::before,.cards #rows td.c-cmp::before{display:none}
  .cards #rows td.c-cmp{position:absolute;right:12px;top:12px}
  .cards #rows td.c-cta .btn{width:100%;justify-content:center;padding:12px}
  .rr{grid-template-columns:1fr}#cmp-tray{bottom:72px}.fh-r{width:100%}
  .exbox dl{grid-template-columns:1fr}
}
.hero.simple{display:block;text-align:center}.hero.simple>p{margin:0 auto 18px}.hero.simple .bigcode{display:inline-flex;align-items:center}
footer .logo b{font:inherit;letter-spacing:inherit;text-transform:none;color:var(--gold)}
.tag{white-space:nowrap;flex:none}.ptags{align-items:flex-start;max-width:280px}
.feat{margin:18px auto 0}
@media (max-width:760px){header.top .codechip small{display:none}.feat .ff{margin-left:0;flex-wrap:wrap}}
.ptags{display:block;max-width:300px;white-space:normal;line-height:1.9}.ptags .tag{display:inline-block;margin:0 3px 0 0}
/* playbook pass */
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}.btn.big{padding:13px 20px;font-size:15px}
.trust{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;padding:12px 20px;margin-top:14px;font-size:13px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust b{color:var(--text)}
.mymatch{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 16px;margin-top:14px;border-color:var(--gold)}
.founder{display:flex;gap:16px;align-items:flex-start;margin-top:10px}.founder p{margin:6px 0 0;color:var(--text2)}
.fmk{width:44px;height:44px;flex:none;background:var(--gold);color:var(--gold-ink);display:grid;place-items:center;font:800 18px var(--mono);clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%)}
.story p{color:var(--text);font-size:15px}.storyform{margin-top:14px}.storyform summary{cursor:pointer}
nav.main a[aria-current]{color:var(--gold)}
/* Refactoring UI: quieter table chrome */
td{border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.ptags .tag.ptag{border:0;background:var(--panel2)}
.dotplot .medline{stroke:var(--muted);stroke-width:2}

/* ===================== v6 — calm base, targeted contrast ===================== */
:root,[data-theme="light"]{
  --bg:#f6f5f2;--bg2:#efede8;--panel:#ffffff;--panel2:#f4f3ef;--line:#e7e4dd;--line2:#d6d2c8;
  --text:#15171b;--text2:#3b4049;--muted:#7b818b;
  --gold:#e58a00;--gold2:#b96f00;--gold-ink:#ffffff;--goldbg:rgba(229,138,0,.08);
  --green:#0e9f6e;--greenbg:rgba(14,159,110,.09);--red:#d23b3b;--redbg:rgba(210,59,59,.07);--blue:#5a52d5;--bluebg:rgba(90,82,213,.09);
  --ink:#15171b;--ink-text:#ffffff;--deal:#10a36f;--allin:rgba(229,138,0,.07);--fund:rgba(90,82,213,.035);--fundline:rgba(90,82,213,.35);
  --shadow:0 1px 2px rgba(20,20,20,.04),0 8px 24px rgba(20,20,20,.06);--r:10px;
  --font:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light;
}
[data-theme="dark"]{
  --bg:#0f1114;--bg2:#0c0e10;--panel:#16191e;--panel2:#1c2027;--line:#272c34;--line2:#353b45;
  --text:#f1f3f5;--text2:#c6ccd5;--muted:#8d95a2;
  --gold:#ffad33;--gold2:#ffc266;--gold-ink:#1a1204;--goldbg:rgba(255,173,51,.10);
  --green:#2fd197;--greenbg:rgba(47,209,151,.10);--red:#ff6464;--redbg:rgba(255,100,100,.09);--blue:#a49dff;--bluebg:rgba(164,157,255,.12);
  --ink:#f3f2ee;--ink-text:#14161a;--deal:#14b87e;--allin:rgba(255,173,51,.07);--fund:rgba(164,157,255,.045);--fundline:rgba(164,157,255,.35);
  --shadow:0 10px 30px rgba(0,0,0,.35);color-scheme:dark;
}
body{background-image:none;font-feature-settings:"tnum" 1,"cv11" 1}
h1,h2,h3{letter-spacing:-.03em;font-weight:800}
/* kill the uniform "gamer" texture: no cut corners, notches, mono everywhere */
.btn,.codechip,.av,.logo .mk,.themebtn,.discord .dl2,.fmk,.bigcode{clip-path:none!important}
.panel::after{display:none}
.panel{border-radius:14px;box-shadow:var(--shadow);border-color:var(--line)}
td,.kv b,.stats b,.score,.stat b,.rstats b,.rank .rk,.rkn,.sn,.tl span,.crumbs,.ev .t,.rdate,.result,.cdown b,.feed div,.count,.pager button,#cmp-tray,.pill,.tag,.dotplot .ax,.flabel,th,.kicker,.ticker,.bigcode .lbl,.kv small,.calc label{font-family:var(--font)!important}
.num,td{font-variant-numeric:tabular-nums}
.kicker{letter-spacing:.08em;font-weight:700;font-size:12.5px}
.crumbs{letter-spacing:.02em;text-transform:none;font-size:13px}
.btn{border-radius:10px;font-weight:700}.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--line2);color:var(--text)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--gold);color:var(--gold)}
.logo .mk{border-radius:7px}.av{border-radius:8px}.themebtn{border-radius:10px}
.codechip{border-radius:8px;background:var(--ink);color:var(--ink-text);border:0;letter-spacing:.14em}
.codechip small{color:color-mix(in srgb,var(--ink-text) 60%,transparent)}
.tog,select,.seg,.chips button,.tile,.criteria div,.legend div,.sortex div,.toc a,.rcard,.kv,.stats,.rstats,.ptop,.feed,.tablewrap{border-radius:10px}
.seg button.on{background:var(--text);color:var(--bg)}
.chips button.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.tog:has(input:checked){border-color:var(--text);color:var(--text);background:var(--panel2)}
.ticker{font-family:var(--font)}.ticker a::before{content:""}.ticker span{background:var(--ink);color:var(--ink-text);padding:1px 6px;border-radius:4px;font-family:"JetBrains Mono",monospace}
header.top{background:color-mix(in srgb,var(--bg) 88%,transparent)}
.hero h1 em{color:var(--gold)}
.bigcode{border-radius:16px;background:var(--ink);border:0;color:var(--ink-text);box-shadow:var(--shadow)}
.bigcode::before{border-left:0}
.bigcode .lbl,.bigcode .tap{color:color-mix(in srgb,var(--ink-text) 60%,transparent)}
.bigcode .val{color:var(--gold);font-family:"JetBrains Mono",monospace}
.stats{border-radius:12px;overflow:hidden}.stats b{font-size:22px;font-weight:800}
.feat{border-radius:14px;background:var(--ink);color:var(--ink-text);border:0}
.feat .note{color:color-mix(in srgb,var(--ink-text) 65%,transparent)}.feat .fp{font-family:var(--font)}
.trust{border:0;background:transparent}
.sortex div{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line)}

/* ---------- the price table: hierarchy by contrast ---------- */
.tablewrap{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line)}
th{background:var(--panel);color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;border-bottom:1px solid var(--line);vertical-align:bottom;user-select:none}
th[data-sort]{cursor:pointer}th[data-sort]:hover{color:var(--text)}
th .sa{font-style:normal;margin-left:4px;opacity:.35;font-size:10px}
th.sorted{color:var(--gold)}th.sorted .sa{opacity:1}
tr.grprow th{border-bottom:0;padding-bottom:0;background:var(--panel)}
th.grp{background:transparent;color:var(--blue);letter-spacing:.14em;border:2px solid var(--fundline);border-bottom:0;border-radius:10px 10px 0 0;padding:6px}
th.fund{background:var(--fund)}th.fs,td.fs{border-left:2px solid var(--fundline)}th.fe,td.fe{border-right:2px solid var(--fundline)}
tbody tr:last-child td.fund{border-bottom:2px solid var(--fundline)}
td{font-family:var(--font);font-size:14px;color:var(--text2);padding:12px 10px;border-top:1px solid var(--line);vertical-align:middle}
tbody tr:hover td{background:color-mix(in srgb,var(--panel2) 70%,transparent)}tbody tr:hover td:first-child{box-shadow:none}
td.fund{background:var(--fund)}
/* All-in: the default decision column */
th.c-allin,td.c-allin{background:var(--allin)!important}
td.c-allin b{font-size:17px;font-weight:800;color:var(--text)}td .sub{font-size:11px;color:var(--muted);display:block;margin-top:1px;font-weight:500}
/* Discount + coupon: the focal point */
.deal{display:inline-flex;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.deal .off{background:var(--deal);color:#fff;font:800 12.5px var(--font);letter-spacing:.02em;padding:9px 10px;display:flex;align-items:center;white-space:nowrap}
.deal .cpn{background:var(--ink);color:var(--ink-text);border:0;font:800 15px "JetBrains Mono",monospace;letter-spacing:.14em;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer}
.deal .cpn svg{color:var(--gold)}.deal .cpn:hover{filter:brightness(1.15)}
td.c-disc .offer{display:block;margin-top:5px;font-size:11.5px;font-weight:700;color:var(--text2)}
/* secondary info stays quiet */
.firm .fn{font-weight:700;color:var(--text);font-size:15px}.firm small{color:var(--muted);font-size:13px}
.firm .rk{font:700 11px var(--font);color:var(--gold);background:var(--goldbg);padding:1px 6px;border-radius:5px;margin-left:3px}
.ptags .tag{font:700 10px var(--font)!important;letter-spacing:.04em;border-radius:5px;padding:2px 6px}
.ptags .tag.ptag{background:var(--panel2);color:var(--muted)}
.price b{font-size:15px;color:var(--text);font-weight:700}.price s{display:block;font-size:11px;color:var(--muted);margin:0}
.act{display:inline-block;margin-top:3px;font-size:10.5px;font-weight:700;background:var(--panel2);color:var(--text2);padding:1px 6px;border-radius:4px}
.ddt{font:700 11.5px var(--font);padding:4px 8px;border-radius:6px;display:inline-block}
.dd-e{background:var(--panel2);color:var(--text2)}.dd-i{background:rgba(229,138,0,.12);color:#c06a00}.dd-s{background:var(--bluebg);color:var(--blue)}
[data-theme="dark"] .dd-i{color:var(--gold)}
.mll i{width:4px;height:20px;border-radius:2px;background:var(--line2)}.mll i b{border-radius:2px}
.muted{color:var(--muted)}
.roi{font-weight:800;font-size:15px;color:var(--text)}.roi.hi{color:var(--green)}.roi.mid{color:var(--text)}
.ring{width:20px;height:20px;-webkit-mask:radial-gradient(circle 6px,transparent 98%,#000 100%);mask:radial-gradient(circle 6px,transparent 98%,#000 100%)}
.btn.claim{padding:9px 18px;font-size:14px}
.c-cta .fp{color:var(--gold2);font-weight:600;text-align:center}
.filters{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line)}
.flabel{font-size:11px;font-weight:800;letter-spacing:.08em}
/* other surfaces */
.kv{background:var(--panel);box-shadow:var(--shadow)}.kv b{font-weight:800}
.rank .rk{color:var(--gold)}.bar i{background:linear-gradient(90deg,var(--gold),var(--green));border-radius:4px}
footer{background:var(--bg2)}footer b{font-family:var(--font)}
@media (max-width:760px){
  .cards #rows tr{border-radius:14px;box-shadow:var(--shadow)}
  .cards #rows td.c-disc{grid-column:1/-1}
  .cards #rows td.fund{background:none}.cards #rows td.fs,.cards #rows td.fe{border:0}
  .cards #rows td.c-allin{background:var(--allin)!important;border-radius:8px;padding:4px 6px}
}
/* v6.1 — wider, denser main table; coupon stays one unit */
@media (min-width:761px){
  .filters,.tablewrap.cards,.sortex{margin-left:calc(50% - min(50vw - 20px, 740px));margin-right:calc(50% - min(50vw - 20px, 740px))}
  .tablewrap.cards td{padding:11px 7px}.tablewrap.cards th{padding:10px 7px}
  .tablewrap.cards td.c-cmp,.tablewrap.cards th:first-child{padding-left:14px;padding-right:2px}
  .tablewrap.cards td.c-firm{min-width:200px}
}
td.c-disc .deal{flex-wrap:nowrap;gap:0;justify-content:flex-start;align-items:stretch;background:none}
.ptags{max-width:230px!important;line-height:1.75!important}
.ptags .tag{text-transform:none;letter-spacing:0;font-size:10.5px!important;padding:1px 6px}
.ptags .tag.tev{text-transform:uppercase;letter-spacing:.04em}
th.c-disc,th.c-allin{color:var(--text)}th.sorted{color:var(--gold2)}
@media (min-width:761px){
  .tablewrap.cards td.c-firm{min-width:0}.tablewrap.cards .ptags{max-width:185px!important}
  .tablewrap.cards td{padding:11px 6px}.tablewrap.cards th{padding:10px 6px;white-space:nowrap}
  .tablewrap.cards td.c-cta{padding-right:14px}
}
@media (min-width:761px){.tablewrap.cards td.c-cta .fp{display:none}}
@media (min-width:761px){
  .tablewrap.cards .ptags{max-width:160px!important}
  .tablewrap.cards .deal .off{font-size:11.5px;padding:8px 8px}.tablewrap.cards .deal .cpn{padding:7px 9px;letter-spacing:.1em;gap:6px}
  .tablewrap.cards td{padding:11px 5px}.tablewrap.cards th{padding:10px 5px}
  .btn.claim{padding:9px 14px}
}
/* v7 — real logo slots */
.av{--h:30;position:relative;display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px!important;overflow:hidden;
  background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);color:transparent;font-size:0;padding:0;margin-right:10px;vertical-align:middle}
.av b{font:800 13px var(--font);letter-spacing:.02em;color:#fff;width:100%;height:100%;display:grid;place-items:center;background:hsl(var(--h) 55% 42%)}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5px;background:#fff}
.av.big{width:64px;height:64px;border-radius:16px!important}.av.big b{font-size:20px}.av.big img{padding:8px}
.feat .av,h3 .av{width:32px;height:32px;border-radius:8px!important}h3 .av b,.feat .av b{font-size:11px}
[data-theme="dark"] .av{box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.firm{display:flex;align-items:center;gap:0}
.tp{color:#00a96b;font-weight:700}[data-theme="dark"] .tp{color:var(--green)}
.deal .off.none{background:var(--panel2);color:var(--text2);box-shadow:inset 0 0 0 1px var(--line2)}
/* hero: deals above the fold (ad message-match) */
.quick{margin-top:12px;padding:6px 14px 8px;border-radius:14px}
.quick .qh{display:flex;justify-content:space-between;align-items:center;padding:8px 0 6px;font-size:14px}.quick .qh a{font-size:13px;font-weight:700;color:var(--gold2)}
.quick .qr{display:flex;align-items:center;gap:0;padding:9px 0;border-top:1px solid var(--line)}
.quick .qn{width:18px;font-weight:800;color:var(--muted);font-size:13px}
.quick .av{width:34px;height:34px;border-radius:9px!important}.quick .av b{font-size:11px}
.quick .qf{flex:1;min-width:0}.quick .qf b{display:block;font-size:14.5px;color:var(--text)}.quick .qf small{display:block;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick .qp{text-align:right;margin:0 12px;line-height:1.1}.quick .qp b{font-size:17px;font-weight:800;color:var(--text)}.quick .qp small{display:block;font-size:11px;color:var(--muted)}
.btn.sm{padding:7px 13px;font-size:13px}
.hero .bigcode{padding:16px 22px}.hero .bigcode .val{font-size:44px}
.hero{padding-top:34px;padding-bottom:18px}
.tools4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:760px){.tools4{grid-template-columns:1fr 1fr}.quick .qp{margin:0 8px}}
.av b{font-size:14px}.quick .av b{font-size:12px}
@media (min-width:761px){.tablewrap.cards .btn.claim{padding:8px 12px;font-size:13.5px}.tablewrap.cards td.c-firm .av{margin-right:8px}}
@media (min-width:761px){.tablewrap.cards td.c-cmp,.tablewrap.cards th:first-child{padding-left:10px}}
@media (max-width:760px){.hero .hl .stats,.hero .hr .bigcode{display:none}.hero .ctas .btn.ghost{display:none}.hero{padding-top:18px}}
@media (min-width:761px){.tablewrap.cards td.c-allin,.tablewrap.cards th.c-allin{padding-left:8px;padding-right:4px}.tablewrap.cards td.price{padding-right:3px}}
@media (min-width:761px){.tablewrap.cards td.c-cta{padding-right:8px}}
/* v8 — search, A–Z directory */
.srchbtn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--panel);color:var(--muted);font:600 13.5px var(--font);cursor:pointer;margin-left:auto}
.srchbtn:hover{color:var(--text);border-color:var(--text)}.srchbtn kbd,.sxin kbd{font:700 11px "JetBrains Mono",monospace;border:1px solid var(--line2);border-radius:5px;padding:1px 6px;color:var(--muted)}
header.top nav.main{margin-left:0}
.sx{position:fixed;inset:0;z-index:100;background:rgba(10,12,16,.45);backdrop-filter:blur(3px);display:none;align-items:flex-start;justify-content:center;padding:10vh 14px 14px}
.sx.open{display:flex}.sxbox{width:min(620px,100%);background:var(--panel);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden;border:1px solid var(--line)}
.sxin{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--muted)}
.sxin input{flex:1;border:0;outline:0;background:none;font:600 17px var(--font);color:var(--text)}
.sxr{max-height:60vh;overflow:auto;padding:6px}.sxr a{display:flex;align-items:center;gap:0;padding:9px 10px;border-radius:10px;color:var(--text)}
.sxr a.on,.sxr a:hover{background:var(--panel2)}.sxr a b{display:block;font-size:15px}.sxr a small{display:block;color:var(--muted);font-size:12.5px}
.sxr .av{width:34px;height:34px}.av.pg b{background:var(--panel2);color:var(--muted)}
.ddq{width:100%;margin:0 0 6px;padding:8px 10px;border-radius:8px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);font:600 13.5px var(--font)}
.dd .menu{max-height:360px;overflow:auto}
.lead{font-size:17px;color:var(--text2);max-width:820px}
.dirbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0 14px}
.dirbar #dq{flex:1 1 240px;min-width:200px;padding:10px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);font:600 14.5px var(--font)}
.dirlist{display:grid;gap:8px}
.drow{display:grid;grid-template-columns:auto 1fr 90px 130px 130px 20px;align-items:center;gap:12px;padding:12px 16px!important;color:var(--text);border-radius:12px!important}
.drow:hover{box-shadow:inset 0 0 0 1.5px var(--gold),var(--shadow)}.drow[hidden]{display:none}
.drow .av{margin:0}.dn b{display:block;font-size:15.5px}.dn small{color:var(--muted);font-size:12.5px}
.dm b{display:block;font-size:15px}.dm small{display:block;font-size:11px;color:var(--muted)}.drow .go{color:var(--muted);font-weight:800}
.st{display:inline-block;font:700 11.5px var(--font);padding:4px 9px;border-radius:999px;white-space:nowrap;justify-self:start;vertical-align:middle}
.st-r{background:var(--goldbg);color:var(--gold2)}.st-l{background:var(--panel2);color:var(--text2)}.st-w{background:rgba(229,138,0,.12);color:#b45f00}.st-c{background:var(--bluebg);color:var(--blue)}
h1 .st{font-size:13px;margin-left:8px}
.fhead{margin:6px 0 16px}.fh-l{display:flex;align-items:center;gap:6px}
@media (max-width:760px){.srchbtn span,.srchbtn kbd{display:none}.srchbtn{padding:0 10px;margin-left:auto}
 .drow{grid-template-columns:auto 1fr auto;gap:8px 10px}.drow .dm:nth-of-type(3),.drow .go{display:none}.drow .st{grid-column:2/4}}
.av img{opacity:0;transition:opacity .15s}.av img.ok{opacity:1}
h1 .st{font:700 13px var(--font);letter-spacing:0;padding:5px 10px}
@media (max-width:760px){#dseg{overflow-x:auto;flex-wrap:nowrap;max-width:100%}#dseg button{white-space:nowrap}}
.tp i{font-style:normal;font-weight:600;color:var(--muted);margin-left:3px;font-size:.9em}.dm .tp+small{display:block;font-size:11px;color:var(--muted)}
.av{background:#fff}.av img{padding:3px}
.tp.mid{color:#c27a00}.tp.lo{color:var(--red)}[data-theme="dark"] .tp.mid{color:var(--gold)}
.firm small{display:block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v9: outgoing site button */
td.c-site,th.c-site{text-align:center;width:52px;padding-left:4px!important;padding-right:4px!important}
.visit{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line,#e5e5e5);color:var(--ink,#111);background:var(--card,#fff);transition:transform .12s,background .12s,color .12s,border-color .12s}
.visit:hover{background:var(--ink,#111);color:var(--bg,#fff);border-color:var(--ink,#111);transform:translateY(-1px)}
[data-theme="dark"] .visit{border-color:rgba(255,255,255,.14);background:transparent;color:#eee}
[data-theme="dark"] .visit:hover{background:#fff;color:#111}
@media (max-width:760px){.cards #rows td.c-site{position:absolute;right:44px;top:6px;width:auto;padding:0!important}.cards #rows td.c-site::before{display:none}.cards #rows td.c-site .visit{width:32px;height:32px}.cards #rows td.c-firm{padding-right:84px}}
/* v10: unlisted page */
.ulx{max-width:1040px}
.ul-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:end;margin:6px 0 26px}
.ul-hero .eyebrow{display:inline-block;font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.ul-hero h1{margin:0 0 10px}
.ul-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ul-stats div{border:1px solid var(--line);border-radius:14px;padding:14px 12px;background:var(--panel)}
.ul-stats b{display:block;font:800 26px var(--font);letter-spacing:-.02em}.ul-stats small{color:var(--muted);font-size:12px}
.ul-stats div:nth-child(2) b{color:#d64545}
.ul-h{margin:30px 0 12px}
.ul-why{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ul-why .panel{padding:16px;border-radius:14px}.ul-why span{font-size:22px}.ul-why b{display:block;margin:6px 0 4px}.ul-why p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}
.ul-warn{display:flex;gap:10px;margin:18px 0 12px;padding:14px 16px;border-radius:14px;background:#fff6e5;border:1px solid #f3d08a;color:#5b4310;font-size:14px;line-height:1.5}
[data-theme="dark"] .ul-warn{background:#2a2213;border-color:#5b4a22;color:#f3dfae}
.ul-cta{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;text-decoration:none;color:inherit;border:1px solid #9bd8b3;background:#effaf3}
[data-theme="dark"] .ul-cta{background:#11261a;border-color:#245c3a}
.ul-cta>span:first-child{font-size:22px}.ul-cta b{display:block}.ul-cta small{color:var(--muted)}.ul-cta .go{margin-left:auto;font-weight:700;white-space:nowrap;color:var(--green,#16a34a)}
.ul-bar{position:sticky;top:64px;z-index:5;margin-top:26px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ul-bar input{flex:1 1 220px}
.ul-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ux{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"a n s" "a t t";gap:2px 12px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.ux[hidden]{display:none}
.ux .av{grid-area:a;align-self:start}.ux-n{grid-area:n;min-width:0}.ux-n b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ux-n small{color:var(--muted);font-size:12px}
.ux .xs{grid-area:s}.ux-t{grid-area:t;font-size:13px;color:var(--muted);line-height:1.4}
.xs{font:700 11px var(--font);padding:3px 8px;border-radius:999px;white-space:nowrap}
.x-av{background:#fde8e8;color:#b42318}.x-ca{background:#fff3d6;color:#8a5a00}.x-so,.x-nw{background:#e8effd;color:#2547a6}.x-fx{background:#efe8fd;color:#5b2ca6}.x-nr{background:var(--line);color:var(--muted)}.x-dd{background:#ececec;color:#444}
[data-theme="dark"] .x-av{background:#3a1717;color:#ff9b9b}[data-theme="dark"] .x-ca{background:#3a2c10;color:#ffd27a}[data-theme="dark"] .x-so,[data-theme="dark"] .x-nw{background:#16233f;color:#9db8ff}[data-theme="dark"] .x-fx{background:#2a1a45;color:#cdb2ff}[data-theme="dark"] .x-dd{background:#2a2a2a;color:#bbb}
@media (max-width:860px){.ul-hero{grid-template-columns:1fr}.ul-why{grid-template-columns:1fr 1fr}.ul-list{grid-template-columns:1fr}.ul-bar{top:56px}}
@media (max-width:480px){.ul-why{grid-template-columns:1fr}.ul-stats b{font-size:22px}.ul-cta{flex-wrap:wrap}.ul-cta .go{margin-left:46px}}
@media (max-width:760px){.ul-bar .seg{display:flex;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ul-bar .seg::-webkit-scrollbar{display:none}.ul-bar .seg button{white-space:nowrap;flex:none}.ul-bar input{flex-basis:100%}}
/* v11: clickable logos open the firm's site */
.av.lk{cursor:pointer;transition:transform .12s,box-shadow .12s}
.av.lk:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 0 0 2px var(--gold,#e8890c)}
.av.lk:focus-visible{outline:2px solid var(--gold,#e8890c);outline-offset:2px}
/* v12: brand mark */
.logo .mk{width:32px!important;height:32px!important;background:none!important;clip-path:none!important;border-radius:9px!important;overflow:hidden;display:block;flex:none;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 2px 8px rgba(0,0,0,.18)}
.logo .mk svg{width:100%;height:100%;display:block}
/* v12: stop grid blowout on phones (hero + sidebar widgets were 35–40px wider than the screen) */
@media (max-width:760px){section.hero.wrap,aside.widgets{grid-template-columns:minmax(0,1fr)!important}section.hero.wrap>*,aside.widgets>*{min-width:0}.hero .kicker{overflow-wrap:anywhere}}
@media (max-width:760px){aside.widgets .panel{overflow:hidden}aside.widgets table.static{width:100%}aside.widgets table.static td{white-space:normal}select{max-width:100%}.cmp-pick select,#cmp-pick select{width:100%;min-width:0}}
/* active filter chips */
.chips{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}.chips[hidden]{display:none}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:5px 11px;font:600 12.5px var(--font);cursor:pointer}
.chip small{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:10px}.chip b{color:var(--muted);font-size:14px;line-height:1}
.chip:hover{border-color:var(--gold)}.chip:hover b{color:var(--gold)}.chip.clr{background:none;border-style:dashed;color:var(--muted)}
/* v12: .hero / section.block padding shorthands were wiping .wrap's side padding, so content touched the screen edge up to 1320px wide */
.wrap{padding-left:20px!important;padding-right:20px!important}
@media (max-width:480px){.wrap{padding-left:14px!important;padding-right:14px!important}}
/* v13: code card that reads as a coupon you can copy */
.bigcode{gap:12px!important;padding:18px 20px!important;transition:transform .12s,box-shadow .12s}
.bigcode:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.bigcode:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.bc-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bc-badge{font:800 10.5px var(--font);letter-spacing:.08em;text-transform:uppercase;color:#1a1206;background:linear-gradient(90deg,#ffb23e,#ffd76e);padding:4px 9px;border-radius:999px}
.bc-sub{font-size:12.5px;color:color-mix(in srgb,var(--ink-text) 62%,transparent)}
.bc-coupon{display:flex;align-items:center;justify-content:space-between;gap:14px;border:2px dashed color-mix(in srgb,var(--gold) 70%,transparent);border-radius:12px;padding:8px 8px 8px 18px;background:color-mix(in srgb,var(--gold) 7%,transparent)}
.bigcode .bc-coupon .val{font-size:40px!important;letter-spacing:.16em;line-height:1}
.bc-btn{display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:#1a1206;font:800 14px var(--font);padding:11px 16px;border-radius:9px;white-space:nowrap;transition:background .15s}
.bc-btn em{font-style:normal}
.bigcode:hover .bc-btn{background:#ffc24f}
.bigcode.copied .bc-coupon{border-style:solid;border-color:#22c55e;background:rgba(34,197,94,.08)}
.bigcode.copied .bc-btn{background:#22c55e;color:#fff}
.bigcode .tap{font-size:12px}
.hero.simple .bigcode{flex-direction:column;align-items:stretch;min-width:320px;text-align:left}
@media (max-width:760px){.bigcode .bc-coupon .val{font-size:32px!important}}
/* v14: hero top-aligned (no empty gap under the stats) */
.hero{align-items:start!important}
/* intro / purpose section */
.intro{display:grid;grid-template-columns:1fr 280px;gap:0;margin:8px 0 26px;border-radius:18px;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.intro-main{padding:28px 30px 20px;position:relative}
.intro-main::before{content:"";position:absolute;left:0;top:28px;bottom:20px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(var(--gold),#ffd76e)}
.intro-eye{font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.intro h2{margin:8px 0 12px;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em}.intro h2 em{font-style:normal;color:var(--muted);font-weight:700}
.intro p{color:var(--text);opacity:.86;line-height:1.65;margin:0 0 10px;max-width:760px}
.intro-side{background:var(--ink);color:var(--ink-text);display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:1px;padding:0}
.intro-side div{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.intro-side div:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}
.intro-side b{display:block;font:800 26px var(--font);color:var(--gold);letter-spacing:-.02em}.intro-side small{color:color-mix(in srgb,var(--ink-text) 60%,transparent);font-size:12px}
.intro-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 30px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--gold) 5%,var(--panel))}
.intro-foot a{font-weight:700;text-decoration:none}.intro-foot a:hover{text-decoration:underline}
.intro-foot .intro-disc{font:700 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media (max-width:860px){.intro{grid-template-columns:1fr}.intro-side{grid-template-columns:repeat(4,1fr)}.intro-side div{border-right:1px solid rgba(255,255,255,.07)}.intro-side b{font-size:20px}.intro-main,.intro-foot{padding-left:20px;padding-right:20px}}
@media (max-width:480px){.intro-side{grid-template-columns:1fr 1fr}}
/* top-10 widget */
.t10l{list-style:none;margin:6px 0 0;padding:0}
.t10r{display:grid;grid-template-columns:38px 40px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 4px;border-top:1px solid var(--line)}
.t10r:first-child{border-top:0}
.t10n{font:800 14px var(--font);color:var(--muted);text-align:center}.t10r.podium .t10n{font-size:20px}
.t10f{text-decoration:none;color:var(--text);min-width:0}.t10f b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t10f:hover b{color:var(--gold)}
.t10f small{color:var(--muted);font-size:12px}.t10tp{color:#16a34a;font-weight:700}
.t10d{text-align:right;line-height:1.2}.t10pct{display:inline-block;background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold);padding:3px 8px;border-radius:7px;font-size:13px}.t10pct.none{background:var(--panel2);color:var(--text)}
.t10d small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.t10c{display:flex;gap:6px;align-items:center}
@media (max-width:760px){.t10r{grid-template-columns:30px 36px minmax(0,1fr) auto;row-gap:6px}.t10d{grid-column:3;text-align:left}.t10c{grid-column:4;grid-row:1/3}.t10c .codechip{display:none}}
/* giveaways */
.gw-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:end;margin-bottom:10px}
.gw-live{display:inline-flex;align-items:center;gap:7px;font:800 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#16a34a;background:rgba(22,163,74,.1);padding:5px 10px;border-radius:999px}
.gw-live i{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:pulse 1.6s infinite}.gw-live.off{color:var(--muted);background:var(--panel2)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}100%{box-shadow:0 0 0 9px rgba(22,163,74,0)}}
.gw-steps{display:grid;gap:8px}.gw-steps div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.gw-steps span{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--gold);font-weight:800}.gw-steps small{color:var(--muted)}
.gw-h{display:flex;align-items:center;gap:10px;margin:30px 0 12px}
.tk-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.tk{display:flex;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel);position:relative}
.tk-l{flex:1;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.tk-l .tk-st{grid-column:1/-1;display:flex;align-items:center;gap:6px;font:800 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.tk-live .tk-st{color:#16a34a}.tk-st i{width:7px;height:7px;border-radius:50%;background:#16a34a;animation:pulse 1.6s infinite}
.tk-l .av,.tk-q{grid-row:2/4}.tk-l b{font-size:16px}.tk-l small{color:var(--muted)}
.tk-q{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);font-weight:800;color:var(--muted)}.tk-q.lg{width:64px;height:64px;font-size:30px}
.tk-r{width:46px;border-left:2px dashed var(--line2);display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 10%,var(--panel))}
.tk-r span{writing-mode:vertical-rl;transform:rotate(180deg);font:800 10px var(--mono);letter-spacing:.2em;color:var(--gold)}
.tk-live{border-color:color-mix(in srgb,#16a34a 45%,var(--line))}
.slip{margin-top:22px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}
.slip-band{display:flex;justify-content:space-between;background:var(--ink);color:var(--gold);font:800 11px var(--mono);letter-spacing:.3em;padding:9px 18px}
.slip-body{padding:24px 26px}
.slip-top{display:flex;gap:16px;align-items:center;margin-bottom:16px}.av.lg{width:64px;height:64px;border-radius:16px}
.slip-eye{font:700 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.slip-top h2{margin:4px 0}
.slip-prize{margin:0;font-weight:800;color:var(--gold)}
.cd4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:420px;margin:6px 0 8px}
.cd4 div{background:var(--ink);color:var(--ink-text);border-radius:12px;padding:10px 0;text-align:center}.cd4 b{display:block;font:800 28px var(--mono);color:var(--gold)}.cd4 small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.slip-npn{font:800 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:6px 0 16px}
.gwform{display:grid;gap:12px;margin-top:10px}.gwform label{display:grid;gap:5px;font-weight:700;font-size:13.5px}
.gwform input:not([type=checkbox]):not([type=radio]),.gwform select{padding:11px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);color:var(--text);font:inherit;font-weight:500}
.gwform .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gw-follow{border:1px dashed var(--line2);border-radius:12px;padding:12px 14px;margin:0}.gw-follow legend{font-weight:800;padding:0 6px}
.gw-plats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0 10px}
.gw-plat{display:block!important}.gw-plat input{position:absolute;opacity:0}.gw-plat span{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600}
.gw-plat span a{margin-left:auto;font-size:12px}.gw-plat input:checked+span{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.gwform .ck{display:flex!important;gap:9px;align-items:flex-start;font-weight:500!important}.gwform .ck input{margin-top:3px}
.slip-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}
.slip-stats div{background:var(--panel);padding:10px 12px}.slip-stats small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.slip-stats b{font-size:16px}
.slip.idle .slip-body p{max-width:640px}
.gw-offers td,.gw-offers th{white-space:nowrap}
.wn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.wn-grid:not(.all) .wn.more{display:none}
.wn{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px}.wn-tag{font:800 10px var(--mono);letter-spacing:.14em;color:#16a34a;text-transform:uppercase}.wn small,.wn em{color:var(--muted);font-size:12px;font-style:normal}
.wn-empty{text-align:center}
@media (max-width:760px){.gw-hero{grid-template-columns:1fr}.gwform .row2{grid-template-columns:1fr}.slip-stats{grid-template-columns:1fr 1fr}.slip-body{padding:18px}.cd4 b{font-size:22px}}
/* v15: phone filter buttons wrap instead of being cut off (150K+ was unreachable) */
@media (max-width:760px){
  .filters .seg:not(#useg){display:flex!important;flex-wrap:wrap;gap:6px;border:0;background:none;overflow:visible;border-radius:0;max-width:100%}
  .filters .seg:not(#useg) button{flex:1 0 auto;min-width:56px;border:1px solid var(--line)!important;border-radius:10px;background:var(--panel2);padding:9px 12px;white-space:nowrap}
  .filters .seg:not(#useg) button.on{border-color:var(--text)!important;background:var(--text);color:var(--bg);font-weight:700}
  .filters .flabel{flex-basis:100%;margin-top:4px}
}
/* v16: compact hero so the price table shows on first load */
.hero.hero-c{grid-template-columns:1fr 400px;gap:28px;padding:20px 0 6px!important;align-items:center!important}
.hero-c .kicker{margin:0 0 8px}
.hero-c h1{font-size:clamp(28px,3.1vw,44px)!important;line-height:1.08;margin:0 0 10px;letter-spacing:-.025em}
.hero-c h1 em{display:block}
.hero-c p{margin:0 0 12px;font-size:15px;max-width:640px}
.hero-c .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.hero-c .ctas .btn{padding:10px 16px}
.trust-mini{font-size:12.5px;color:var(--muted);margin-left:6px}
.hero-c .bigcode{padding:14px 16px!important;gap:9px!important}
.hero-c .bigcode .bc-coupon .val{font-size:34px!important}
.hero-c .bigcode .tap{display:none}
#compare .sortex{margin-top:8px}
#compare .filters{margin-top:10px;margin-bottom:10px}
@media (max-width:900px){.hero.hero-c{grid-template-columns:1fr}.hero-c .hr{display:block!important}.hero-c .bigcode{display:flex!important}.trust-mini{display:none}}
@media (max-width:760px){.hero-c .kicker{display:none}.hero-c h1{font-size:28px!important}.hero-c p{font-size:14px}.hero-c .ctas .btn.ghost{display:none}.hero-c .bigcode .bc-coupon .val{font-size:28px!important}.hero-c .bigcode .bc-sub{display:none}}
@media (min-width:901px){.hero-c h1 em{display:inline}.hero-c h1{font-size:clamp(28px,2.55vw,38px)!important}}
#compare .filters #sort{width:auto;min-width:0}
#compare .filters .count{margin-left:auto}
#compare .filters .tog{padding-top:6px;padding-bottom:6px}
.hero-c .hr{grid-row:auto!important}
@media (min-width:761px){#compare .filters>*{order:0}#compare .filters>.count{order:1}#compare .filters>div[style*="flex-basis:100%"]{order:2}#compare .filters>.btn.ghost,#compare .filters>.dd,#compare .filters>select{order:3}#compare .filters>.chips{order:4}}
@media (min-width:901px){.hero-c h1 em{display:block}.hero-c h1{font-size:clamp(28px,2.4vw,36px)!important}}
@media (max-width:760px){.hero-c .hr{display:none!important}#compare .sortex{display:none}.hero.hero-c{padding-bottom:0!important}}
.ftoggle{display:none}
@media (max-width:760px){
  #compare .filters:not(.open)>*:nth-child(n+3):not(.ftoggle):not(.count):not(.chips){display:none!important}
  .ftoggle{display:block;width:100%;order:9;padding:11px;border:1px dashed var(--line2);border-radius:10px;background:none;color:var(--text);font:700 14px var(--font);cursor:pointer}
  #compare .filters .count{order:8}
}
/* v17: hero = purpose statement + code card + cheapest list; table peeks at the fold */
.hero.hero-x{grid-template-columns:minmax(0,1fr) 410px;gap:44px;padding-top:26px!important;padding-bottom:8px!important;align-items:start!important}
.hero-x .hr{grid-row:auto!important;display:grid;gap:12px}
.hero-x .kicker{margin:0 0 10px}
.hero-x h1{font-size:clamp(32px,3vw,46px)!important;line-height:1.06;letter-spacing:-.03em;margin:0 0 16px}
.hero-x .purpose{border-left:3px solid var(--gold);padding-left:16px;margin-bottom:18px}
.hero-x .purpose p{font-size:15px;line-height:1.62;margin:0 0 8px;color:var(--text);opacity:.86;max-width:720px}
.hero-x .ctas{display:flex;gap:10px;flex-wrap:wrap}
.hero-x .bigcode{padding:14px 16px!important;gap:9px!important}.hero-x .bigcode .bc-coupon .val{font-size:34px!important}.hero-x .bigcode .tap{display:none}
.hero-x .quick{padding:12px 14px}.hero-x .quick .qr{padding:7px 0}
.hero-links{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:10px!important;padding-bottom:10px!important;border-bottom:1px solid var(--line);margin-bottom:4px}
.hero-links a{font-weight:700;font-size:14px;text-decoration:none}.hero-links a:hover{text-decoration:underline}
.hero-links .hl-disc{font:700 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
#compare .sortex{margin-top:12px}
@media (max-width:900px){.hero.hero-x{grid-template-columns:1fr;gap:18px}}
@media (max-width:760px){.hero-x .kicker{display:none}.hero-x h1{font-size:30px!important}.hero-x .purpose p:first-child{display:none}.hero-x .purpose{margin-bottom:12px}.hero-x .hr .bigcode{display:none}.hero-x .ctas .btn.ghost{display:none}.hero-x .quick .qr:nth-child(n+4){display:none}.hero-links{font-size:13px}}
/* v17: one page width — header, hero and the wide price table share the same left/right edges */
.wrap{max-width:1480px}
@media (min-width:761px){.filters,.tablewrap.cards,.sortex{margin-left:0!important;margin-right:0!important}}
.hero-x .hr{grid-template-columns:minmax(0,1fr)}.hero-x .hr>*{min-width:0;max-width:100%}
.hero-x .quick .qf{min-width:0}.hero-x .quick .qf small,.hero-x .quick .qf b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v18 — tighter page width, active-page nav highlight */
.wrap{max-width:1360px}
nav.main{align-items:center;gap:6px}
nav.main>a,nav.main summary{padding:6px 11px;border-radius:999px;transition:background .15s,color .15s}
nav.main>a:hover,nav.main summary:hover{background:var(--panel2)}
nav.main>a[aria-current],nav.main summary.on{background:var(--gold);color:var(--gold-ink);font-weight:700}
nav.main>a[aria-current]:hover,nav.main summary.on:hover{background:var(--gold);color:var(--gold-ink)}
nav.main details.more a[aria-current]{color:var(--gold);font-weight:700;background:color-mix(in srgb,var(--gold) 12%,transparent)}
@media (max-width:760px){nav.main{gap:4px}nav.main>a,nav.main summary{padding:5px 10px}}
@media (min-width:761px){
  .tablewrap.cards td.c-firm .firm small{max-width:186px}
  .tablewrap.cards td.c-firm .fn{display:block;max-width:186px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tablewrap.cards td{padding-left:4px;padding-right:4px}.tablewrap.cards th{padding-left:4px;padding-right:4px}
}
@media (min-width:761px){.tablewrap.cards thead tr:last-child th{white-space:normal;line-height:1.2;vertical-align:bottom}}
/* v19 — hero meta in left column, featured-firm banner, plan names wrap instead of cutting */
.hero-x .hero-meta{margin-top:20px;display:grid;gap:12px}
.hero-x .hero-meta .sortex{margin:0!important;gap:8px}
.hero-x .hero-meta .sortex div{font-size:12px;padding:6px 10px}
.hero-x .hero-meta .hero-links{padding:0!important;border:0;margin:0;justify-content:flex-start;column-gap:22px}
.promo{margin-top:14px;margin-bottom:6px}
.promo-in{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:14px 18px;border-radius:14px;background:linear-gradient(110deg,#101217 0%,#1b1d24 55%,#2a2010 100%);color:#f4f1ea;border:1px solid rgba(255,178,62,.35);box-shadow:var(--shadow)}
.promo .pr-l{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 420px}
.promo .pr-l .av{width:46px;height:46px;flex:0 0 46px;background:#fff}
.promo p{margin:0}
.promo .pr-k{font:700 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ffb23e;margin-bottom:3px}
.promo .pr-h{font-size:17px;line-height:1.3}.promo .pr-h b{font-weight:800}.promo .pr-h em{font-style:normal;color:#ffb23e;font-weight:800}
.promo .pr-c{display:inline-block;font:800 14px "JetBrains Mono",monospace;letter-spacing:.12em;padding:1px 8px;border:1.5px dashed #ffb23e;border-radius:6px;color:#ffb23e;cursor:pointer}
.promo .pr-s{font-size:12.5px;color:rgba(244,241,234,.72);margin-top:3px}
.promo .pr-r{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.promo .pr-p{text-align:right;line-height:1.1}.promo .pr-p small{display:block;font-size:11px;color:rgba(244,241,234,.6)}.promo .pr-p b{font-size:20px}
.promo .btn{background:#ffb23e;color:#1a1206;border:0}
.promo .pr-rv{color:rgba(244,241,234,.8);font-size:13px;font-weight:700}
@media (max-width:760px){.hero-x .hero-meta .sortex{display:none}.promo-in{padding:12px 14px;gap:10px}.promo .pr-l{flex-basis:100%}.promo .pr-h{font-size:15px}.promo .pr-r{width:100%;justify-content:space-between;gap:10px}.promo .pr-p b{font-size:17px}}
@media (min-width:761px){
  .tablewrap.cards td.c-firm .firm small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
  .tablewrap.cards td.c-firm .firm small .tp{white-space:nowrap}
}
.firm small .nw{white-space:nowrap}
@media (max-width:760px){
  .promo{margin-top:10px}.promo-in{flex-wrap:nowrap;padding:10px 12px;gap:10px}
  .promo .pr-l{flex:1 1 auto;gap:10px}.promo .pr-l .av{width:36px;height:36px;flex-basis:36px}
  .promo .pr-k,.promo .pr-s,.promo .pr-p,.promo .pr-rv{display:none}
  .promo .pr-h{font-size:13.5px}.promo .pr-c{font-size:12px;padding:0 5px}
  .promo .pr-r{width:auto;flex:0 0 auto}.promo .btn{padding:8px 11px;font-size:13px;white-space:nowrap}
  .hero-x .hero-meta{margin-top:14px}
}
@media (max-width:760px){.hero-x .hero-meta .hero-links{flex-wrap:nowrap;justify-content:space-between;margin-top:-2px}.hero-x .hero-meta .lg{display:none}.hero.hero-x{gap:12px!important}}
/* v20 — plan labels, deal notes, three featured-firm banners, no-code status */
.tag.tnew{background:#e6f6ec;color:#127a3a}.tag.tlim{background:#fdecea;color:#b42318}
[data-theme=dark] .tag.tnew{background:rgba(18,122,58,.25);color:#7ee2a8}[data-theme=dark] .tag.tlim{background:rgba(180,35,24,.25);color:#ff9f95}
td.c-disc .offer.soon{color:#c2410c}
.x-nc{background:#eef0f3;color:#3b4351}
.promo .promo-in{display:block}
.promo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.promo-row .promo-in{display:flex;flex-direction:column;gap:6px;padding:13px 15px}
.promo .pr-top{display:flex;align-items:center;gap:11px}
.promo .pr-top .av{width:38px;height:38px;flex:0 0 38px;background:#fff}
.promo .pr-id{flex:1;min-width:0}.promo .pr-k{margin-bottom:1px}
.promo .pr-n{font-weight:800;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo .pr-h{font-size:14.5px}
.promo .pr-s{margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.promo .pr-r{justify-content:flex-end;margin-top:2px;gap:14px}.promo .pr-r .btn{margin-left:auto;padding:8px 14px}
.promo .pr-p{text-align:left}.promo .pr-p b{font-size:18px}
@media (max-width:760px){
  .promo-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px;scrollbar-width:none}.promo-row::-webkit-scrollbar{display:none}
  .promo-row .promo-in{flex:0 0 84%;scroll-snap-align:start;flex-wrap:nowrap}
  .promo .pr-k,.promo .pr-p,.promo .pr-rv{display:revert}
  .promo .pr-s{display:none}.promo .pr-r{width:auto}
}
.promo-row .promo-in{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;column-gap:12px;align-items:center;text-align:left;padding:12px 14px}
.promo-row .promo-in>.av{width:40px;height:40px;align-self:start;margin-top:2px}
.promo .pr-id>p{margin:0;text-align:left}.promo .pr-k{font-size:10px}
.promo .pr-n{font-size:15.5px;display:flex;align-items:center;gap:7px}.promo .pr-n .pr-c{font-size:11.5px;padding:0 6px;flex:0 0 auto}
.promo .pr-h{font-size:13.5px;line-height:1.3}
.promo .pr-s{font-size:11.5px;margin-top:1px}
.promo .pr-r{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;width:auto}
.promo .pr-ps{display:flex;gap:10px;justify-content:flex-end}.promo .pr-p b{font-size:16px}.promo .pr-p small{font-size:10px}
.promo .pr-r .btn{margin:0;padding:7px 12px;font-size:13px;text-align:center;justify-content:center}
@media (max-width:760px){.promo-row .promo-in{flex:0 0 88%}.promo .pr-s{display:block}}
.promo .pr-s{white-space:normal;overflow:visible}
@media (max-width:760px){
  .promo-row .promo-in{grid-template-columns:36px minmax(0,1fr);row-gap:8px;padding:11px 12px}
  .promo-row .promo-in>.av{width:36px;height:36px}
  .promo .pr-k{white-space:nowrap}.promo .pr-n{font-size:15px}.promo .pr-n{white-space:nowrap}
  .promo .pr-s{display:none}
  .promo .pr-r{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
  .promo .pr-ps{justify-content:flex-start}.promo .pr-r .btn{padding:8px 16px}
}
table.rk td,table.rk th{padding-left:8px;padding-right:8px}
table.rk td:nth-child(5){max-width:170px!important}
table.rk td:nth-child(6),table.rk td:nth-child(7){white-space:normal;max-width:120px}
table.rk td:nth-child(6) .tag,table.rk td:nth-child(7) .pill{display:inline-block;margin:2px 0}
table.rk th{white-space:normal}
td.c-disc .offer{white-space:normal;max-width:150px;line-height:1.3}
/* v21 — standard pricing (no code) */
.stdp{display:inline-block;font:700 12px var(--font);color:var(--muted);background:var(--panel2);border:1px dashed var(--line);border-radius:8px;padding:7px 11px;white-space:nowrap}
td.c-disc .stdp{padding:9px 14px}
.fh-r .stdp{font-size:14px;padding:9px 14px}
.discord .dl2{background:none}
/* v22 — market switcher, perps vertical */
.mkt{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);margin-left:6px;flex:0 0 auto}
.mkt a{font:700 12px var(--font);padding:5px 11px;border-radius:999px;color:var(--muted);white-space:nowrap}
.mkt a.on{background:var(--text);color:var(--bg)}
.mkt sup{font-size:8px;color:var(--gold);margin-left:3px;letter-spacing:.06em}.mkt a.on sup{color:var(--gold)}
@media (max-width:760px){.mkt{order:3;margin:0}.mkt a{padding:4px 9px;font-size:11px}}
.newtag{font:800 9px var(--mono);color:var(--gold);letter-spacing:.08em}
.pstrip{margin-top:18px}.pstrip a.panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;text-decoration:none;color:inherit;border:1px dashed var(--gold)}
.pstrip .ps-k{font:800 10.5px var(--mono);letter-spacing:.12em;color:var(--gold);text-transform:uppercase}
.pstrip b{font-size:15px}.pstrip .ps-l{display:flex;gap:6px}.pstrip .ps-l .av{width:28px;height:28px}.pstrip .ps-go{margin-left:auto;font-weight:800;color:var(--gold)}
.ptbl td.c-lev span{display:inline-block;min-width:30px;font:700 12px var(--mono)}
.ptbl th small{display:block;font-weight:600;font-size:10px;color:var(--muted)}
.ptbl td.c-price s{display:block;font-size:11px;color:var(--muted)}.ptbl td.c-price b{display:block;font-size:16px}.ptbl td.c-price small,.ptbl td small{display:block;font-size:10.5px;color:var(--muted)}
.ptbl .muted{color:var(--muted)}
.ptbl tr[hidden]{display:none}
.prank{margin-bottom:14px}.prank .prh{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.prank .prn{font:800 26px var(--mono);color:var(--gold)}
.prank .prh .av{width:46px;height:46px}.prank h2{margin:0;font-size:20px}.prank .prc{margin-left:auto;display:flex;align-items:center;gap:10px}
.prank ul.hl,.panel ul.hl{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:10px 0;list-style:none}.prank ul.hl li,.panel ul.hl li{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12.5px}
.pfacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}.pfacts span{background:var(--panel2);border-radius:10px;padding:9px 11px;font-size:13px;font-weight:600}.pfacts small{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:760px){.grid2{grid-template-columns:1fr}}
@media (max-width:760px){
  .cards .ptbl tbody,.cards .ptbl tr,.cards .ptbl td{display:block}.cards .ptbl thead{display:none}
  .cards .ptbl tr{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin:0 0 12px;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 10px}
  .cards .ptbl tr[hidden]{display:none}
  .cards .ptbl td{border:0;padding:0!important;background:none!important;white-space:normal;font-size:13px}
  .cards .ptbl td::before{content:attr(data-label);display:block;color:var(--muted);font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em}
  .cards .ptbl td.c-firm,.cards .ptbl td.c-disc,.cards .ptbl td.c-act{grid-column:1/-1}.cards .ptbl td.c-firm::before,.cards .ptbl td.c-act::before{display:none}
  .cards .ptbl td.c-firm .fn,.cards .ptbl td.c-firm small{max-width:none!important}
  .cards .ptbl td.c-act .btn{width:100%;justify-content:center;padding:12px}
  .cards .ptbl td.c-lev{grid-column:span 2}
}

/* v23 market switch in filter bar */
.mktsw{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:var(--goldbg);border:1.5px solid var(--gold);box-shadow:0 0 0 3px var(--goldbg);margin-right:6px;flex:0 0 auto}
.mktsw a{display:inline-flex;align-items:center;gap:6px;font:800 13px var(--font);padding:7px 14px;border-radius:9px;color:var(--text);white-space:nowrap;text-decoration:none}
.mktsw a small{font-weight:700;font-size:10px;opacity:.65}
.mktsw a:hover{background:var(--goldbg)}
.mktsw a.on{background:var(--gold);color:var(--gold-ink)}.mktsw a.on small{opacity:.85}
@media (max-width:760px){.mktsw{width:100%;margin:0 0 4px}.mktsw a{flex:1;justify-content:center}}
.av.fb img{padding:0;background:#0b0b0b}
.ptbl td.c-firm .fn{white-space:normal!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
.ptbl a.firm{text-decoration:none;color:inherit}.ptbl a.firm:hover .fn{color:var(--gold)}
@media (max-width:760px){.cards .ptbl tr{position:relative}.cards .ptbl td.c-site{position:absolute;right:12px;top:12px;width:auto}.cards .ptbl td.c-site::before{display:none}.cards .ptbl td.c-site .visit{width:32px;height:32px}.cards .ptbl td.c-firm{padding-right:44px!important}}
.ptbl th:first-child,.ptbl td.c-firm{width:280px;max-width:280px}
.ptbl td.c-firm small{max-width:215px;white-space:normal}
.ptbl th:not(:first-child),.ptbl td:not(.c-firm){text-align:center}
.ptbl td.c-disc .deal{justify-content:center;margin:0 auto}
/* long codes (e.g. Topstep TS-…) stack under the label so the column stays narrow */
.deal.lc{flex-direction:column;align-items:stretch;width:max-content}.deal.lc .off{text-align:center;padding:4px 8px;font-size:10.5px}
.deal.lc .cpn{font-size:11px;letter-spacing:.03em;padding:6px 8px;gap:6px;justify-content:center}
.codechip{overflow-wrap:anywhere}
.codechip.lc{font-size:10px;letter-spacing:.02em;max-width:100%;overflow-wrap:anywhere;white-space:normal;text-align:center}
.t10 .codechip.lc{max-width:110px}
/* header fits 1024–1300px laptops (Futures/Perps switch made it ~6px too wide) */
@media (max-width:1300px) and (min-width:761px){header.top .codechip small{display:none}header.top nav a{padding-left:9px;padding-right:9px}}
@media (max-width:1200px) and (min-width:761px){header.top .srchbtn span,header.top .srchbtn kbd{display:none}header.top .srchbtn{padding-left:9px;padding-right:9px;width:auto}}
@media (max-width:1100px) and (min-width:761px){header.top .wrap{flex-wrap:wrap;row-gap:6px}header.top nav.main{order:9;flex:1 0 100%;justify-content:flex-start;overflow-x:auto}header.top .srchbtn{margin-left:auto}}
/* v24 — hero legend: one tidy strip instead of three bunched pills */
.hero-x .hero-meta{margin-top:28px;gap:14px;max-width:100%}
.hero-x .hero-meta .sortex{display:inline-flex!important;flex-wrap:nowrap;gap:0;width:max-content;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.hero-x .hero-meta .sortex div{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:9px 14px!important;font-size:12px;line-height:1.35;white-space:nowrap}
.hero-x .hero-meta .sortex div+div{border-left:1px solid var(--line)!important}
.hero-x .hero-meta .sortex b{display:block;font-size:12.5px;margin-bottom:1px}
.hero-x .hero-meta .sortex a{white-space:nowrap}
.hero-x .hero-meta .hero-links{column-gap:28px;row-gap:6px;font-size:14px}
.hero-x .hero-meta .hero-links .hl-disc{font-size:11px}
@media (max-width:1200px){.hero-x .hero-meta .sortex div{white-space:normal}}
@media (max-width:760px){.hero-x .hero-meta .sortex{display:flex!important;flex-direction:column;width:auto}.hero-x .hero-meta .sortex div{white-space:normal!important}.hero-x .hero-meta .sortex div+div{border-left:0!important;border-top:1px solid var(--line)!important}.hero-x .hero-meta .sortex a{white-space:normal}}
@media (min-width:761px) and (max-width:1200px){.hero-x .hero-meta .sortex{width:auto;display:flex!important}.hero-x .hero-meta .sortex div{flex:1 1 0;min-width:0}}