@font-face{font-family:SRGrid;src:url(/assets/grid/d53336707c39d1ec.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:SRGrid;src:url(/assets/grid/f6bd191e76964ffe.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:SRGridMono;src:url(/assets/grid/7b53d2b16b4a98a4.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:SRGrid;src:url('/assets/grid/0364d368abf457d4.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SRGrid;src:url('/assets/grid/e949368374de539c.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
@font-face{font-family:SRGrid;src:url('/assets/grid/048d136d592e6689.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:SRGrid;src:url('/assets/grid/9bc492f5a687896a.woff2') format('woff2');font-weight:600 900;font-display:swap;unicode-range:U+0400-052F,U+2DE0-2DFF,U+A640-A69F}
#sr-grid-concept{--sr-bg:#1b1b1f;--sr-panel:#222227;--sr-card:#2b292f;--sr-line:#3c383f;--sr-text:#e8e7df;--sr-muted:#c5bfc2;--sr-green:#74c6a7;--sr-red:#e78e96;--sr-gold:#d5b47b;--sr-coral:#de7b60;font-family:SRGrid,Inter,Arial,sans-serif;background:var(--sr-bg);color:var(--sr-text);border-radius:10px;overflow:hidden;font-size:13px;line-height:1.4;color-scheme:dark}
#sr-grid-concept *{box-sizing:border-box}
#sr-grid-concept button{font:inherit;color:inherit;cursor:pointer}
#sr-grid-concept button:focus-visible{outline:2px solid var(--sr-coral);outline-offset:3px}
#sr-grid-concept .sr-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #ffffff08}
#sr-grid-concept .sr-brand{display:flex;align-items:center;gap:5px;font-size:19px;font-weight:600;letter-spacing:-.8px;white-space:nowrap}
#sr-grid-concept .sr-brand img{width:18px;height:23px;object-fit:contain}
#sr-grid-concept .sr-brand em{font-style:normal;color:var(--sr-coral)}
#sr-grid-concept .sr-view{display:flex;gap:3px;padding:3px;background:#202024;border-radius:6px}
#sr-grid-concept .sr-view button{border:0;background:transparent;padding:6px 10px;border-radius:4px;color:#c5bfc2;font-size:12px}
#sr-grid-concept .sr-view button[aria-pressed=true]{background:#2b292f;color:#e8e7df}
#sr-grid-concept .sr-stage{display:flex;align-items:center;gap:26px;padding:14px 12px 12px;min-width:0}
#sr-grid-concept .sr-hero-copy{display:none;flex:0 0 30%;padding:24px 0 24px 7px;min-width:0}
#sr-grid-concept .sr-hand{font:italic 24px Georgia,serif;color:#e8e7df;margin:0 0 22px}
#sr-grid-concept .sr-hero-copy h1{font-weight:600;font-size:43px;letter-spacing:-2px;line-height:1.06;margin:0 0 22px}
#sr-grid-concept .sr-hero-copy h1 span{display:block;font-size:.72em;color:var(--sr-coral);margin-top:9px;letter-spacing:-1.5px}
#sr-grid-concept .sr-desc{font-size:16px;color:#e8e7df;font-weight:600;line-height:1.6;margin:0 0 28px}
#sr-grid-concept .sr-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--sr-coral);color:#1b1b1f;border-radius:11px;padding:13px 14px;font-size:13px;font-weight:600}
#sr-grid-concept .sr-cta small{display:block;font-size:11px;font-weight:400;margin-top:2px;opacity:.8}
#sr-grid-concept .sr-cta-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#1b1b1f;color:var(--sr-coral);flex-shrink:0}
#sr-grid-concept .sr-cta-arrow :is(i,svg){width:17px;height:17px}
#sr-grid-concept .sr-hero-note{font-size:11px;color:#a39ba4;margin-top:20px;line-height:1.7}
#sr-grid-concept[data-view=hero] .sr-hero-copy{display:block}
#sr-grid-concept[data-view=hero] .sr-stage{padding:24px 15px;gap:20px}
#sr-grid-concept .sr-terminal{width:100%;min-width:0;flex:1;display:grid;grid-template-columns:1.3fr 1fr;gap:3px;background:#1b1b1f;border-radius:6px}
#sr-grid-concept .sr-panel{min-width:0;border:1px solid #3c383f;border-radius:6px;background:var(--sr-panel);overflow:hidden;container-type:inline-size}
#sr-grid-concept .sr-chart-panel{display:flex;flex-direction:column}
#sr-grid-concept .sr-tabs{display:flex;align-items:center;gap:3px;padding:4px 7px;height:40px;border-bottom:1px solid #3c383f;color:var(--sr-muted);font-weight:600;flex-shrink:0;white-space:nowrap;min-width:0}
#sr-grid-concept .sr-tab{display:flex;align-items:center;gap:7px;padding:7px 9px;font-size:13px;white-space:nowrap;flex-shrink:0;letter-spacing:.1px}
#sr-grid-concept .sr-tab.active{background:#2b292f;border-radius:4px;color:var(--sr-text)}
#sr-grid-concept .sr-tab :is(i,svg){width:12px;height:15px;color:#a39ba4;flex-shrink:0}
#sr-grid-concept .sr-x{font-size:14px;color:#a39ba4;margin-left:7px}
#sr-grid-concept .sr-more{margin-left:auto;padding:0 5px;font-size:16px;letter-spacing:2px}
#sr-grid-concept .sr-chart-toolbar{display:flex;align-items:center;gap:7px;padding:5px 9px;height:43px;border-bottom:1px solid #3c383f;flex-shrink:0}
#sr-grid-concept .sr-pair{display:flex;align-items:center;gap:7px;border:1px solid #3c383f;border-radius:6px;background:#202024;padding:5px 9px;min-width:0;font-size:15px;font-weight:600;white-space:nowrap;height:32px}
#sr-grid-concept .sr-pair img{width:21px;height:21px;object-fit:contain;flex-shrink:0}
#sr-grid-concept .sr-pair b{font-size:16px;font-weight:700;color:#e8e7df}
#sr-grid-concept .sr-pair small{font-size:13px;font-weight:600;color:var(--sr-muted)}
#sr-grid-concept .sr-pair :is(i,svg){width:13px;height:13px;margin-left:5px;flex-shrink:0}
#sr-grid-concept .sr-tf{display:flex;align-items:center;gap:6px;padding:5px 7px;height:32px;border:1px solid #3c383f;border-radius:6px;color:#c5bfc2;font-size:13px}
#sr-grid-concept .sr-tf :is(i,svg){width:12px;height:12px;color:#a39ba4}
#sr-grid-concept .sr-tools{margin-left:auto;display:flex;gap:5px;color:#c5bfc2}
#sr-grid-concept .sr-tools span{display:grid;place-items:center;background:#202024;border-radius:6px;width:30px;height:32px}
#sr-grid-concept .sr-tools :is(i,svg){width:17px;height:17px;stroke-width:1.65}
#sr-grid-concept .sr-chart-wrap{position:relative;flex:1;min-height:540px;min-width:0}
#sr-grid-concept .sr-chart{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y}
#sr-grid-concept .sr-chart text{font-family:SRGridMono,ui-monospace,monospace;font-variant-numeric:tabular-nums}
#sr-grid-concept .sr-chart .sr-order-tag{font-family:SRGrid,Arial,sans-serif}
#sr-grid-concept .sr-chart-message{display:none}
#sr-grid-concept .sr-subtabs{display:flex;align-items:center;gap:13px;height:28px;border-bottom:1px solid #3c383f;padding:3px 9px;color:var(--sr-muted);font-size:13px;font-weight:600;letter-spacing:.2px}
#sr-grid-concept .sr-subtabs span:first-child{background:#2b292f;border-radius:4px;padding:2px 9px;color:var(--sr-text)}
#sr-grid-concept .sr-bot-bar{display:flex;align-items:center;gap:13px;min-height:67px;padding:15px 15px 13px;color:var(--sr-muted);font-size:12px;white-space:nowrap}
#sr-grid-concept .sr-bot-bar>span{display:flex;align-items:center;gap:6px}
#sr-grid-concept .sr-bot-bar b{font-weight:600;color:var(--sr-text)}
#sr-grid-concept .sr-bot-bar small{font-size:11px;color:#a39ba4;font-weight:400;margin-left:2px}
#sr-grid-concept .sr-bot-bar :is(i,svg){width:14px;height:14px;flex-shrink:0}
#sr-grid-concept .sr-bot-bar>span:first-child :is(i,svg){color:var(--sr-gold)}
#sr-grid-concept .sr-bot-bar>span:nth-child(2) :is(i,svg){color:var(--sr-green)}
#sr-grid-concept .sr-bot-bar .sr-search{display:grid;place-items:center;width:31px;height:34px;background:#202024;border-radius:6px;margin-left:auto;padding:0;flex-shrink:0}
#sr-grid-concept .sr-bot-bar .sr-search :is(i,svg){width:17px;height:17px}
#sr-grid-concept .sr-list-view{display:flex;align-items:center;gap:7px;background:#202024;border:1px solid #3c383f;padding:7px 9px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}
#sr-grid-concept .sr-list-view :is(i,svg){width:17px;height:17px;color:#c5bfc2}
#sr-grid-concept .sr-bot-list{display:grid;gap:13px;padding:0 15px 30px}
#sr-grid-concept .sr-bot{background:var(--sr-card);border-radius:10px;overflow:hidden;position:relative}
#sr-grid-concept .sr-bot-head{display:flex;gap:10px;align-items:center;min-height:70px;padding:13px 13px 12px}
#sr-grid-concept .sr-market-select{display:flex;align-items:center;gap:10px;padding:0;border:0;text-align:left;background:transparent;min-width:0}
#sr-grid-concept .sr-market-select img{width:42px;height:42px;object-fit:contain;border-radius:12px;background:#414341;flex-shrink:0}
#sr-grid-concept .sr-market-select strong{display:block;font-size:15px;line-height:1.3;font-weight:600;white-space:nowrap;color:#e8e7df}
#sr-grid-concept .sr-market-select[aria-pressed=true] strong{color:var(--sr-gold)}
#sr-grid-concept .sr-market-select small{display:block;color:#c5bfc2;font-size:13px;margin-top:4px}
#sr-grid-concept .sr-running{display:flex;align-items:center;gap:5px;background:#202024;color:var(--sr-green);border-radius:6px;padding:7px 8px;margin-left:auto;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}
#sr-grid-concept .sr-running :is(i,svg){width:11px;height:11px}
#sr-grid-concept .sr-running :is(i,svg):first-child{fill:currentColor;stroke-width:0}
#sr-grid-concept .sr-running :is(i,svg):last-child{color:#74c6a7;opacity:.7;stroke-width:3}
#sr-grid-concept .sr-pnl{background:#222227;border-radius:7px;margin:0 11px;padding:11px 13px 12px}
#sr-grid-concept .sr-pnl-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#c5bfc2}
#sr-grid-concept .sr-pnl-label time{color:#a39ba4;font-size:12px}
#sr-grid-concept .sr-total{font-size:28px;font-weight:500;letter-spacing:-.6px;line-height:1.42;margin-top:5px;color:var(--sr-green);font-variant-numeric:tabular-nums;white-space:nowrap}
#sr-grid-concept .sr-total small{font:inherit}
#sr-grid-concept .sr-pnl-details{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 9px;min-height:18px;margin-top:4px;color:#a39ba4;font-size:12px;font-variant-numeric:tabular-nums}
#sr-grid-concept .sr-pnl-details span{white-space:nowrap}
#sr-grid-concept .sr-pnl-details b{font-weight:400;margin-left:4px;color:var(--sr-green)}
#sr-grid-concept [data-negative=true]{color:var(--sr-red)!important}
#sr-grid-concept .sr-stats{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:8px;padding:10px 13px 12px;font-variant-numeric:tabular-nums}
#sr-grid-concept .sr-stats>div{min-width:0}
#sr-grid-concept .sr-stats span{display:block;font-size:12px;color:#c5bfc2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sr-grid-concept .sr-stats strong{display:block;margin-top:2px;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap}
#sr-grid-concept .sr-stats strong[data-changed=true]{color:var(--sr-green)}
#sr-grid-concept .sr-bot-bottom{display:flex;justify-content:space-between;gap:8px;background:#202024;padding:9px 12px;color:#c5bfc2;font-size:13px}
#sr-grid-concept .sr-bot-bottom span:first-child{display:flex;align-items:center;gap:5px}
#sr-grid-concept .sr-bot-bottom :is(i,svg){width:12px;height:12px}
#sr-grid-concept .sr-statusbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 18px 14px;color:#a39ba4;font-size:11px;flex-wrap:wrap}
#sr-grid-concept .sr-statusbar>span{display:flex;align-items:center;gap:6px}
#sr-grid-concept .sr-statusbar :is(i,svg){width:13px;height:13px}
#sr-grid-concept .sr-play{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#202024;border:1px solid #3c383f;border-radius:5px;font-size:11px}
#sr-grid-concept .sr-last-event{flex:1;justify-content:center;color:#c5bfc2;min-height:16px}
#sr-grid-concept[data-view=hero] .sr-terminal{grid-template-columns:1.07fr 1fr}
@container(max-width:510px){#sr-grid-concept .sr-tabs{gap:1px;padding:4px}#sr-grid-concept .sr-tab{padding:7px 6px;font-size:12px;gap:5px}#sr-grid-concept .sr-tab.optional:nth-child(4){display:none}#sr-grid-concept .sr-tools{gap:3px}#sr-grid-concept .sr-tools span{width:27px}#sr-grid-concept .sr-pair{padding:5px 7px}#sr-grid-concept .sr-pair small{font-size:12px}}
@container(max-width:420px){#sr-grid-concept .sr-chart-toolbar{padding:5px 7px;gap:5px}#sr-grid-concept .sr-pair{font-size:13px}#sr-grid-concept .sr-pair b{font-size:14px}#sr-grid-concept .sr-pair small{font-size:11px}#sr-grid-concept .sr-pair :is(i,svg){margin-left:1px}#sr-grid-concept .sr-tools span{width:25px}#sr-grid-concept .sr-tools .sr-tool-optional{display:none}#sr-grid-concept .sr-bot-bar{gap:10px;padding:13px 11px;font-size:11px;min-height:62px}#sr-grid-concept .sr-list-view{font-size:11px;padding:6px 7px;gap:5px}#sr-grid-concept .sr-bot-list{padding:0 12px 22px}#sr-grid-concept .sr-market-select strong{font-size:13px}#sr-grid-concept .sr-market-select small{font-size:12px}#sr-grid-concept .sr-market-select img{width:38px;height:38px}#sr-grid-concept .sr-market-select{gap:8px}#sr-grid-concept .sr-bot-head{padding:12px 11px;gap:6px}#sr-grid-concept .sr-running{font-size:11px;padding:6px;gap:4px}#sr-grid-concept .sr-total{font-size:26px}#sr-grid-concept .sr-pnl-details{font-size:11px;gap:4px 8px}#sr-grid-concept .sr-stats span{font-size:11px}#sr-grid-concept .sr-stats strong{font-size:14px}#sr-grid-concept .sr-bot-bottom{font-size:12px}}
@container(max-width:360px){#sr-grid-concept .sr-tab.optional{display:none}#sr-grid-concept .sr-bots-panel .sr-tab:not(.active){display:none}#sr-grid-concept .sr-running span{display:none}#sr-grid-concept .sr-bot-bar{gap:9px;flex-wrap:wrap;padding:11px 10px}#sr-grid-concept .sr-bot-bar .sr-search{margin-left:auto}#sr-grid-concept .sr-list-view{padding:7px}#sr-grid-concept .sr-list-view>span{display:none}#sr-grid-concept .sr-bot-list{padding:0 9px 18px}#sr-grid-concept .sr-bot-head{min-height:63px}#sr-grid-concept .sr-market-select strong{font-size:12px}#sr-grid-concept .sr-market-select img{width:35px;height:35px}#sr-grid-concept .sr-pnl{margin:0 9px;padding:9px 10px}#sr-grid-concept .sr-total{font-size:25px}#sr-grid-concept .sr-pnl-details{justify-content:flex-start;gap:3px 10px}#sr-grid-concept .sr-stats{grid-template-columns:1fr 1fr;padding:10px;gap:8px}#sr-grid-concept .sr-bot-bottom{font-size:11px;padding:9px 10px}#sr-grid-concept .sr-chart-toolbar .sr-tools{display:none}#sr-grid-concept .sr-pair{flex:1;justify-content:space-between}#sr-grid-concept .sr-pair>span{margin-right:auto}}
@media(max-width:800px){#sr-grid-concept[data-view=hero] .sr-stage{display:block}#sr-grid-concept[data-view=hero] .sr-hero-copy{max-width:400px;padding:8px 8px 26px}#sr-grid-concept[data-view=hero] .sr-terminal{grid-template-columns:1.15fr 1fr}}

@container(max-width:300px){#sr-grid-concept .sr-bot-bar .sr-search{display:none}}
#sr-grid-concept .sr-tools{flex-shrink:0}
#sr-grid-concept .sr-chart-toolbar .sr-tools{display:flex}
#sr-grid-concept .sr-order-tag{paint-order:stroke;stroke:none}
@container(max-width:450px){#sr-grid-concept .sr-pair .sr-contract{display:none}#sr-grid-concept .sr-tools span{width:26px;height:30px}#sr-grid-concept .sr-tools{gap:3px}#sr-grid-concept .sr-pair{gap:5px;padding:5px 6px}#sr-grid-concept .sr-tf{gap:3px;padding:5px;font-size:12px}}
@container(max-width:360px){#sr-grid-concept .sr-chart-toolbar{gap:4px;padding:5px 6px}#sr-grid-concept .sr-tools span{width:24px;height:30px}#sr-grid-concept .sr-tools :is(i,svg){width:15px;height:15px}#sr-grid-concept .sr-pair{gap:4px;padding:5px;flex:1}#sr-grid-concept .sr-pair b{font-size:13px}#sr-grid-concept .sr-pair img{width:17px;height:17px}#sr-grid-concept .sr-pair :is(i,svg){width:10px;margin-left:0}#sr-grid-concept .sr-tf :is(i,svg){width:9px}}
@media(prefers-reduced-motion:reduce){#sr-grid-concept *{transition:none!important;animation:none!important}}

/* Production frame; preserve the site's perspective and pointer tilt. */
.hero-grid-visual{left:49%;width:min(820px,44vw);top:58px;border-radius:12px;opacity:1;transform-origin:left center;box-shadow:0 42px 95px #0009,inset 0 1px #ffffff08}
.hero:has(.hero-grid-visual){min-height:820px}
.hero:has(.hero-grid-visual) .hero-copy{width:52%}
.hero:has(.hero-grid-visual) .hero-annotation{left:48%;bottom:40px}
#sr-grid-concept{border-radius:12px;background:#1b1b1f;text-align:left;letter-spacing:normal}
#sr-grid-concept .sr-stage{padding:7px;gap:0}
#sr-grid-concept .sr-terminal{grid-template-columns:1.12fr 1fr}
#sr-grid-concept .sr-chart-wrap{min-height:500px}
#sr-grid-concept .sr-statusbar{padding:8px 12px 11px;font-size:10px;gap:7px}
#sr-grid-concept .sr-statusbar .sr-last-event{display:none}
#sr-grid-concept .sr-bot-bar{padding:11px 10px;min-height:55px}
#sr-grid-concept .sr-bot-list{padding:0 10px 10px;gap:12px}
#sr-grid-concept .sr-bot-head{padding:12px 10px}
#sr-grid-concept .sr-pnl{margin:0 9px;padding:10px 11px}
#sr-grid-concept .sr-total{font-size:clamp(21px,2.15vw,31px)}
#sr-grid-concept .sr-stats{padding:10px;gap:5px}
#sr-grid-concept .sr-stats span{font-size:11px}
#sr-grid-concept .sr-stats strong{font-size:13px}
#sr-grid-concept .sr-bot-bottom{padding:9px 10px;font-size:11px}
#sr-grid-concept .sr-market-select strong{font-size:14px}
#sr-grid-concept .sr-running{padding:7px;font-size:12px}
html[dir=rtl] .hero-grid-visual{left:auto;right:49%}
html[dir=rtl] .hero:has(.hero-grid-visual) .hero-annotation{left:auto;right:48%}
@media(min-width:1500px){.hero-grid-visual{top:90px}.hero:has(.hero-grid-visual){min-height:850px}}
@media(min-width:1101px) and (max-width:1300px){.hero:has(.hero-grid-visual) h1{font-size:clamp(54px,6vw,76px)}.hero:has(.hero-grid-visual) h1 .hero-script{font-size:48px}.hero-grid-visual{left:48%;width:65vw}}


@media(prefers-reduced-motion:reduce){.hero-grid-visual{transform:none!important}}

@media(min-width:1101px){
 .hero:has(.hero-grid-visual) h1{font-size:clamp(68px,6.1vw,98px);letter-spacing:-.055em}
 .hero:has(.hero-grid-visual) h1 .hero-script{font-size:clamp(44px,4.1vw,65px)}
 .hero:has(.hero-grid-visual) .hero-description{font-size:21px;max-width:520px}
 #sr-grid-concept .sr-total{font-size:24px}
 #sr-grid-concept .sr-pnl-details{font-size:10px;gap:3px 7px}
 #sr-grid-concept .sr-bot-head{padding:11px 9px}
 #sr-grid-concept .sr-market-select img{width:29px;height:29px}
 #sr-grid-concept .sr-market-select strong{font-size:12px}
 #sr-grid-concept .sr-market-select small{font-size:11px}
 #sr-grid-concept .sr-running span{display:none}
 #sr-grid-concept .sr-running{padding:5px;gap:2px}
 #sr-grid-concept .sr-chart-wrap{min-height:475px}
 #sr-grid-concept .sr-stats{grid-template-columns:1fr 1fr}
}
@media(min-width:1101px) and (max-width:1300px){.hero-grid-visual{left:49%;width:44vw}.hero:has(.hero-grid-visual) h1{font-size:6vw}.hero:has(.hero-grid-visual) .hero-description{font-size:19px}}

/* Fit both full cards inside the hero, including at laptop widths. */
@media(min-width:1101px){
 .hero:has(.hero-grid-visual) .hero-word{font-size:clamp(64px,6.2vw,99px)}
 .hero:has(.hero-grid-visual) .hero-impact{font-size:clamp(48px,4.55vw,73px);white-space:normal}
 #sr-grid-concept .sr-bot-head{min-height:48px;padding:8px 9px}
 #sr-grid-concept .sr-pnl{padding:8px 10px}
 #sr-grid-concept .sr-pnl-label{font-size:10px;line-height:14px}
 #sr-grid-concept .sr-pnl-label time{font-size:10px}
 #sr-grid-concept .sr-pnl-details{line-height:14px;min-height:14px}
 #sr-grid-concept .sr-stats{grid-template-columns:repeat(4,minmax(0,1fr));padding:9px;gap:4px}
 #sr-grid-concept .sr-stats span{font-size:9px;line-height:13px}
 #sr-grid-concept .sr-stats strong{font-size:11px;line-height:15px}
 #sr-grid-concept .sr-bot-bottom{padding:6px 9px;font-size:10px;line-height:14px}
 #sr-grid-concept .sr-bot-bar{min-height:46px;padding:7px 10px}
}


@media(max-width:1100px){
 #sr-grid-concept .sr-total{font-size:24px}
 #sr-grid-concept .sr-pnl-details{font-size:10px;gap:3px 7px}
 #sr-grid-concept .sr-bot-head{padding:11px 9px}
 #sr-grid-concept .sr-market-select img{width:29px;height:29px}
 #sr-grid-concept .sr-market-select strong{font-size:12px}
 #sr-grid-concept .sr-market-select small{font-size:11px}
 #sr-grid-concept .sr-running span{display:none}
 #sr-grid-concept .sr-running{padding:5px;gap:2px}
 #sr-grid-concept .sr-chart-wrap{min-height:475px}
 #sr-grid-concept .sr-stats{grid-template-columns:1fr 1fr}
 #sr-grid-concept .sr-bot-head{min-height:48px;padding:8px 9px}
 #sr-grid-concept .sr-pnl{padding:8px 10px}
 #sr-grid-concept .sr-pnl-label{font-size:10px;line-height:14px}
 #sr-grid-concept .sr-pnl-label time{font-size:10px}
 #sr-grid-concept .sr-pnl-details{line-height:14px;min-height:14px}
 #sr-grid-concept .sr-stats{grid-template-columns:repeat(4,minmax(0,1fr));padding:9px;gap:4px}
 #sr-grid-concept .sr-stats span{font-size:9px;line-height:13px}
 #sr-grid-concept .sr-stats strong{font-size:11px;line-height:15px}
 #sr-grid-concept .sr-bot-bottom{padding:6px 9px;font-size:10px;line-height:14px}
 #sr-grid-concept .sr-bot-bar{min-height:46px;padding:7px 10px}
}

/* Keep a partially cropped terminal beside the copy on tablet widths. */
@media(min-width:701px) and (max-width:1100px){
 .hero:has(.hero-grid-visual){display:block;position:relative;min-height:790px;padding-top:42px;padding-bottom:85px;overflow:hidden}
 .hero:has(.hero-grid-visual) .hero-copy{width:48%;max-width:none;position:relative;z-index:2}
 .hero:has(.hero-grid-visual) .hero-word{font-size:clamp(53px,7.1vw,77px)}
 .hero:has(.hero-grid-visual) .hero-impact{font-size:clamp(34px,4.7vw,51px);white-space:normal}
 .hero:has(.hero-grid-visual) h1 .hero-script{font-size:clamp(39px,5.2vw,57px)}
 .hero:has(.hero-grid-visual) .hero-description{font-size:19px;max-width:360px}
 .hero:has(.hero-grid-visual) .hero-actions{max-width:340px}
 .hero:has(.hero-grid-visual) .hero-annotation{display:none}
 .hero-grid-visual{position:absolute;left:50%;right:auto;top:64px;width:clamp(520px,57vw,650px);max-width:none;margin:0;opacity:1;transform-origin:left center;transform:perspective(1600px) rotateY(-5deg) rotateX(3deg) rotateZ(1.5deg)}
 html[dir=rtl] .hero-grid-visual{left:auto;right:50%;transform-origin:right center;transform:perspective(1600px) rotateY(5deg) rotateX(3deg) rotateZ(-1.5deg)}
 #sr-grid-concept .sr-total{font-size:24px}
 #sr-grid-concept .sr-chart-wrap{min-height:475px}
}
/* The entire two-column terminal shrinks proportionally, without reflowing. */
@media(max-width:700px){
 .hero:has(.hero-grid-visual){display:flex;flex-direction:column;gap:30px;min-height:0;padding-bottom:45px;overflow:hidden}
 .hero:has(.hero-grid-visual) .hero-copy{width:100%;max-width:none}
 .hero:has(.hero-grid-visual) .hero-annotation{display:none}
 .hero-grid-visual{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:none;margin:0;align-self:center;transform:perspective(1500px) rotateY(-3deg) rotateX(2deg) rotateZ(.5deg);transform-origin:center;border-radius:7px;overflow:hidden}
 html[dir=rtl] .hero-grid-visual{left:auto;right:auto;transform:perspective(1500px) rotateY(3deg) rotateX(2deg) rotateZ(-.5deg)}
 .hero-grid-visual.grid-scaled #sr-grid-concept{position:absolute;inset:0 auto auto 0;width:760px;min-width:760px;transform:scale(var(--grid-scale));transform-origin:top left}
 #sr-grid-concept .sr-terminal{grid-template-columns:1.12fr 1fr;gap:3px}
 #sr-grid-concept .sr-chart-wrap{height:auto;flex:1;min-height:475px}
 #sr-grid-concept .sr-stage{padding:7px}
 #sr-grid-concept .sr-bot-list{display:flex;flex-direction:column;padding:0 10px 10px;gap:12px}
 #sr-grid-concept .sr-statusbar{padding:8px 12px 11px;font-size:10px;gap:7px}
 #sr-grid-concept .sr-market-select strong{max-width:none;overflow:visible}
}
@media(prefers-reduced-motion:reduce){.hero-grid-visual{transform:none!important}}

/* Subtle transparency on surfaces only: chart, numbers and controls stay crisp. */
.hero-visual.hero-grid-visual{background:transparent}
#sr-grid-concept{--sr-bg:rgb(27 27 31 / .56);--sr-panel:rgb(34 34 39 / .54);--sr-card:rgb(43 41 47 / .68);background:var(--sr-bg)}
#sr-grid-concept .sr-terminal{background:transparent}
#sr-grid-concept .sr-panel{background:var(--sr-panel)}
#sr-grid-concept .sr-bot{background:var(--sr-card)}
#sr-grid-concept .sr-pnl{background:rgb(29 29 34 / .58)}
#sr-grid-concept :is(.sr-pair,.sr-tools span,.sr-search,.sr-list-view,.sr-running,.sr-bot-bottom,.sr-play){background:rgb(32 32 36 / .56)}
#sr-grid-concept .sr-tab.active,#sr-grid-concept .sr-subtabs span:first-child{background:rgb(43 41 47 / .66)}