*{box-sizing:border-box}
html,body{margin:0;background:#07090c}
body{color:#c9ccd3;font-family:Inter,-apple-system,'Segoe UI',Helvetica,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;position:relative}
a{color:#c9ccd3;text-decoration:none;transition:color .18s ease}a:hover{color:#F7931A}
.mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}
.serif{font-family:'Instrument Serif',Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
section{border-top:1px solid #1c222d;padding:110px 0}
.secrow{display:flex;align-items:center;gap:14px;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a909c;margin:0 0 28px}
.secrow .n{color:#F7931A}.secrow .rule{width:40px;height:1px;background:#262d3a}
h1{font-family:Inter,sans-serif;font-weight:500;font-size:64px;line-height:1.04;letter-spacing:-.04em;color:#f5f5f0;margin:0}
h2{font-family:Inter,sans-serif;font-weight:500;font-size:44px;line-height:1.05;letter-spacing:-.03em;color:#f5f5f0;margin:0 0 14px}
h3{font-family:Inter,sans-serif;font-weight:500;font-size:22px;line-height:1.2;letter-spacing:-.02em;color:#f5f5f0;margin:0 0 8px}
p{margin:0}
.lede{font-size:17px;line-height:1.55;color:#c9ccd3;max-width:540px}
.sub{font-size:14px;line-height:1.55;color:#8a909c;max-width:640px}
.card{background:#0b0e13;border:1px solid #262d3a;border-radius:14px;padding:28px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-3px);border-color:#39424f;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.quiet{border-color:#1c222d}
.well{background:#07090c;border:1px solid #1c222d;border-radius:10px;padding:18px 20px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;background:#10141b;border:1px solid #1c222d;font-family:'JetBrains Mono',monospace;font-size:11px;color:#c9ccd3;white-space:nowrap}
.pill.orange{color:#F7931A;border-color:rgba(247,147,26,.35)}
.pill.red{color:#f0506e;border-color:rgba(240,80,110,.35)}
.pill.mint{color:#34e0a1;border-color:rgba(52,224,161,.34);background:rgba(52,224,161,.10)}
.dot{width:6px;height:6px;border-radius:50%;background:#22c79a;flex:none}
.dot.o{background:#F7931A}.dot.r{background:#f0506e}.dot.g{background:#71717a}
.dot.live{box-shadow:0 0 8px #22c79a;animation:pulse 2s infinite}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:14px;background:#F7931A;color:#0a0a0a;border:1px solid #F7931A;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{background:#ffa733;color:#0a0a0a;transform:translateY(-2px);box-shadow:0 8px 26px rgba(247,147,26,.35)}
.btn.ghost{background:transparent;color:#c9ccd3;border-color:#262d3a}.btn.ghost:hover{color:#34e0a1;border-color:#34e0a1;box-shadow:none}
.micro{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5a606c}
.cap{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a909c}
.fig{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:32px;line-height:1.1;letter-spacing:-.03em;color:#f5f5f0;font-variant-numeric:tabular-nums}
.up{color:#22c79a}.down{color:#f0506e}.flat{color:#8a909c}
.stats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));background:#0b0e13;border:1px solid #1c222d;border-radius:12px;overflow:hidden}
.stats>div{padding:22px 20px;border-left:1px solid #1c222d;display:flex;flex-direction:column;gap:8px}
.stats>div:first-child{border-left:0}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.g23{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}
.g23b{display:grid;grid-template-columns:1fr 1.1fr;gap:20px}
.g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.g3s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
nav.top{position:sticky;top:0;z-index:20;background:rgba(7,9,12,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #1c222d}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-weight:600;font-size:14px;letter-spacing:-.01em;color:#f5f5f0}
.brand .ai{color:#F7931A}
.navlinks{display:flex;gap:28px;font-size:14px}
.navlinks a.on{color:#f5f5f0;border-bottom:1px solid #34e0a1;padding-bottom:2px}
.navcta{display:flex;align-items:center;gap:18px;font-size:14px}
.navcta a.login{color:#F7931A}
.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.06em;border:1px solid}
.badge.long{color:#22c79a;border-color:rgba(34,199,154,.4);background:rgba(34,199,154,.08)}
.badge.short{color:#f0506e;border-color:rgba(240,80,110,.4);background:rgba(240,80,110,.08)}
.badge.none{color:#71717a;border-color:#262d3a}
.slot{display:flex;flex-direction:column;gap:12px;min-height:250px}
.slot .r{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:34px;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.slot.empty{border-style:dashed;justify-content:center;align-items:flex-start;color:#8a909c}
.kv{display:flex;justify-content:space-between;gap:12px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#8a909c}
.kv b{color:#c9ccd3;font-weight:500}
.hair{border-top:1px solid #1c222d}
table.ledger{width:100%;border-collapse:collapse;font-family:'JetBrains Mono',monospace;font-size:12px;font-variant-numeric:tabular-nums}
table.ledger th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5a606c;padding:10px 12px;border-bottom:1px solid #262d3a;white-space:nowrap}
table.ledger td{padding:12px 12px;border-bottom:1px solid #1c222d;color:#c9ccd3;white-space:nowrap}
table.ledger tr:hover td{background:rgba(255,255,255,.03)}
table.ledger td.num{text-align:right}table.ledger th.num{text-align:right}
.tscroll{overflow-x:auto}
.cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 72px;gap:6px}
.cal .h{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;color:#5a606c;text-transform:uppercase;text-align:center;padding-bottom:4px}
.cal .c{height:64px;border-radius:8px;border:1px solid #1c222d;padding:8px 10px;display:flex;flex-direction:column;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:11px;color:#8a909c}
.cal .c b{font-weight:500;font-size:12px;color:#f5f5f0}
.cal .c.off{background:transparent;border-style:dashed;color:#5a606c}
.cal .w{height:64px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;font-family:'JetBrains Mono',monospace;font-size:12px;color:#c9ccd3;padding:0 4px}
.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #1c222d;border-radius:14px;overflow:hidden;background:#0b0e13}
.rules>div{padding:26px 28px;border-left:1px solid #1c222d;border-top:1px solid #1c222d;display:flex;flex-direction:column;gap:8px}
.rules>div:nth-child(3n+1){border-left:0}.rules>div:nth-child(-n+3){border-top:0}
.rules b{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:17px;color:#f5f5f0}
.rules span{font-size:14px;color:#8a909c;line-height:1.5}
details{border-top:1px solid #1c222d;padding:22px 0}
details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:17px;color:#f5f5f0}
details summary::-webkit-details-marker{display:none}
details summary .plus{color:#F7931A;font-family:'JetBrains Mono',monospace;font-size:18px;transition:transform .25s ease}
details[open] summary .plus{transform:rotate(45deg)}
details p{margin-top:12px;font-size:15px;line-height:1.6;color:#c9ccd3;max-width:680px}
footer{border-top:1px solid #1c222d;padding:56px 0 40px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#5a606c;line-height:1.7}
footer .row{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
footer a{color:#8a909c}
.sample{position:absolute;top:76px;right:24px;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;background:#10141b;border:1px solid rgba(247,147,26,.5);font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;color:#F7931A}
.grain{pointer-events:none;position:absolute;inset:0;z-index:15;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.mt5{background:#0b0e13;border:1px solid #262d3a;border-radius:14px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 140px rgba(34,199,154,.12)}
.mt5 .tb{height:38px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #1c222d;font-family:'JetBrains Mono',monospace;font-size:12px;color:#8a909c}
.mt5 .tb .dots{display:flex;gap:6px}.mt5 .tb .dots i{width:10px;height:10px;border-radius:50%;background:#2a2f3a;display:block}
.mt5 .tb .sp{flex:1}
.mt5 .tb .ttl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.mt5wrap{overflow-x:auto}.mt5min{min-width:940px}
.mt5 .hd,.mt5 .rw{display:grid;grid-template-columns:20px 122px 62px 74px 42px 48px 78px 84px 64px 122px 78px 1fr;align-items:center;font-family:Tahoma,'Segoe UI',sans-serif;font-size:11px}
.mt5 .hd{height:24px;background:#0e1218;color:#8a909c}
.mt5 .hd>div,.mt5 .rw>div{padding:0 6px;text-align:right;border-right:1px solid #1c222d;height:100%;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap}
.mt5 .hd>div:first-child,.mt5 .rw>div:first-child{justify-content:center;padding:0}
.mt5 .rows{display:flex;flex-direction:column;justify-content:flex-end;min-height:104px}
.mt5 .rw{height:23px;color:#c9ccd3;animation:rowIn .6s ease both}
.mt5 .rw:hover{background:rgba(255,255,255,.05)}
.mt5 .rw .sq{width:8px;height:8px;border-radius:2px;display:block}
.mt5 .rw .buy{background:#2f6fd0}.mt5 .rw .sell{background:#cf4534}
.mt5 .rw .pf{color:#5aa5ff}.mt5 .rw .pl{color:#f0506e}
.mt5 .rw .slh{background:rgba(240,80,110,.22)}
.mt5 .rw.w{animation:rowIn .6s ease both,flashW 1.4s ease both}.mt5 .rw.l{animation:rowIn .6s ease both,flashL 1.4s ease both}
.mt5 .sb{height:32px;display:flex;align-items:center;gap:22px;padding:0 14px;border-top:1px solid #1c222d;font-family:Tahoma,'Segoe UI',sans-serif;font-size:11px;color:#c9ccd3}
.mt5 .tabs{display:flex;background:#0e1218;border-top:1px solid #1c222d;padding:0 8px;font-family:Tahoma,'Segoe UI',sans-serif;font-size:11px;color:#8a909c}
.mt5 .tabs span{padding:6px 12px}.mt5 .tabs span.on{background:#1c222d;color:#f5f5f0;border-radius:5px 5px 0 0}
.tip{position:absolute;left:0;top:calc(100% + 8px);background:#10141b;border:1px solid #262d3a;border-radius:8px;padding:10px 12px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#c9ccd3;line-height:1.5;width:240px;box-shadow:0 14px 40px rgba(0,0,0,.45);z-index:5}
.tip b{color:#f5f5f0;font-weight:500;display:block;margin-bottom:4px}
.pos{position:relative}
.vbar{display:flex;flex-direction:column;gap:10px}
.vbar .row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;font-family:'JetBrains Mono',monospace;font-size:12px;color:#8a909c;white-space:nowrap}
.vbar .track{height:8px;background:#0e1218;border-radius:4px;position:relative;overflow:hidden}
.vbar .m{position:absolute;left:0;top:0;height:100%;background:#22c79a;border-radius:4px}
.vbar .f{position:absolute;left:0;top:0;height:100%;background:#34e0a1;opacity:.45;border-radius:4px}
.vbar .neg .m{background:#f0506e}.vbar .neg .f{background:#f0506e}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes rowIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes flashW{0%{background:rgba(34,199,154,.18)}50%{background:rgba(34,199,154,.09)}100%{background:transparent}}
@keyframes flashL{0%{background:rgba(240,80,110,.18)}50%{background:rgba(240,80,110,.09)}100%{background:transparent}}
@keyframes eqDraw{to{stroke-dashoffset:0}}
@keyframes secIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
section{animation:secIn .7s ease both}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:760px){
 .wrap{padding:0 20px}
 section{padding:72px 0}
 h1{font-size:44px}h2{font-size:34px}
 .navlinks,.navcta .hide{display:none}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stats>div{border-left:0;border-top:1px solid #1c222d}.stats>div:nth-child(-n+2){border-top:0}.stats>div:nth-child(2n){border-left:1px solid #1c222d}
 .g2,.g3,.g5,.g23,.g23b{grid-template-columns:1fr}
 .g6,.g3s{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .vbar .row{grid-template-columns:60px 1fr auto}
 .rules{grid-template-columns:1fr}.rules>div{border-left:0;border-top:1px solid #1c222d}.rules>div:first-child{border-top:0}
 .slot{min-height:0}
 .sample{top:72px;right:12px}
 .cal{grid-template-columns:repeat(5,minmax(0,1fr)) 56px;gap:4px}
 .cal .c,.cal .w{height:54px;padding:6px 6px}
 .hero-grid{grid-template-columns:1fr!important}
 .bigfig{font-size:96px!important}
}

/* ── live page extras ── */
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tabs .pill,[data-unit]{cursor:pointer;color:#5a606c;transition:color .18s ease,border-color .18s ease}
.tabs .pill:hover,[data-unit]:hover{color:#c9ccd3}
.tabs .pill.on,[data-unit].on{color:#f5f5f0;border-color:#39424f}
#state{padding:56px 0 24px}
#state[data-state="ready"]{display:none}
#state>div{display:none}
#state[data-state="loading"] .st-loading,#state[data-state="disabled"] .st-disabled,#state[data-state="error"] .st-error{display:block}
body[data-page-state="loading"] .dyn,body[data-page-state="disabled"] .dyn,body[data-page-state="error"] .dyn{display:none}
.slot.pending{border-color:rgba(247,147,26,.4)}
.empty-chart{padding:60px 0;text-align:center;text-transform:none;letter-spacing:.04em}
input[type=date]{background:#10141b;border:1px solid #262d3a;color:#c9ccd3;border-radius:6px;padding:4px 8px;font:11px 'JetBrains Mono',monospace;color-scheme:dark}
input[type=date]:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #22c79a;outline-offset:2px}
button.pill{font:inherit;font-family:'JetBrains Mono',monospace;font-size:11px}
.skel{height:14px;border-radius:6px;background:linear-gradient(90deg,#0e1218,#161b24,#0e1218);background-size:200% 100%;animation:shimmer 1.4s linear infinite}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}