/* The landing page's Archivo, olive neutrals and signal lime, adapted to a desk. */
:root {
  --ink-950:#090b08; --ink-900:#0e120c; --ink-850:#161c12; --ink-800:#1d2518;
  --ink-700:#293221; --ink-600:#343a2c; --ink-400:#829173; --ink-300:#a3ad95;
  --ink-200:#bdc5ae; --ink-100:#dce1cf; --ink-50:#eeeede;
  --yellow-300:#ffb37d; --yellow-400:#ff944f; --yellow-500:#ff792d;
  --yellow-600:#e96520; --yellow-700:#9aac4d;
  --olive-300:#b5c88e; --olive-500:#7e9259; --olive-700:#425531; --olive-900:#25321d;
  --long-500:#b8d88e; --long-600:#9cbd72; --short-500:#df9585; --short-600:#bd786c; --warn-500:#d7ba80;
  --surface-page:var(--ink-950); --surface-card:var(--ink-900); --surface-raised:var(--ink-850);
  --surface-inset:var(--ink-800); --surface-accent:var(--yellow-500); --surface-inverse:var(--ink-50);
  --text-body:var(--ink-50); --text-muted:var(--ink-300); --text-faint:var(--ink-400);
  --text-on-accent:#17200b; --text-inverse:var(--ink-950);
  --accent:var(--yellow-500); --accent-hover:var(--yellow-400); --accent-press:var(--yellow-600);
  --stroke-1:#293222; --stroke-2:#343a2c; --stroke-accent:var(--yellow-500);
  --long:var(--long-500); --short:var(--short-500);
  --surface-long:#b8d88e10; --surface-short:#df958510; --surface-accent-dim:#ff792d0b;
  --font-display:Archivo,Arial,sans-serif; --font-body:Archivo,Arial,sans-serif;
  --font-mono:Archivo,Arial,sans-serif; --font-label:'Archivo Narrow',Arial,sans-serif;
  --text-hero:64px; --text-h1:44px; --text-h2:32px; --text-h3:24px; --text-h4:20px;
  --text-body-lg:17px; --text-body-md:14px; --text-body-sm:13px; --text-caption:12px; --text-micro:12px;
  --text-data-lg:24px; --text-data-md:15px; --text-data-sm:13px;
  --weight-regular:400; --weight-medium:500; --weight-semibold:500; --weight-bold:600;
  --leading-tight:1.05; --leading-heading:1.15; --leading-body:1.55;
  --tracking-display:-.055em; --tracking-body:0; --tracking-label:.8px; --tracking-stencil:1.4px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px; --space-9:96px;
  --radius-1:3px; --radius-2:5px; --radius-3:8px; --radius-pill:999px;
  --control-h-sm:34px; --control-h-md:42px; --control-h-lg:48px;
  --container-max:1400px; --gutter:24px;
  --shadow-card:0 8px 32px #0005; --shadow-raised:0 24px 80px #0009; --glow-accent:none;
  --focus-ring:0 0 0 2px var(--surface-page),0 0 0 4px var(--yellow-500);
  --ease-out:cubic-bezier(.22,1,.36,1); --dur-fast:140ms; --dur-med:240ms;
  --grid-line:#ff792d08; --desk-pad:clamp(20px,2.5vw,44px);
  color-scheme:dark; font-synthesis:none;
}
* { box-sizing:border-box; scrollbar-width:thin; scrollbar-color:#424d35 transparent; }
html,body { margin:0; min-width:0; background:var(--surface-page); color:var(--text-body); }
body { font:14px/1.5 var(--font-body); -webkit-font-smoothing:antialiased; font-variant-numeric:tabular-nums; }
button,input { font:inherit; color:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed!important; opacity:.5; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--accent); }
::selection { background:var(--accent); color:var(--text-on-accent); }
:focus-visible { outline:2px solid var(--accent)!important; outline-offset:4px!important; }
.terminal-grain { position:fixed; inset:0; background:url('/assets/grain.png') repeat; opacity:.023; mix-blend-mode:screen; pointer-events:none; z-index:200; }
.desk-app { height:100svh; min-height:900px; display:flex; flex-direction:column; background:radial-gradient(ellipse at 15% 0,#27331a22,transparent 60%); }
.terminal-header { flex:none; }
.terminal-navrow { height:83px; padding:0 var(--desk-pad); display:flex; align-items:center; gap:40px; border-bottom:1px solid var(--stroke-2); }
.terminal-wordmark { display:inline-flex; align-items:baseline; white-space:nowrap; letter-spacing:-1.5px; font-size:29px; font-weight:500; }
.terminal-wordmark>span { color:var(--accent); font-weight:300; }
.terminal-wordmark>b { font-size:18px; letter-spacing:-.7px; font-weight:600; margin-left:6px; }
.terminal-wordmark>sup { font-size:9px; margin-left:5px; align-self:flex-start; margin-top:6px; letter-spacing:0; }
.terminal-wordmark:hover { color:var(--text-body); }
.terminal-nav { display:flex; align-self:stretch; align-items:stretch; gap:30px; margin-left:26px; }
.terminal-nav button { all:unset; cursor:pointer; position:relative; font:14px var(--font-body); color:var(--text-muted); white-space:nowrap; }
.terminal-nav button::after { position:absolute; content:''; bottom:0; height:2px; left:0; right:0; background:var(--accent); transform:scaleX(0); transition:transform .2s; }
.terminal-nav button[aria-current=page] { color:var(--text-body); }
.terminal-nav button[aria-current=page]::after { transform:scaleX(1); }
.terminal-nav button:hover { color:var(--accent); }
.terminal-account { display:flex; align-items:center; gap:18px; margin-left:auto; }
.account-chip { all:unset; display:grid; grid-template-columns:6px auto; column-gap:9px; align-items:center; cursor:pointer; font-size:12px; }
.account-chip i,.status-demo i { width:5px; height:5px; display:inline-block; background:var(--accent); }
.account-chip>span { grid-column:2; font-size:11px; color:var(--text-faint); letter-spacing:.2px; }
.terminal-account>button:last-child { border-radius:30px!important; padding:0 21px!important; height:40px!important; gap:23px!important; }
.terminal-ticker { display:flex; padding:0 var(--desk-pad); align-items:center; border-bottom:1px solid var(--stroke-2); height:45px; }
.ticker-label { font:12px var(--font-label); letter-spacing:1.2px; color:var(--text-faint); flex:none; padding-right:25px; }
.ticker-label span { color:var(--accent); margin-left:14px; }
.terminal-ticker .no-sb { height:44px!important; gap:10px!important; padding:0!important; }
.terminal-ticker button { padding:8px 10px!important; gap:8px!important; background:transparent!important; }
.terminal-ticker button:hover { background:var(--surface-inset)!important; }
.terminal-ticker .no-sb>span:last-child { display:none!important; }
.desk-workspace { display:flex; flex:1; min-height:0; margin:22px var(--desk-pad) 18px; border:1px solid var(--stroke-2); overflow:hidden; border-radius:5px; }
.desk-market-area { display:flex; flex-direction:column; flex:1; min-width:0; min-height:0; }
.desk-market-top { display:flex; flex:1; min-height:0; }
.desk-chart-column { flex:1; min-width:0; min-height:0; display:flex; flex-direction:column; }
.market-bar { padding:18px!important; min-height:123px; flex-wrap:wrap; column-gap:16px!important; row-gap:14px!important; }
.market-bar>div:first-child>button { border:0!important; padding:0!important; }
.market-bar>div:first-child>button>span { font-size:19px!important; letter-spacing:-.6px; }
.market-bar>div:nth-child(2) { margin-left:auto; }
.market-bar>div:nth-child(2)>span:first-child { font-size:24px!important; font-weight:400!important; letter-spacing:-1px; }
.market-bar>div:nth-child(3) { width:100%; justify-content:space-between; gap:18px!important; overflow-x:auto!important; }
.market-bar>div:nth-child(3)>div:nth-last-child(-n+2) { display:none!important; }
.market-bar>div:last-child { display:none!important; }
.market-menu { max-width:calc(100vw - 32px); max-height:min(380px,calc(100svh - 24px))!important; top:clamp(12px,var(--menu-top),max(12px,calc(100svh - 392px)))!important; left:clamp(16px,var(--menu-left),max(16px,calc(100vw - 476px)))!important; box-shadow:0 20px 70px #000b!important; border-color:var(--stroke-2)!important; border-radius:8px!important; }
.market-menu input { min-height:36px; }
.market-menu button:hover { background:var(--surface-inset)!important; }
.chart-panel { background:radial-gradient(ellipse at 40% 55%,#28351b28,transparent 80%)!important; }
.chart-panel>div:first-child { padding:8px 15px!important; gap:8px!important; }
.chart-panel>div:first-child>span { gap:12px!important; }
.chart-panel>div:first-child>span>span { font-size:10px!important; white-space:nowrap; }
.chart-panel>div:first-child>span>span:first-child { display:none; }
.chart-canvas { min-height:235px!important; }
.chart-canvas>div { height:100%; display:flex; flex-direction:column; min-height:0; }
.chart-canvas svg { overflow:visible; }
.chart-caption { flex:none; display:flex; justify-content:space-between; margin-top:28px; color:var(--text-faint); font:11px var(--font-label); letter-spacing:1px; }
[role=tablist] { border-bottom:0!important; }
[role=tab] { white-space:nowrap; transition:color .2s,background .2s!important; }
.chart-panel [role=tab] { border:0!important; border-radius:20px; padding:5px 10px!important; font-size:12px!important; }
.chart-panel [role=tab][aria-selected=true] { background:var(--surface-inset)!important; color:var(--accent)!important; }
[role=tab]:hover { color:var(--accent)!important; }
.book-col { width:238px!important; padding-top:8px; }
.book-col>div:first-child { padding:0 13px 7px!important; }
.book-col [role=tab] { padding:8px 4px!important; margin-right:10px; font-size:12px!important; }
.book-col>div:first-child>span { font:10px var(--font-label)!important; letter-spacing:1px!important; }
.book-col>div:last-child { scrollbar-gutter:stable; }
.book-col>div:last-child>div>div { padding-top:5px!important; padding-bottom:5px!important; }
.book-col>div:last-child>div>div:last-child { padding:14px!important; line-height:1.6!important; font-family:var(--font-label)!important; }
.book-col table { min-width:440px; }
.order-ticket { width:320px!important; padding:18px!important; gap:14px!important; scrollbar-gutter:stable; }
.ticket-title { display:flex; align-items:center; justify-content:space-between; font:12px var(--font-label); letter-spacing:1.3px; color:var(--text-muted); }
.ticket-mode { padding:3px 7px; border:1px solid var(--stroke-2); font-size:10px; letter-spacing:.8px; }
.ticket-heading { margin:0 0 3px; font:400 26px/1.1 var(--font-display); letter-spacing:-1.3px; }
.ticket-heading span { color:var(--accent); }
.order-ticket input { font-size:21px!important; letter-spacing:-.5px; }
.order-ticket input[type=range] { font-size:14px!important; }
.order-ticket input:focus-visible { outline-offset:0!important; }
.order-ticket>div:nth-child(3)>div { border-radius:3px!important; }
.order-ticket>div:nth-child(3)>div:first-child { background:var(--surface-accent-dim)!important; border-color:var(--olive-500)!important; color:var(--long)!important; }
.cta { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:48px; padding:12px 16px; cursor:pointer; background:var(--accent); border:1px solid var(--accent); color:var(--text-on-accent); font:500 13px var(--font-body); border-radius:28px; transition:background .2s,transform .2s; }
.cta:hover:not(:disabled) { background:var(--accent-hover); transform:translateY(-1px); }
.cta:active:not(:disabled) { transform:translateY(0); }
.cta-sub { font-size:12px; font-weight:400; white-space:nowrap; }
.order-ticket>.cta { position:sticky; bottom:0; z-index:2; flex-shrink:0; box-shadow:0 10px 0 12px var(--surface-card); }
.order-ticket>p { font:12px/1.65 var(--font-label)!important; color:var(--text-muted)!important; }
.terminal-dock { height:231px!important; }
.terminal-dock>div:first-child { padding:0 20px!important; }
.terminal-dock [role=tab] { padding:13px 13px!important; }
.terminal-dock>div:last-child { overflow:auto!important; }
.terminal-dock table { min-width:730px; }
.positions-empty { display:flex; align-items:center; gap:22px; min-height:160px; padding:23px 28px; }
.positions-empty>img { width:95px; height:85px; object-fit:contain; opacity:.85; }
.positions-empty p { margin:0 0 7px; font-size:18px; color:var(--ink-200); letter-spacing:-.5px; }
.positions-empty>div>span { color:var(--text-faint); font-size:12px; }
.empty-label { margin-left:auto; padding-left:22px; font:11px/1.8 var(--font-label); letter-spacing:1.2px; color:var(--text-faint); }
.vault-grid { display:grid; grid-template-columns:1fr 1.15fr 1fr; gap:10px; padding:12px; min-width:830px; }
.terminal-status { flex:none; display:flex; align-items:center; gap:22px; min-height:34px; padding:0 var(--desk-pad) 14px; font:11px var(--font-label); letter-spacing:.55px; color:var(--text-faint); }
.terminal-status>span { white-space:nowrap; }
.terminal-status b { color:var(--text-muted); font-weight:400; margin-left:5px; }
.status-demo { color:var(--text-muted); display:flex; align-items:center; gap:8px; }
.terminal-status .feed-status { margin-left:auto; }
.terminal-status>a { white-space:nowrap; color:var(--text-muted); }
.secondary-page,.docs-page { margin:0 var(--desk-pad); background:transparent!important; }
.secondary-inner { max-width:1280px; margin:0 auto; padding:44px 0; display:flex; flex-direction:column; gap:26px; }
.secondary-inner>div:first-child { align-items:center!important; gap:20px!important; margin-bottom:8px; }
.secondary-inner h1,.docs-grid h1 { font-size:42px!important; font-weight:400!important; letter-spacing:-2px; line-height:1.05; }
.stat-cells { background:transparent!important; border:0!important; border-top:1px solid var(--stroke-2)!important; border-bottom:1px solid var(--stroke-2)!important; padding:22px 0; }
.stat-cells>div { padding:0 20px!important; background:transparent!important; border-right:1px solid var(--stroke-2); }
.stat-cells>div:first-child { padding-left:0!important; }
.stat-cells>div:last-child { border-right:0; }
.stat-cells>div>div:first-child { font:12px var(--font-label)!important; text-transform:uppercase; letter-spacing:1px!important; margin-bottom:12px; }
.stat-cells>div>div:last-child { font-size:26px!important; letter-spacing:-1px; font-weight:400!important; }
.pool-grid { display:grid; grid-template-columns:340px minmax(0,1fr); gap:24px; align-items:start; }
.pool-grid>div:first-child { padding:22px!important; gap:19px!important; }
.pool-grid>div:last-child>div { overflow-x:auto; }
.pool-grid table { min-width:620px; }
.secondary-inner>div:has(>table) { overflow:auto!important; }
.secondary-inner table { min-width:670px; }
th { font:12px var(--font-label)!important; letter-spacing:.6px; color:var(--text-muted)!important; text-transform:uppercase; }
td { font-variant-numeric:tabular-nums; }
tbody tr:hover { background:#b5c88e05!important; }
.docs-grid { display:grid; grid-template-columns:210px minmax(0,1fr); gap:70px; max-width:1120px; margin:0 auto; padding:50px 0 64px; align-items:start; }
.docs-grid>div:first-child { position:sticky; top:30px; }
.docs-grid>div:first-child>div { font:12px var(--font-label)!important; letter-spacing:1.2px; text-transform:uppercase; padding-bottom:24px!important; }
.docs-grid>div:first-child>button { padding:13px 16px!important; }
.docs-grid>div:last-child { gap:24px!important; }
.docs-grid>div:last-child>div { padding:22px 24px!important; background:transparent!important; border-width:1px 0 0!important; border-radius:0!important; }
.docs-grid>div:last-child>div>div { font-size:18px!important; font-weight:400!important; margin-bottom:13px!important; letter-spacing:-.5px; }
.docs-grid p { font-size:15px!important; line-height:1.8!important; }
.docs-grid table { min-width:500px; }
.docs-grid>div:last-child>div:has(table) { overflow:auto!important; padding:0!important; border:1px solid var(--stroke-1)!important; }
[role=dialog] { border-radius:8px!important; max-height:calc(100svh - 40px); overflow:auto!important; }
[role=dialog]>div:first-child { padding:22px 24px!important; }
[role=dialog]>div:first-child>div { font-size:26px!important; font-weight:400!important; letter-spacing:-1px; }
[role=dialog]>div:last-child button { border-radius:24px!important; }
.demo-notice { color:var(--text-muted); font:12px/1.6 var(--font-label); margin:0 0 12px; padding-bottom:15px; border-bottom:1px solid var(--stroke-1); }
.no-sb { scrollbar-width:none; }
.no-sb::-webkit-scrollbar { display:none; }
.no-script { padding:40px; }
@media (max-width:1250px) {
  .terminal-navrow { gap:24px; }
  .terminal-nav { margin-left:0; gap:22px; }
  .account-chip>span { display:none; }
  .book-col { width:210px!important; }
  .order-ticket { width:295px!important; padding:15px!important; }
  .ticket-heading { font-size:24px; }
  .market-bar>div:nth-child(3) { gap:20px!important; }
  .market-bar>div:nth-child(3)>div:nth-child(4) { display:none!important; }
  .terminal-status { gap:15px; }
  .terminal-status>span:nth-child(3),.terminal-status>span:nth-child(4) { display:none; }
  .chart-panel>div:first-child>span { display:none!important; }
  .stat-cells>div { padding:0 12px!important; }
  .stat-cells>div>div:last-child { font-size:23px!important; }
  .empty-label { display:none; }
}
@media (max-width:1050px) {
  .desk-app { height:auto; min-height:100svh; }
  .terminal-navrow { flex-wrap:wrap; height:auto; padding-top:22px; gap:20px; }
  .terminal-account { margin-left:auto; }
  .terminal-nav { order:3; width:100%; gap:30px; height:44px; }
  .terminal-ticker { height:47px; }
  .ticker-label { display:none; }
  .desk-workspace { display:grid; grid-template-columns:minmax(0,1fr) 310px; overflow:visible; flex:none; }
  .desk-market-area,.desk-market-top { display:contents; }
  .desk-chart-column { grid-column:1; grid-row:1; min-height:440px; }
  .order-ticket { grid-column:2; grid-row:1 / 4; width:100%!important; overflow:visible!important; min-width:0; }
  .order-ticket>.cta { position:static; box-shadow:none; }
  .book-col { grid-column:1; grid-row:2; width:100%!important; height:370px; border-left:0!important; border-top:1px solid var(--stroke-1); }
  .terminal-dock { grid-column:1; grid-row:3; min-width:0; height:290px!important; }
  .chart-panel>div:first-child { flex-wrap:wrap; }
  .positions-empty { padding:22px; gap:16px; align-items:flex-start; }
  .positions-empty>img { width:65px; height:65px; }
  .positions-empty>div { min-width:0; }
  .positions-empty>div>span { line-height:1.7; }
  .terminal-dock [role=tab] { padding:12px 10px!important; font-size:12px!important; }
  .terminal-dock>div:first-child { overflow:auto; padding:0 12px!important; }
  .secondary-page,.docs-page { overflow:visible!important; }
  .stat-cells { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; }
  .stat-cells>div { border:0!important; padding:0!important; }
  .pool-grid { grid-template-columns:280px minmax(0,1fr); gap:20px; }
  .docs-grid { gap:32px; grid-template-columns:170px minmax(0,1fr); }
}
@media (max-width:700px) {
  :root { --desk-pad:18px; }
  .terminal-navrow { gap:14px; padding-top:20px; }
  .terminal-wordmark { font-size:25px; }
  .terminal-wordmark>b { font-size:15px; }
  .terminal-account { gap:10px; }
  .terminal-account .account-chip { font-size:11px; column-gap:6px; }
  .terminal-account>button:last-child { display:none!important; }
  .terminal-nav { margin-top:5px; height:46px; gap:26px; justify-content:space-between; }
  .terminal-nav button { font-size:13px; }
  .terminal-ticker { padding-left:8px; padding-right:8px; }
  .terminal-ticker button { padding:8px!important; }
  .desk-workspace { display:flex; flex-direction:column; margin:16px 12px 22px; }
  .desk-chart-column { order:1; min-height:425px; flex:none; }
  .order-ticket { order:2; padding:24px 20px!important; border-left:0!important; border-top:1px solid var(--stroke-2); gap:18px!important; }
  .book-col { order:3; flex:none!important; height:400px; }
  .terminal-dock { order:4; flex:none!important; height:295px!important; }
  .market-bar { padding:18px 16px!important; gap:14px!important; }
  .market-bar>div:nth-child(2)>span:first-child { font-size:22px!important; }
  .market-bar>div:nth-child(2)>span:last-child { display:none; }
  .market-bar>div:nth-child(3) { gap:28px!important; }
  .market-bar>div:first-child>button>span { font-size:17px!important; }
  .market-menu { left:16px!important; width:calc(100vw - 32px)!important; }
  .market-menu>div:nth-child(2),.market-menu>div:last-child>button { grid-template-columns:minmax(0,1fr) 57px 54px!important; }
  .market-menu>div:nth-child(2)>span:nth-child(3),.market-menu>div:nth-child(2)>span:nth-child(4),.market-menu>div:last-child>button>span:nth-child(3),.market-menu>div:last-child>button>span:nth-child(4) { display:none!important; }
  .market-menu svg { display:none!important; }
  .chart-canvas { padding:18px 15px!important; min-height:240px!important; }
  .chart-caption { margin-top:25px; font-size:10px; }
  .ticket-heading { font-size:32px; letter-spacing:-1.6px; }
  .order-ticket input { font-size:26px!important; }
  .cta { min-height:50px; font-size:14px; }
  .book-col>div:first-child { padding:9px 18px!important; }
  .book-col>div:last-child>div>div { padding-right:20px!important; padding-left:20px!important; }
  .positions-empty { padding:25px 20px; }
  .positions-empty>img { width:72px; height:72px; }
  .terminal-status { flex-wrap:wrap; gap:12px 18px; line-height:1.5; padding-bottom:22px; }
  .terminal-status>span:not(.status-demo):not(.feed-status) { display:none; }
  .terminal-status .feed-status { margin-left:auto; }
  .terminal-status>a { flex-basis:100%; border-top:1px solid var(--stroke-2); padding-top:14px; }
  .secondary-inner { padding:30px 0; gap:26px; }
  .secondary-inner>div:first-child { gap:12px!important; }
  .secondary-inner>div:first-child>span:last-child { margin-left:0!important; }
  .secondary-inner h1,.docs-grid h1 { font-size:38px!important; }
  .stat-cells { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .pool-grid { grid-template-columns:minmax(0,1fr); gap:24px; }
  .pool-grid>div:first-child { padding:20px!important; }
  .docs-grid { grid-template-columns:minmax(0,1fr); gap:30px; padding:28px 0 40px; }
  .docs-grid>div:first-child { position:static; display:grid!important; grid-template-columns:1fr 1fr; }
  .docs-grid>div:first-child>div { grid-column:1 / -1; }
  .docs-grid>div:last-child>div { padding:21px 0!important; }
  [role=dialog]>div { padding:18px!important; }
  [role=dialog]>div:last-child { flex-wrap:wrap; }
}
@media (max-width:360px) {
  .terminal-wordmark { font-size:23px; }
  .terminal-wordmark>b { font-size:13px; }
  .terminal-nav { gap:18px; }
  .market-bar>div:first-child>button>span { font-size:15px!important; }
  .market-bar>div:nth-child(2)>span:first-child { font-size:20px!important; }
  .market-bar>div:nth-child(2) { gap:5px!important; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}