/* Crisp locate monitor — HTML, not a scaled screenshot. */
.locate-monitor{height:auto;min-height:0;margin:0;align-self:center;position:relative;overflow:visible}
.locate-monitor:after{content:"";position:absolute;inset:4% -5% 9%;z-index:-1;background:radial-gradient(ellipse,rgba(112,151,199,.2),transparent 68%);filter:blur(34px)}
.monitor-window{overflow:hidden;border:1px solid rgba(163,187,214,.42);border-radius:14px;background:#dbe4eb;color:#09111c;box-shadow:0 30px 80px rgba(2,7,16,.46),inset 0 1px #fff;font:500 clamp(7px,.62vw,11px)/1.2 "Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease}
.monitor-chrome{height:2.45em;display:flex;align-items:center;padding:0 .75em;background:linear-gradient(#eef4f8,#cbd7df);border-bottom:1px solid #91a0aa;color:#3c4a55}
.monitor-chrome span{margin-right:auto}.monitor-chrome i{width:.72em;height:.72em;margin-left:.48em;border:1px solid #87939c;border-radius:2px;background:linear-gradient(#fff,#bcc8d0)}
.monitor-section-title{padding:.32em .65em;background:linear-gradient(#f7fbfd,#d6e0e6);border-bottom:1px solid #9daab2;color:#3f5365}
.monitor-controls{display:flex;align-items:center;gap:.55em;padding:.5em .7em;background:#edf3f6;border-bottom:1px solid #a8b4bc}
.monitor-controls span{display:flex;align-items:center;gap:.45em;min-width:17%}.monitor-controls b{font-weight:500}.monitor-controls em{flex:1;padding:.34em .48em;border:1px solid #b2bec6;border-radius:2px;background:#fff;font-style:normal}
.monitor-controls button{padding:.34em .8em;border:1px solid #a9b5bd;border-radius:2px;background:linear-gradient(#fff,#dfe7ec);color:#15222d;font:inherit}
.monitor-status{padding:.38em .7em;background:#78f38a;border-bottom:1px solid #5dbd69;color:#07260c;letter-spacing:.01em}
.monitor-quotes{padding:.55em .7em 1.1em;background:#07090b}
.monitor-window table{width:100%;border-collapse:collapse;text-align:left}
.monitor-window th,.monitor-window td{padding:.32em .52em;border-right:1px solid #77838b;white-space:nowrap;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease,transform .38s cubic-bezier(.22,1,.36,1)}
.monitor-quotes th{background:#e7edf1;color:#17212a}.monitor-quotes td{border-bottom:1px solid #b4bec5;color:#f3f6f8}.monitor-quotes th:first-child,.monitor-quotes td:first-child{font-weight:700}
.monitor-order span:first-child{min-width:22%}.monitor-filter{margin:.45em .7em;padding:.27em .45em;border:1px solid #9eabb3;border-radius:3px;background:linear-gradient(#f9fcfd,#d7e1e7);color:#22313e}
.monitor-fills{margin:0 .7em .75em;background:#030405;overflow:hidden}.monitor-fills th{background:#e8eef2;color:#18242d}.monitor-fills td{border-bottom:1px solid #a6b0b7;color:#f0f4f6}.monitor-fills .selected td{background:#087cdd;color:#fff}
.locate-monitor figcaption{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(176,196,219,.2);color:#8395aa;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
@media(min-width:1101px){.journey{height:400vh}}
.journey .step{transition:none}.journey .step.active{animation:monitor-copy-in .45s cubic-bezier(.22,1,.36,1) both}
.journey[data-stage="0"] .source-cell{background:#253751;color:#f7d2a8;box-shadow:inset 3px 0 #efb979;animation:cell-arrive .46s cubic-bezier(.22,1,.36,1) both}
.journey[data-stage="1"] .price-cell,.journey[data-stage="1"] .price-head{background:#654521;color:#fff4dc;box-shadow:inset 0 0 0 1px #e8b677}
.journey[data-stage="2"] .avl-cell,.journey[data-stage="2"] .avl-head{background:#2e5260;color:#e4fbff;box-shadow:inset 0 0 0 1px #89ccdc}
.journey[data-stage="1"] .monitor-window,.journey[data-stage="2"] .monitor-window{transform:scale(1.012);box-shadow:0 34px 90px rgba(2,7,16,.5),inset 0 1px #fff}
@keyframes monitor-copy-in{from{opacity:0;transform:translate3d(0,18px,0)}}@keyframes cell-arrive{from{opacity:.2;transform:translateX(-14px)}}

/* Lightweight workspace illustration, using the same animation controls as the other tabs. */
.platform-scene{min-height:440px;padding:28px;background:linear-gradient(145deg,#101f32,#0b1626);overflow:hidden}
.platform-motion{position:relative;min-height:360px;display:grid;align-items:center}
.platform-scene .workspace-art{width:100%;height:auto;margin:12px 0;overflow:visible}
.depth-bars rect{transform-box:fill-box;transform-origin:left;animation:depth-update 5s ease-in-out infinite}
.depth-bars rect:nth-child(2n){animation-delay:-1.8s}.depth-bars rect:nth-child(3n){animation-delay:-3s}
.market-trace{stroke-dasharray:500;stroke-dashoffset:0;animation:market-reveal 7s ease-in-out infinite}
.execution-confirm{animation:execution-light 7s ease-in-out infinite}
.workspace-live{animation:live-light 3s ease-in-out infinite}
@keyframes depth-update{50%{transform:scaleX(.72);opacity:.65}}
@keyframes market-reveal{0%,8%{stroke-dashoffset:500;opacity:.25}45%,90%{stroke-dashoffset:0;opacity:1}100%{opacity:.25}}
@keyframes execution-light{0%,45%,100%{opacity:.55}60%,85%{opacity:1}}
@keyframes live-light{50%{opacity:.45}}
/* Original monitor proportions, with stable borders and smoothly shaded columns. */
.journey .locate-monitor{grid-column:1;grid-row:1}.journey .steps{grid-column:2;grid-row:1}
@media(max-width:900px){.journey .locate-monitor{grid-column:1;grid-row:1}.journey .steps{grid-column:1;grid-row:2}}
.monitor-window{font-size:clamp(8px,.73vw,13px);border-radius:9px;transition:box-shadow .55s ease}
.monitor-quotes{min-height:11em;padding:.45em .55em;background:#050708}
.monitor-quotes table{width:55%;min-width:310px;transition:width .65s cubic-bezier(.22,1,.36,1)}
.journey[data-stage="1"] .monitor-quotes table,.journey[data-stage="2"] .monitor-quotes table{width:62%}
.monitor-window table{border-collapse:separate;border-spacing:0}
.monitor-window th,.monitor-window td{border-right:1px solid #63717d;transition:background-color .65s ease,color .65s ease}
.monitor-quotes .source-cell{background:#e7edf1;color:#102338}
.journey[data-stage="0"] .source-cell,.journey[data-stage="0"] .source-head{background:#e4bd84;color:#172638;box-shadow:none;animation:none}
.journey[data-stage="1"] .price-cell,.journey[data-stage="1"] .price-head{background:#59472e;box-shadow:none}
.journey[data-stage="2"] .avl-cell,.journey[data-stage="2"] .avl-head{background:#30525e;box-shadow:none}
.journey[data-stage="1"] .monitor-window,.journey[data-stage="2"] .monitor-window{transform:none}
.monitor-tools{gap:.6em;padding-bottom:1.15em}.monitor-tools .monitor-check{min-width:0;white-space:nowrap}.monitor-tools button:disabled{color:#8996a2}
.monitor-controls em{white-space:nowrap}.monitor-controls{gap:.4em}
@media(max-width:1100px){.locate-monitor{max-width:900px;margin-inline:auto}}
@media(min-width:901px){.journey{height:400vh}.journey .sticky{position:sticky;top:0;height:100svh;min-height:650px;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);grid-template-rows:1fr;gap:5%;padding:120px 6% 75px}.journey .steps{height:320px;align-self:center}.journey .step{inset:0;padding-left:25px}.journey .step h2{font-size:clamp(34px,4vw,60px)}.monitor-window{font-size:clamp(7px,.72vw,13px)}}
@media(max-width:760px){.monitor-window{font-size:7px}.monitor-controls{flex-wrap:wrap}.monitor-quotes table{width:75%;min-width:0}.monitor-window th,.monitor-window td{padding:.32em .35em}.platform-scene{min-height:300px;padding:18px}.platform-motion{min-height:240px}.locate-monitor figcaption{font-size:7px;gap:8px}}
@media(prefers-reduced-motion:reduce){.workspace-art *,.monitor-window,.source-cell{animation:none!important;transition:none!important}}
.journey{height:175svh!important}
.journey .sticky{position:sticky;top:0;height:100svh;min-height:0;overflow:visible;padding-block:100px 35px}
.monitor-quotes th{border-bottom:1px solid #9eabb5}
.market-previews{margin-top:24px;min-width:0}
.market-switch{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.market-switch button{padding:10px 14px;border:1px solid #9baec747;border-radius:6px;background:transparent;color:#b8c7d8;font-size:12px}
.market-switch button[aria-pressed=true]{background:#cfdae9;color:#14263c;border-color:#cfdae9}
.market-window{font-size:clamp(9px,.85vw,13px);box-shadow:0 18px 40px #030c1a55}
.market-window[hidden]{display:none}
.market-window .monitor-controls{flex-wrap:wrap}.market-window .monitor-controls span{min-width:0;flex:1}
.market-summary{display:flex;justify-content:space-between;gap:8px;padding:.6em;background:#edf3f6}
.market-negative{color:#a12436}.market-summary b{font-weight:500}
.book-tables{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:4px;background:#adb9c3}
.market-window th{background:#e8eff4;font-weight:600;color:#183249;border-bottom:1px solid #9cabba}
.market-window td{border-bottom:1px solid #ffffff25;color:#142334}.market-window th,.market-window td{padding:.28em .46em}
.level-0{background:#f0e79c}.level-1{background:#b4dcb2}.level-2{background:#a6dce7}.level-3{background:#e9a6b2}.level-4{background:#bdc5df}
.market-actions{display:flex;gap:5px;padding:.65em;background:#edf3f6}.market-actions span{flex:1;text-align:center;padding:.55em .2em;background:linear-gradient(#f9fbfd,#d1dfe9);border:1px solid #9aaebf;border-radius:3px;color:#183249;font-weight:600}.market-actions span:first-child{background:#ecd0d3}.market-actions span:last-child{background:#bdddc9}
.chain-expiries{padding:.65em;white-space:nowrap;overflow:hidden;background:#e6edf3}.chain-expiries span{background:#b9cbdd;padding:.3em;margin-inline:.5em}
.chain-sides{display:grid;grid-template-columns:5fr 1fr 5fr;text-align:center;padding:.5em;color:#37516c;background:#d6e2ed;font-size:.9em;letter-spacing:.1em}
.chain-table{font-size:.89em}.chain-table td{text-align:right}.chain-table th{text-align:center}.call-value{background:#ddd0e8}.put-value{background:#d7c8e3}.call-change{background:#ebbdc5}.put-change{background:#b7d8b6}.market-window .chain-table th,.market-window .chain-table td{padding:.43em .28em}
.market-caption{margin-top:12px;font-size:10px;color:#94a8bd}
.chain-sides{grid-template-columns:6fr 1fr 6fr}.chain-table td:first-child,.chain-table td:nth-child(8){text-align:left}
.platform-banner{padding-block:18px}.banner-heading{margin-bottom:8px;font-size:11px}.logo-set>span{height:52px}.logo-set img{height:34px;width:150px}
/* The horizon lowers through the sun; lower rays appear only after it clears. */
.dial-rise-mask{animation:rise-reveal 14s ease-in-out infinite alternate}
.dial-rays{animation:rise-rays 14s ease-in-out infinite alternate}
.dial-dawn{animation:rise-lines 14s ease-in-out infinite alternate}
@keyframes rise-reveal{0%,22%{transform:translateY(0)}38%,100%{transform:translateY(40px)}}
@keyframes rise-rays{0%,22%{opacity:0}38%,55%{opacity:1}72%,100%{opacity:0}}
@keyframes rise-lines{0%,22%{opacity:1;transform:translateY(0)}38%,100%{opacity:0;transform:translateY(13px)}}
@media(prefers-reduced-motion:reduce){.dial-rise-mask{transform:translateY(40px)}.dial-dawn{opacity:0}}
@media(max-width:900px){.journey .sticky{min-height:0;padding-block:110px 70px;grid-template-rows:auto 300px}}
@media(max-width:900px){.journey .steps{display:block;position:relative;height:300px;align-self:start}.journey .step{position:absolute;inset:15px 0 auto;opacity:0;visibility:hidden}.journey .step.active{opacity:1;visibility:visible}.journey .sticky{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}}
.terminal-row{display:flex;align-items:center;gap:.45em;padding:.42em .6em;background:#edf3f6;flex-wrap:wrap}
.terminal-field,.terminal-button{padding:.4em .55em;border:1px solid #93a6b6;border-radius:2px;white-space:nowrap}
.terminal-field{background:#fff;flex:1}.terminal-field small{float:right;margin-left:.5em}.terminal-button{background:linear-gradient(#fff,#d6e1e9);box-shadow:inset 0 1px #fff}
.trade-scene .terminal-button svg{display:block;width:12px;height:12px;margin:0}
.market-window .muted{color:#82909e;background:#e5ebef}.market-up,.lock{color:#198433}.status-check{float:right;background:#edf3f6;padding-inline:.7em}
.chain-ticket{display:grid;grid-template-columns:36% 64%;border-top:3px solid #b4c0ca}.contract-book{background:#c7ced3;border-right:4px solid #e5ecf1}.chain-ticket .market-summary{flex-wrap:wrap}
.market-window .market-actions span{border-color:#7e94a5;box-shadow:inset 0 1px #fff;min-width:0}
.dial-upper-rays{transform-origin:300px 65px;animation:upper-rays 14s ease-in-out infinite alternate}
.dial-sparkle{animation:dawn-sparkle 14s ease-in-out infinite alternate}
@keyframes upper-rays{0%,22%{transform:scale(.78);opacity:1}38%,55%{transform:scale(1);opacity:1}72%,100%{transform:scale(1);opacity:0}}
@keyframes dawn-sparkle{0%{opacity:.4}12%,22%{opacity:1}38%,100%{opacity:0}}
@keyframes dial-moonlight{0%,55%{opacity:0}72%,100%{opacity:1}}
@keyframes dial-stars{0%,55%{opacity:0}72%,100%{opacity:.9}}
@keyframes dial-crossing{0%,12%{transform:rotate(-90deg)}42%{transform:rotate(-12deg)}58%{transform:rotate(12deg)}88%,100%{transform:rotate(90deg)}}
@keyframes dial-upright{0%,12%{transform:rotate(90deg)}42%{transform:rotate(12deg)}58%{transform:rotate(-12deg)}88%,100%{transform:rotate(-90deg)}}
.terminal-spinner{display:inline-flex;flex-direction:column;border-left:1px solid #93a6b6;padding-left:.35em;line-height:.65}.terminal-spinner i{font-style:normal}.terminal-spinner i+i{border-top:1px solid #93a6b6}
.quote-fields .terminal-field{padding:.28em .35em;min-width:0}.terminal-field.market-negative{color:#a12436}.contract-fields{font-size:.9em;gap:.3em}
.chain-expiries{display:flex;align-items:center;gap:2px;overflow:auto}.chain-expiries b{font-weight:500;white-space:nowrap}.chain-expiries span{margin:0;border:1px solid #9bafbf;border-radius:3px 3px 0 0;background:#edf3f6}
.terminal-scrollbars{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:3px 5px;background:#edf3f6;color:#8192a0;font-size:8px}.terminal-scrollbars span{display:flex;align-items:center;gap:4px}.terminal-scrollbars i{height:5px;flex:1;background:#b7c3ce;border-radius:2px}
.market-window .chain-table{font-size:.78em}.market-window .chain-table th,.market-window .chain-table td{padding:.43em .2em}
@media(max-width:900px){.journey .sticky{padding-block:85px 20px;grid-template-rows:minmax(0,1fr) 170px;gap:12px}.journey .steps{height:170px}.journey .step{inset:0}.journey .step h2{font-size:clamp(24px,4vw,36px);margin-bottom:10px}.journey .step p{font-size:13px;line-height:1.5}.journey .locate-monitor{width:100%;max-width:650px}.locate-monitor figcaption{margin-top:10px;padding-top:8px}.chain-ticket{grid-template-columns:30% 70%}}
@media(prefers-reduced-motion:reduce){.dial-upper-rays,.dial-sparkle{animation:none}.dial-sparkle{opacity:0}}