/* QMI Members — shared dark+blue UI (matches Investor Hub) */
:root{
  --bg-0:#050508;--bg-1:#0C0C14;--bg-2:#14141F;--line:#2A2A3A;--line-soft:#1A1A28;
  --fg-0:#FFF;--fg-1:#EDEDF2;--fg-2:oklch(0.76 0.008 240);--fg-3:oklch(0.68 0.010 240);
  --a:#2E6FF2;--btc:#2E6FF2;--eth:#7B6BE8;--sol:#9B5BD6;--gold:#C9A227;--silver:#9AA5B1;
  --good:#34C98E;--bad:#E86A5E;--mono:'Azeret Mono',ui-monospace,monospace;
  --serif:'Fraunces',Georgia,serif;--body:'Manrope',system-ui,sans-serif;--r:9px;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg-0);color:var(--fg-1);font-family:var(--body);line-height:1.55;min-height:100vh;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
@supports(min-height:100dvh){body{min-height:100dvh}}
a{color:var(--a);text-decoration:none}a:hover{color:#5A8CF5}
:focus-visible{outline:2px solid var(--a);outline-offset:2px;border-radius:3px}
.amb{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.amb span{position:absolute;border-radius:50%;filter:blur(120px);opacity:.16;width:44vw;height:44vw;left:-12vw;top:-14vw;background:radial-gradient(circle,color-mix(in oklch,var(--a) 60%,transparent),transparent 70%)}
/* top nav */
.mtop{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:calc(16px + env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) 16px max(30px,env(safe-area-inset-left));border-bottom:1px solid var(--line-soft);background:color-mix(in oklch,var(--bg-0) 88%,transparent);backdrop-filter:blur(14px)}
.mbrand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.mbrand svg{width:34px;height:34px;flex:none}
.mbrand b{font-family:var(--serif);font-weight:400;font-size:17px;color:var(--fg-0);letter-spacing:-.01em;white-space:nowrap}
.mbrand b em{font-style:normal;color:var(--fg-2);font-size:13px}
.mnav{display:flex;align-items:center;gap:6px;margin-left:14px}
.mnav a{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--fg-3);padding:9px 13px;border-radius:6px}
.mnav a:hover{color:var(--fg-1);background:var(--bg-1)}
.mnav a.on{color:var(--fg-0);background:color-mix(in oklch,var(--a) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--a) 40%,transparent)}
.mright{margin-left:auto;display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--fg-3)}
.mright .who{color:var(--fg-2)}
.mright a{color:var(--fg-3);cursor:pointer}.mright a:hover{color:var(--fg-1)}
/* layout */
.wrap{max-width:1080px;margin:0 auto;padding:34px 30px 90px}
.phead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:8px}
.phead h1{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:-.02em}
.phead h1 em{font-style:italic;color:var(--a)}
.phead .sub{font-size:13.5px;color:var(--fg-2);margin-top:4px}
.lab{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);margin:34px 0 13px;display:flex;align-items:center;gap:12px}
.lab::after{content:"";flex:1;height:1px;background:var(--line-soft)}
.lab.blue{color:var(--a)}.lab.blue::after{background:color-mix(in oklch,var(--a) 26%,var(--line-soft))}
/* kpi band */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-top:2px solid var(--a);border-radius:var(--r);overflow:hidden}
.kpi{background:var(--bg-1);padding:17px 18px}
.kpi b{display:block;font-family:var(--mono);font-size:23px;font-weight:400;color:var(--fg-0);line-height:1}
.kpi.pos b{color:var(--good)}.kpi.neg b{color:var(--bad)}.kpi.acc b{color:var(--a)}
.kpi u{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:var(--fg-3);text-decoration:none;margin-top:7px}
/* cards */
.card{border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-1);padding:20px 22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.scard{border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-1);border-top:2px solid var(--acc,var(--a));padding:18px 20px}
.scard .sh{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.scard .snm{font-size:14px;font-weight:700;color:var(--fg-0)}
.scard .ssub{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-top:2px}
.badge{font-family:var(--mono);font-size:8px;letter-spacing:.09em;text-transform:uppercase;padding:4px 9px;border-radius:20px;border:1px solid var(--line);color:var(--fg-2);white-space:nowrap}
.badge.live{border-color:color-mix(in oklch,var(--good) 50%,var(--line));color:var(--good);background:color-mix(in oklch,var(--good) 10%,transparent)}
.badge.paper{border-color:color-mix(in oklch,var(--a) 50%,var(--line));color:var(--a);background:color-mix(in oklch,var(--a) 10%,transparent)}
.badge.paused{border-color:var(--line);color:var(--fg-3)}
.badge.warn{border-color:color-mix(in oklch,var(--gold) 55%,var(--line));color:var(--gold);background:color-mix(in oklch,var(--gold) 10%,transparent)}
/* tables */
.tbl{width:100%;border-collapse:collapse}
.tbl th{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);font-weight:400;text-align:right;padding:0 0 11px}
.tbl th:first-child{text-align:left}
.tbl td{text-align:right;font-family:var(--mono);font-size:12px;color:var(--fg-1);padding:11px 0;border-top:1px solid var(--line-soft)}
.tbl td:first-child{text-align:left;font-family:var(--body);font-size:12.5px;color:var(--fg-0)}
.tbl .pos{color:var(--good)}.tbl .neg{color:var(--bad)}
.tbl .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:9px;vertical-align:middle}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-1);padding:6px 20px 12px}
/* fee stat rows */
.frow{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-top:1px solid var(--line-soft);font-size:13px}
.frow:first-child{border-top:none}
.frow span{color:var(--fg-3)}
.frow b{font-family:var(--mono);font-weight:400;color:var(--fg-0)}
.frow b.acc{color:var(--a)}.frow b.pos{color:var(--good)}
/* buttons + links */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--a);color:#fff;border:none;border-radius:6px;padding:11px 18px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;min-height:40px}
.btn:hover{background:#5A8CF5;color:#fff}
.btn.ghost{background:transparent;color:var(--fg-2);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--a);color:var(--fg-0)}
.doclink{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid var(--line-soft);border-radius:7px;background:var(--bg-1);font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2)}
.doclink:hover{border-color:var(--a);color:var(--fg-0)}
.doclink .ar{color:var(--a)}
/* toggle */
.tog{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line-soft)}
.tog:first-child{border-top:none}
.tog span{font-size:13px;color:var(--fg-1)}
.sw{position:relative;width:40px;height:22px;border-radius:20px;background:var(--line);cursor:pointer;flex:none;transition:background .18s}
.sw.on{background:var(--a)}
.sw::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .18s}
.sw.on::after{transform:translateX(18px)}
.fine{font-family:var(--mono);font-size:9px;letter-spacing:.04em;color:var(--fg-3);line-height:1.7;margin-top:26px}
canvas{display:block;width:100%}
@media(max-width:1000px){.wrap{max-width:100%}}
@media(max-width:760px){.kpis{grid-template-columns:repeat(2,1fr)}.grid2,.grid3{grid-template-columns:1fr}.mtop{padding-left:16px;padding-right:16px;gap:10px;flex-wrap:wrap}.mnav{margin-left:0;order:3;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.wrap{padding:24px 16px 70px}.phead h1{font-size:25px}}
@media(max-width:420px){.kpis{grid-template-columns:1fr}}
@media(min-width:761px) and (max-width:1024px){.wrap{padding-left:24px;padding-right:24px}}