@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#111b2d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111b2d;--paper:#f4f0e8;--panel:#fdfbf6;--line:#d8d8d0;--blue:#2c51dc;--blue-soft:#edf0ff;--mint:#69e1b0;--orange:#b9341b;--muted:#586174;background:#f4f0e8;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit;color:inherit}button,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{overflow-wrap:anywhere}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:16px max(24px,50% - 560px);display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:var(--ink);color:#fff;place-items:center;width:36px;height:36px;font:500 .875rem DM Mono,monospace;display:grid}.brand strong{font-size:1rem}.connection-badge{color:var(--muted);align-items:center;gap:9px;font-size:.8125rem;display:flex}.status-dot{background:#bd651a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.connection-badge--live .status-dot{background:#18865e;box-shadow:0 0 0 4px #18865e15}.connection-badge--offline .status-dot{background:var(--orange)}main{max-width:1248px;margin:0 auto;padding:28px 24px 56px}.page-intro{max-width:900px;margin-bottom:24px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font:500 .75rem/1.5 DM Mono,monospace}h1{letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(1.75rem,3.4vw,2.25rem);font-weight:700;line-height:1.2}.page-intro>p:last-child{max-width:720px;color:var(--muted);margin-bottom:0;font-size:1rem}.market-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;font-size:.875rem;display:flex}.market-toolbar label{font-weight:700}.market-toolbar select{background:var(--panel);border:1px solid #aab0bd;border-radius:6px;min-width:112px;min-height:42px;padding:8px 12px;font-weight:700}.market-toolbar>span{color:var(--muted)}.trading-workspace{grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.trading-workspace .panel,.market-tables .panel{background:var(--panel)}.market-tables{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;margin-bottom:24px;display:grid}.order-market{color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:3px 8px;font:500 .8125rem/1.5 DM Mono,monospace}.chart-heading{justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.chart-heading h2{letter-spacing:-.025em;margin:0;font-size:1.4rem}.last-price{text-align:right;gap:7px;display:grid}.last-price span{color:var(--muted);font-size:.8125rem}.last-price strong{font-size:1.35rem}.chart-body{padding:0 24px 20px}.chart-axis-title{color:var(--muted);margin-bottom:12px;font-size:.8125rem}.chart-plot{grid-template-columns:max-content minmax(0,1fr);gap:12px;height:220px;display:grid}.chart-scale{text-align:right;color:var(--muted);flex-direction:column;justify-content:space-between;padding:0;font:.75rem/16px DM Mono,monospace;display:flex}.chart-plot svg{width:100%;height:220px;display:block;overflow:visible}.chart-gridline{stroke:var(--line);stroke-dasharray:3 4}.chart-line{fill:none;stroke:var(--blue);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--blue)}.chart-point--latest{fill:#16875c;stroke:var(--panel);stroke-width:2px}.chart-x-axis{color:var(--muted);justify-content:space-between;gap:12px;margin-top:12px;padding-left:44px;font-size:.75rem;display:flex}.chart-caption{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:16px 24px;font-size:.8125rem}.chart-empty{text-align:center;align-content:center;min-height:260px;padding:48px 24px;display:grid}.chart-empty p{color:var(--muted);margin:12px 0 0;font-size:.875rem}.guided-example>.guided-demo{border:0;border-radius:0 0 8px 8px;margin:0}.lesson-header{grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px 20px;display:flex}.lesson-header .eyebrow{margin-bottom:8px}.lesson-header h2{letter-spacing:-.025em;margin:0;font-size:1.5rem;line-height:1.3}.lesson-step-count{color:var(--blue);flex-shrink:0;font-size:.875rem;font-weight:700}.lesson-steps{border-block:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.lesson-steps li{color:var(--muted);align-items:center;gap:10px;padding:14px 20px;font-size:.875rem;display:flex}.lesson-steps li[aria-current]{background:var(--blue-soft);color:var(--blue);box-shadow:inset 0 -3px var(--blue);font-weight:700}.lesson-steps li>span{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid}.lesson .demo-main>h3{letter-spacing:-.025em;margin-bottom:14px;font-size:1.4rem}.lesson .demo-main>p:not(.button-help):not(.preview-note){font-size:1rem}.lesson .demo-main>p{color:var(--muted)}.lesson .demo-outcome p:not(.eyebrow){font-size:1rem}.lesson .demo-outcome h3{font-size:1.5rem}.lesson .demo-outcome a{color:#1c429e;font-size:.875rem;font-weight:600}.lesson-status{border-block:1px solid #bfccdf;width:100%;padding:16px 0}.lesson-secondary{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px;display:flex}.lesson-secondary button,.lesson-secondary a{color:var(--blue);text-align:left;text-underline-offset:4px;background:0 0;border:0;padding:4px 0;font-size:.875rem;line-height:1.5;text-decoration:underline}.lesson-secondary button:disabled{opacity:.55}.lesson-path{flex-wrap:wrap;gap:8px;margin:24px 0 16px;display:flex}.lesson-path button{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:10px 12px;font-size:.875rem}.lesson-path button[aria-pressed=true]{background:var(--blue-soft);color:var(--blue);border-color:var(--blue)}.lesson-explanation{border-left:3px solid var(--blue);margin:20px 0 28px;padding:4px 0 4px 18px}.lesson-explanation h4{margin:0 0 8px;font-size:1rem}.lesson-explanation p{color:var(--muted);margin-bottom:14px}.lesson-explanation code{color:var(--muted);overflow-wrap:anywhere;font:.8125rem/1.6 DM Mono,monospace}.lesson .demo-button{text-decoration:none}.lesson .lesson-error{border-left:3px solid var(--orange);background:#fff0e9;padding:14px;color:var(--orange)!important}.guided-demo{border:1px solid var(--line);border-top:3px solid var(--blue);background:var(--panel);border-radius:10px;grid-template-columns:1.15fr .85fr;margin-bottom:24px;display:grid;overflow:clip}.demo-main{min-width:0;padding:30px}.demo-heading h2{letter-spacing:-.035em;margin-bottom:10px;font-size:1.875rem;line-height:1.2}.demo-heading>p:last-child{color:var(--muted);margin-bottom:24px;font-size:.9375rem}.trade-preview{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}.trade-preview>div{gap:9px;min-width:0;display:grid}.preview-label{color:var(--muted);font-size:.875rem}.trade-preview strong{letter-spacing:-.025em;font-size:clamp(1.125rem,2vw,1.4rem);line-height:1.3}.trade-preview>div>span:last-child{color:var(--muted);font-size:.8125rem}.match-arrow{color:var(--blue);font-size:1.5rem}.preview-note{color:var(--muted);margin:20px 0;font-size:.8125rem}.run-explainer{color:var(--muted);margin:24px 0;font-size:.9375rem}.demo-button,.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:52px;padding:14px 20px;font-size:.9375rem;font-weight:700;display:flex}.demo-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:#203dab;border-color:#203dab}.demo-button:disabled,.primary-button:disabled{color:#4b566c;background:#e4e7ef;border-color:#d0d5e1}.button-help{min-height:20px;color:var(--muted);margin:10px 0 0;font-size:.8125rem}.demo-outcome{background:var(--blue-soft);border-left:1px solid var(--line);flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:32px;display:flex}.outcome-symbol{width:40px;height:40px;color:var(--blue);border:1px solid #abb7ec;border-radius:50%;place-items:center;margin-bottom:22px;font-size:1.4rem;display:grid}.demo-outcome h3{letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(1.45rem,2.4vw,1.85rem);line-height:1.25}.demo-outcome>p:last-child{margin-bottom:0}.demo-outcome p:not(.eyebrow){color:#4b566e;font-size:.9375rem}.demo-outcome--complete{background:#e7f5ee}.demo-outcome--complete .eyebrow,.demo-outcome--complete .outcome-symbol{color:#126b4b}.demo-outcome--complete .outcome-symbol{background:var(--mint);border-color:#1c8f63}.result-checks{color:#165e46;gap:10px;margin:0 0 20px;padding:0;font-size:.875rem;list-style:none;display:grid}.demo-outcome .result-reference{color:var(--muted);font:.75rem/1.5 DM Mono,monospace}.demo-progress{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.demo-progress__step{border-right:1px solid var(--line);align-items:flex-start;gap:10px;min-width:0;padding:20px;display:flex}.demo-progress__step:last-child{border-right:0}.step-number{height:24px;color:var(--muted);border:1px solid #aeb4bf;border-radius:50%;flex:0 0 24px;place-items:center;font-size:.75rem;display:grid}.demo-progress__step>div{gap:5px;display:grid}.demo-progress__step strong{font-size:.875rem;line-height:1.45}.demo-progress__step span:not(.step-number),.demo-progress__step small{color:var(--muted);font-size:.75rem;line-height:1.45}.demo-progress__step--running{background:var(--blue-soft)}.demo-progress__step--running .step-number{background:var(--blue);border-color:var(--blue);color:#fff}.demo-progress__step--complete .step-number{color:#126b4b;background:#e7f5ee;border-color:#16875c}.demo-progress__step--complete small{color:#126b4b}.demo-progress__step--failed small{color:var(--orange);font-weight:700}.demo-progress__step--failed .step-number{border-color:var(--orange);color:var(--orange)}.explore-details,.engineering-details{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-top:14px}.engineering-details{border-color:#a6b5ee}summary{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:86px;padding:20px 24px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:hover{background:#edf0ff80}.disclosure-label{gap:6px;display:grid}.disclosure-label strong{font-size:1rem}.disclosure-label small{color:var(--muted);font-size:.875rem;line-height:1.5}.disclosure-action{color:var(--blue);white-space:nowrap;align-items:center;gap:12px;font-size:.875rem;font-weight:700;display:flex}.disclosure-icon{border:1px solid #a6b5ee;border-radius:50%;place-items:center;width:32px;height:32px;font-size:1.3rem;font-weight:400;display:grid}details:not([open])>summary .when-open,details[open]>summary .when-closed{display:none}details[open]>summary .disclosure-icon{transform:rotate(45deg)}details[open]>summary{border-bottom:1px solid var(--line);border-radius:8px 8px 0 0}.message-bar{border:1px solid #dcb5a5;border-left:4px solid var(--orange);background:#fff0e9;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px 20px;display:flex}.message-bar strong{font-size:.9375rem}.message-bar p{overflow-wrap:anywhere;margin:6px 0 0;font-size:.875rem}.message-bar button{background:0 0;border:0;min-width:32px;min-height:32px;font-size:1.5rem}.market-explainer{padding:20px 24px 0}.market-explainer p{color:var(--muted);max-width:850px;margin-bottom:0;font-size:.875rem}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px;padding:24px;display:grid}.market-column,.control-column{align-content:start;gap:20px;min-width:0;display:grid}.panel{border:1px solid var(--line);border-radius:6px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.panel-heading h2{letter-spacing:-.025em;margin:0;font-size:1.3rem;line-height:1.3}.panel-heading .eyebrow{margin-bottom:6px}.spread-readout,.record-count{color:var(--muted);font-size:.75rem;line-height:1.5}.spread-readout strong{color:var(--ink);font-weight:600;display:block}.panel-explainer,.order-panel__intro{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:16px 20px;font-size:.875rem}.panel-footnote{color:var(--muted);border-top:1px solid var(--line);margin:0;padding:14px 20px;font-size:.75rem}.book-grid{grid-template-columns:1fr 1fr;display:grid}.book-side+.book-side{border-left:1px solid var(--line)}.book-side-title{gap:5px;padding:14px;display:grid}.book-side-title strong{font-size:.9375rem}.book-side-title span{color:var(--muted);font-size:.75rem}.book-side-title--bid{background:#e7f5ee}.book-side-title--ask{background:#faeae1}.level-labels,.level-row{border-bottom:1px solid var(--line);grid-template-columns:1fr .7fr .6fr;align-items:center;gap:6px;padding:12px 14px;font:.8125rem/1.4 DM Mono,monospace;display:grid}.level-labels{color:var(--muted);font-size:.75rem}.level-labels>:not(:first-child),.level-row>:not(:first-child){text-align:right}.level-row{position:relative;overflow:hidden}.level-row>:not(.depth-bar){z-index:1}.depth-bar{width:var(--depth);position:absolute;top:4px;bottom:4px;right:0}.level-row--bid .depth-bar{background:#18865e14}.level-row--ask .depth-bar{background:#c14a2514}.book-empty,.trade-empty{text-align:center;color:var(--muted);padding:30px 16px;font-size:.875rem}.trade-empty{gap:10px;display:grid}.trade-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr .6fr minmax(max-content,1fr);align-items:center;gap:10px;min-height:48px;padding:12px 16px;font:.8125rem/1.5 DM Mono,monospace;display:grid}.trade-row>:not(:first-child){text-align:right}.trade-recorded{white-space:nowrap;gap:2px;display:grid}.trade-date{color:var(--muted);font:.75rem/1.5 Manrope,sans-serif}.trade-row--heading{color:var(--muted);font-size:.75rem}.trade-row--highlighted{background:#e7f5ee;border-left:3px solid #16875c}.trade-sequence{gap:5px;display:grid}.trade-sequence b{color:#126b4b;font-family:Manrope,sans-serif;font-size:.75rem}.order-panel form{padding:20px}.side-toggle{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;display:grid}.side-toggle button{border:1px solid var(--line);background:0 0;border-radius:4px;min-height:42px;font-size:.875rem}.side-toggle .active.buy{color:#126b4b;background:#e7f5ee;border-color:#16875c}.side-toggle .active.sell{color:var(--orange);background:#faeae1;border-color:#b9341b}.order-panel label{gap:8px;font-size:.875rem;display:grid}.order-panel input{background:#fff;border:1px solid #aab0bd;border-radius:4px;width:100%;min-width:0;min-height:44px;padding:10px 12px}.order-panel input:disabled{color:var(--muted);background:#eeece6}.field-row{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 20px;display:grid}.order-receipt{border-top:1px solid var(--line);background:#e7f5ee;gap:14px;padding:20px;font-size:.8125rem;display:grid}.order-receipt div{gap:8px;min-width:0;display:grid}.order-receipt strong{overflow-wrap:anywhere;font-family:DM Mono,monospace;font-weight:500}.order-receipt button{background:0 0;border:1px solid #16875c;border-radius:4px;justify-self:start;padding:10px 14px}.market-notice{border:1px solid var(--line);border-radius:6px;padding:20px;font-size:.875rem}.market-notice p{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0}.technical-content{padding:24px}.request-path h2{letter-spacing:-.025em;margin-bottom:20px;font-size:1.5rem}.path-steps{border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 32px;padding:0;list-style:none;display:grid}.path-steps li{border-right:1px solid var(--line);align-content:start;gap:10px;min-width:0;padding:18px;display:grid}.path-steps li:last-child{background:var(--blue-soft);border:0}.path-steps strong{font-size:.875rem}.path-steps span{color:var(--muted);font-size:.875rem;line-height:1.5}.path-steps code{overflow-wrap:anywhere;font-size:.75rem}.demo-evidence{margin-bottom:32px}.demo-evidence h3{font-size:1.3rem}.demo-evidence p{color:var(--muted);font-size:.875rem}.request-log{margin:0 0 24px;padding-left:24px}.request-log li{padding-left:6px}.request-log strong{font-size:.875rem}.request-log p{overflow-wrap:anywhere;margin:6px 0 16px}.evidence-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0;display:grid}.evidence-grid>div{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:16px}.evidence-grid dt{color:var(--muted);margin-bottom:8px;font-size:.8125rem}.evidence-grid dd{overflow-wrap:anywhere;margin:0;font:.8125rem/1.6 DM Mono,monospace}.diagnostics-panel{background:var(--ink);color:#fff;border-radius:6px;overflow:hidden}.diagnostics-panel__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.diagnostics-panel__heading h2{margin:0;font-size:1.5rem}.diagnostics-panel .eyebrow{color:var(--mint)}.source-chip{color:#c6d0e2;border:1px solid #758199;border-radius:4px;padding:8px;font-size:.75rem}.source-chip--live{color:var(--mint);border-color:var(--mint)}.diagnostics-panel__note{color:#c6d0e2;margin:0;padding:0 24px 24px;font-size:.875rem}.diagnostics-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.diagnostic{border-top:1px solid #425069;border-right:1px solid #425069;align-content:start;gap:12px;min-width:0;padding:24px;display:grid}.diagnostic>span{color:#c6d0e2;font-size:.8125rem}.diagnostic>strong{overflow-wrap:anywhere;font-size:1.5rem}.diagnostic>small{color:#c6d0e2;font-size:.75rem;line-height:1.5}.diagnostic--good>strong{color:var(--mint)}.diagnostic--warn>strong{color:#ffc768}.diagnostics-panel__footer{color:#c6d0e2;border-top:1px solid #425069;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 24px;font-size:.75rem;display:flex}footer{border-top:1px solid var(--line);max-width:1168px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:auto;padding:20px 24px 32px;font-size:.8125rem;display:flex}footer p{margin:0}@media (width<=900px){.trading-workspace{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:16px}.market-tables,.dashboard-grid{grid-template-columns:1fr}.demo-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-progress__step:nth-child(2){border-right:0}.demo-progress__step:nth-child(-n+2){border-bottom:1px solid var(--line)}.path-steps{grid-template-columns:1fr}.path-steps li{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=680px){.lesson-header{align-items:flex-start;padding:22px 20px}.lesson-header h2{font-size:1.25rem}.lesson-steps li{flex-direction:column;align-items:flex-start;padding:12px;line-height:1.4}.trading-workspace{grid-template-columns:1fr}.chart-heading{padding:20px}.chart-body{padding:0 16px 20px}.chart-caption{padding:16px 20px}.last-price strong{font-size:1.125rem}.site-header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px 18px}.connection-badge{min-height:24px}main{padding:28px 16px 36px}.page-intro{margin-bottom:24px}.market-toolbar>span{flex-basis:100%}.guided-demo{grid-template-columns:1fr}.demo-main{padding:24px 20px}.demo-outcome{border-left:0;border-top:1px solid var(--line);padding:24px 20px}.outcome-symbol{display:none}.demo-progress__step{padding:16px 12px}.trade-preview{gap:10px}summary{align-items:flex-start;gap:16px;padding:20px}.disclosure-action{flex-direction:column-reverse;align-items:flex-end;gap:8px;font-size:.8125rem}.disclosure-label small{font-size:.8125rem}.dashboard-grid,.technical-content{padding:16px}.market-explainer{padding:20px 16px 0}.book-grid{grid-template-columns:1fr}.book-side+.book-side{border-left:0;border-top:1px solid var(--line)}.evidence-grid{grid-template-columns:1fr}.trade-row{grid-template-columns:1fr .8fr .5fr minmax(max-content,1fr);gap:6px;padding:12px;font-size:.75rem}.diagnostics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic{padding:16px}.diagnostic strong{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}