/* trading-bridge.css — page components */

/* HERO SPLIT */
.hero-split{display:grid;gap:var(--sp-6);padding:var(--sp-8) 0;position:relative}
.hero-split .hero-copy h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;letter-spacing:-.02em}
.hero-split .hero-lead{color:var(--text-muted);font-size:1.1rem;max-width:48ch;margin-top:var(--sp-3)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}
.hero-grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;opacity:.4;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000,transparent)}
@media(prefers-reduced-motion:no-preference){.hero-grid-bg{animation:gridpulse 6s ease-in-out infinite}}
@keyframes gridpulse{0%,100%{opacity:.25}50%{opacity:.5}}
.metric-pill{display:inline-flex;flex-direction:column;background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-3) var(--sp-4);box-shadow:var(--brut-shadow)}
.metric-pill .metric-num{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--bull)}
.metric-pill .metric-lbl{font-size:.78rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}
.metric-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}
@media(min-width:780px){.hero-split{grid-template-columns:1.1fr .9fr;align-items:center}}

/* TICKER */
.ticker-viewport{overflow:hidden;border-block:var(--brut-border);background:var(--panel);padding:var(--sp-2) 0}
.ticker-marquee{display:flex;width:max-content}
.ticker-track{display:flex;gap:var(--sp-5);padding-left:var(--sp-5);white-space:nowrap;flex:0 0 auto}
@media(prefers-reduced-motion:no-preference){.ticker-track{animation:tickerscroll 30s linear infinite}}
.ticker-viewport:hover .ticker-track,.ticker-viewport:focus-within .ticker-track,.ticker-marquee.is-paused .ticker-track{animation-play-state:paused}
@keyframes tickerscroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.ticker-item{display:inline-flex;align-items:center;gap:.5rem;font-variant-numeric:tabular-nums;font-size:.9rem}
.ticker-item .sym{font-weight:700;color:var(--text-light)}
.ticker-item .up{color:var(--bull)}
.ticker-item .down{color:var(--bear)}

/* TABS */
.tab-list{display:flex;flex-wrap:wrap;gap:var(--sp-2);border-bottom:var(--brut-border);margin-bottom:var(--sp-5)}
.tab-btn{background:var(--panel);border:var(--brut-border);border-bottom:none;color:var(--text-muted);padding:var(--sp-2) var(--sp-4);font-weight:700;cursor:pointer;border-radius:var(--radius) var(--radius) 0 0;font-size:.92rem}
.tab-btn.is-active{color:var(--bg-base);background:var(--cta-brand);border-color:var(--cta-brand)}
.tab-btn:focus-visible{outline:var(--focus-ring)}
.tab-panel{display:none}
.tab-panel.is-active{display:block;animation:fadein .25s ease}
@media(prefers-reduced-motion:reduce){.tab-panel.is-active{animation:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}

/* SEG CONTROL */
.seg-control{display:inline-flex;background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:3px}
.seg-control [data-seg]{background:transparent;border:none;color:var(--text-muted);padding:var(--sp-2) var(--sp-4);font-weight:700;cursor:pointer;border-radius:2px;font-size:.88rem}
.seg-control [data-seg].is-active{background:var(--system);color:#fff}

/* PANELS / CARDS */
.panel,.hub-card,.dash-card,.mock-frame,.callout{background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--brut-shadow)}
.panel,.hub-card,.dash-card,.mock-frame{color:#141820}
.panel,.hub-card,.dash-card{background:#fff}
.panel .text-muted,.hub-card .text-muted,.dash-card .text-muted,.mock-frame .text-muted{color:#5a6472}
.panel h2,.panel h3,.hub-card h2,.hub-card h3,.dash-card h3{color:#141820}
.panel a,.hub-card a,.dash-card a{color:#1d5bbf}
.card-grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}
@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:780px){.card-grid{grid-template-columns:repeat(3,1fr)}}
.card-grid--2{grid-template-columns:1fr}
@media(min-width:640px){.card-grid--2{grid-template-columns:repeat(2,1fr)}}
.card-grid--4{grid-template-columns:1fr}
@media(min-width:640px){.card-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:780px){.card-grid--4{grid-template-columns:repeat(4,1fr)}}
.hub-card{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
@media(prefers-reduced-motion:no-preference){.hub-card:hover,.panel:hover{transform:translateY(-2px);box-shadow:var(--brut-shadow-lg);border-color:var(--cta-brand)}}
.hub-card:focus-within{outline:var(--focus-ring)}

/* DARK PANELS variant */
.panel--dark{background:var(--panel);color:var(--text-light);border:var(--brut-border)}
.panel--dark *{color:inherit}
.panel--dark .text-muted{color:var(--text-muted)}
.panel--dark a{color:var(--link)}

/* CAPABILITY / FEATURE TILES */
.cap-tile{background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-4);color:var(--text-light)}
.cap-tile *{color:inherit}
.cap-tile .text-muted{color:var(--text-muted)}
.cap-tile{transition:border-color .15s ease,box-shadow .15s ease}
.cap-tile:hover{border-color:var(--system);box-shadow:0 0 0 1px var(--system)}

/* COMPARISON MATRIX / TABLES */
.matrix-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:var(--brut-border);border-radius:var(--radius)}
table.matrix,table.data-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.92rem}
table.matrix th,table.matrix td,table.data-table th,table.data-table td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
table.matrix thead th,table.data-table thead th{background:#11141a;color:var(--text-light);position:sticky;top:0;font-weight:800;letter-spacing:.02em}
table.matrix tbody th{position:sticky;left:0;background:#11141a;color:var(--text-light);z-index:1;font-weight:700}
table.matrix td,table.data-table td{color:var(--text-light)}
.data-table tbody tr:nth-child(even){background:rgba(255,255,255,.03)}
.data-table tbody tr:hover,table.matrix tbody tr:hover{background:rgba(59,130,246,.12)}
th.is-sortable{cursor:pointer;user-select:none}
th.is-sortable::after{content:'\2195';opacity:.5;margin-left:.4em;font-size:.8em}
th.sort-asc::after{content:'\2191';opacity:1}
th.sort-desc::after{content:'\2193';opacity:1}
.matrix .yes{color:var(--bull);font-weight:700}
.matrix .no{color:var(--bear);font-weight:700}
tr[data-row-detail]{background:rgba(255,255,255,.02)}
tr[data-row-toggle]{cursor:pointer}

/* ACCORDION */
.accordion{border:var(--brut-border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.accordion-item+.accordion-item{border-top:1px solid var(--line)}
.accordion-trigger{width:100%;text-align:left;background:transparent;border:none;color:var(--text-light);padding:var(--sp-4);font-weight:700;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}
.accordion-trigger:focus-visible{outline:var(--focus-ring);outline-offset:-3px}
.accordion-trigger::after{content:'+';font-size:1.4rem;line-height:1;color:var(--cta-brand);transition:transform .2s ease}
.accordion-trigger.is-open::after{transform:rotate(45deg)}
.accordion-panel,.faq-body,.accordion-body{max-height:0;overflow:hidden;transition:max-height .28s ease;color:var(--text-muted)}
@media(prefers-reduced-motion:reduce){.accordion-panel,.faq-body,.accordion-body{transition:none}}
.accordion-panel>*,.faq-body>*,.accordion-body>*{padding:0 var(--sp-4) var(--sp-4)}

/* CALLOUTS */
.callout--warning,.disclaimer{background:#fff8e6;color:#3d2f00;border:2px solid #d8a900;box-shadow:var(--brut-shadow)}
.callout--warning *,.disclaimer *{color:#3d2f00}
.callout--info,.panel--info{background:#eef4ff;color:#0f2744;border:2px solid #1d5bbf}
.callout--info *,.panel--info *{color:#0f2744}
.callout--info a,.panel--info a{color:#1d5bbf}
.callout{border-radius:var(--radius)}

/* INSTRUMENT GRID + CHIPS */
.chip-bar{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-5)}
.chip{background:var(--panel);border:var(--brut-border);color:var(--text-light);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);font-weight:700;cursor:pointer;font-size:.88rem}
.chip.is-active{background:var(--cta-brand);color:var(--bg-base);border-color:var(--cta-brand)}
.chip:focus-visible{outline:var(--focus-ring)}
.instrument-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.instrument-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:780px){.instrument-grid{grid-template-columns:repeat(4,1fr)}}
.inst-cell{background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-3);color:var(--text-light)}
.inst-cell *{color:inherit}
.inst-cell .price{font-variant-numeric:tabular-nums;font-weight:800}
.inst-cell.is-recommended{border-color:var(--bull);box-shadow:0 0 0 1px var(--bull)}

/* STEPS */
.steps{display:grid;gap:var(--sp-4);counter-reset:step}
@media(min-width:780px){.steps--row{grid-template-columns:repeat(4,1fr)}}
.step{background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-5);color:var(--text-light);position:relative}
.step *{color:inherit}
.step .text-muted{color:var(--text-muted)}
.step::before{counter-increment:step;content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--cta-brand);color:var(--bg-base);font-weight:800;border-radius:50%;margin-bottom:var(--sp-2)}

/* STEP RAIL */
.step-rail{display:grid;gap:var(--sp-5)}
@media(min-width:780px){.step-rail{grid-template-columns:200px 1fr;align-items:start}}
.rail-nav{position:relative;border-left:2px dashed var(--line);padding-left:var(--sp-4)}
@media(min-width:780px){.rail-nav{position:sticky;top:90px}}
.rail-progress{position:absolute;left:-2px;top:0;width:2px;background:var(--cta-brand);height:0}
[data-rail-node]{padding:var(--sp-2) 0;color:var(--text-muted);position:relative;font-weight:600}
[data-rail-node]::before{content:'';position:absolute;left:calc(-1 * var(--sp-4) - 6px);top:1rem;width:10px;height:10px;border-radius:50%;background:var(--line)}
[data-rail-node].is-active{color:var(--text-light)}
[data-rail-node].is-active::before{background:var(--cta-brand)}
.rail-steps{display:grid;gap:var(--sp-5);counter-reset:step}

/* MOCK FRAME */
.mock-frame{background:#0d1117;border:2px solid var(--line);padding:0;overflow:hidden;color:var(--text-light)}
.mock-frame *{color:inherit}
.mock-bar{display:flex;gap:6px;padding:var(--sp-3);background:#11141a;border-bottom:1px solid var(--line)}
.mock-bar span{width:11px;height:11px;border-radius:50%;background:var(--line)}
.mock-body{padding:var(--sp-5);font-variant-numeric:tabular-nums}
.mock-frame{transition:transform .2s ease,border-color .2s ease}
@media(prefers-reduced-motion:no-preference){.mock-frame--zoom:hover{transform:scale(1.02);border-color:var(--cta-brand)}}

/* TIMELINE */
.timeline{position:relative;padding-left:var(--sp-6);border-left:2px solid var(--line)}
.timeline-item{position:relative;padding-bottom:var(--sp-6)}
.timeline-item::before{content:'';position:absolute;left:calc(-1 * var(--sp-6) - 7px);top:4px;width:12px;height:12px;border-radius:50%;background:var(--cta-brand);border:2px solid var(--bg-base)}
.timeline-item .year{color:var(--cta-brand);font-weight:800;font-variant-numeric:tabular-nums}

/* CTA BANDS */
.cta-band{background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-7) var(--sp-5);text-align:center;color:var(--text-light);box-shadow:var(--brut-shadow-lg)}
.cta-band *{color:inherit}
.cta-band h2{font-size:clamp(1.5rem,4vw,2.4rem)}
.dual-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center;margin-top:var(--sp-4)}

/* TOC / SECTION NAV */
.legal-layout{display:grid;gap:var(--sp-6)}
@media(min-width:780px){.legal-layout{grid-template-columns:240px 1fr;align-items:start}}
.toc{background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-4)}
@media(min-width:780px){.toc{position:sticky;top:90px}}
.toc a,[data-section-nav] a{display:block;padding:var(--sp-2) 0;color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;padding-left:var(--sp-3)}
.toc a.is-active,[data-section-nav] a.is-active{color:var(--cta-brand);border-left-color:var(--cta-brand);font-weight:700}
.reading-badge{display:inline-block;background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-1) var(--sp-3);font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}

/* PILLS / BADGES */
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.pill--essential{background:#0f2744;color:#cfe1ff;border:1px solid var(--system)}
.pill--analytics{background:#1a2e1f;color:#8ce6c0;border:1px solid var(--bull)}
.copy-ref{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);background:#0d1117;border:2px dashed var(--cta-brand);color:var(--cta-brand);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius);font-weight:700}
.promo-stack .copy-ref,.panel--dark .copy-ref{color:var(--cta-brand,#F59E0B)!important;background:#0d1117!important}

/* TOOLTIP */
.has-tooltip{position:relative;border-bottom:1px dotted var(--link);cursor:help}
.tooltip-bubble{position:absolute;bottom:130%;left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:30;border:1px solid var(--cta-brand)}
.has-tooltip:hover .tooltip-bubble,.has-tooltip:focus .tooltip-bubble{opacity:1}

/* TIER CARDS / SNAP */
.tier-scroll{display:flex;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--sp-3)}
.tier-scroll>*{scroll-snap-align:start;flex:0 0 80%}
@media(min-width:780px){.tier-scroll{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible}.tier-scroll>*{flex:none}}

/* SLIDER */
[data-slider]{position:relative}
.slider-track{display:flex;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--sp-3);counter-reset:step}
.slider-track>*{scroll-snap-align:start;flex:0 0 85%}
@media(min-width:780px){.slider-track>*{flex:0 0 32%}}
.slider-nav{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}
.slider-nav button{background:var(--panel);border:var(--brut-border);color:var(--text-light);width:40px;height:40px;border-radius:var(--radius);cursor:pointer;font-weight:800}

/* CHECKLIST */
.checklist{list-style:none;display:grid;gap:var(--sp-3)}
.checklist li{display:flex;gap:var(--sp-3);align-items:flex-start;background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-3);color:var(--text-light)}
.checklist input{width:20px;height:20px;accent-color:var(--bull);margin-top:2px}
.checklist-bar-wrap{height:6px;background:var(--panel);border:var(--brut-border);border-radius:999px;overflow:hidden;margin-bottom:var(--sp-4)}
.checklist-bar-wrap span{display:block;height:100%;background:var(--bull);width:0;transition:width .3s ease}

/* REQUIREMENT CARD */
.req-card{border-left:4px solid var(--system);background:var(--panel);border-radius:var(--radius);padding:var(--sp-4);color:var(--text-light)}
.req-card *{color:inherit}
.req-card .text-muted{color:var(--text-muted)}

/* PROMO STACK */
.promo-stack{position:relative;background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-5);color:var(--text-light);box-shadow:6px 6px 0 var(--cta-brand)}
.promo-stack *{color:inherit}

/* SUPPORT PATHS */
.support-path{display:grid;gap:var(--sp-4)}
.support-path .step.is-active{border-color:var(--cta-brand);box-shadow:0 0 0 1px var(--cta-brand)}

/* REVEAL */
.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.js-ready .reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-ready .reveal{opacity:1;transform:none;transition:none}}
.reveal:nth-child(2){transition-delay:.06s}
.reveal:nth-child(3){transition-delay:.12s}
.reveal:nth-child(4){transition-delay:.18s}

/* PRINT */
@media print{.site-header,.scroll-progress,.cta-band,.dual-cta,.ticker-viewport,.site-footer{display:none!important}.accordion-panel,.faq-body,.accordion-body{max-height:none!important}.legal-layout{grid-template-columns:1fr}body{background:#fff;color:#000}}


/* agent-ui-fixes v1 + agent-light-theme v2 */
.acc-icon{display:none!important}
.accordion-trigger::after,.faq-trigger::after{content:'+';font-size:1.4rem;color:var(--brand);flex-shrink:0}
.accordion-item.is-open .accordion-trigger::after,.faq-item.is-open .faq-trigger::after{transform:rotate(45deg)}
.faq-trigger{width:100%;text-align:left;appearance:none;border:0;background:transparent;font:inherit;font-weight:600;padding:var(--sp-3) var(--sp-4);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3);color:var(--text-light)}
.faq-item+.faq-item,.faq-item+.accordion-item,.accordion-item+.faq-item{border-top:1px solid var(--border)}
.accordion-panel,.faq-body,.accordion-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-body .accordion-panel-inner,.accordion-body .accordion-panel-inner,.accordion-body>p{padding:0 var(--sp-4) var(--sp-4);color:var(--text-muted)}
.accordion-body>p{margin:0}
/* agent-a11y-contrast v3 — WCAG AA floors (betting + trading) */
:root{--a11y-text:#141820;--a11y-muted:#5a6472;--a11y-muted-on-dark:#b8c2d0;--a11y-link:#1d5bbf;--a11y-link-on-dark:#7eb8ff;--a11y-warning-bg:#fff8e6;--a11y-warning-text:#3d2f00;--a11y-warning-muted:#5c4a1a;--a11y-info-bg:#eef4ff;--a11y-info-text:#0f2744;--a11y-info-muted:#3d5a80}
body.theme-light .text-muted,.section-light .text-muted,.content-section .text-muted{color:var(--a11y-muted)!important}
.section-dark>.text-muted,.hero>.text-muted,.site-footer>.text-muted,.band-pitch>.text-muted{color:var(--a11y-muted-on-dark)!important}
.section-dark .panel .text-muted,.section-dark .card .text-muted,.hero .panel .text-muted,.hero .card .text-muted{color:var(--a11y-muted)!important}
.panel,.card,.dash-card,.callout:not(.callout--dark):not(.rg-callout),.hub-card,.info-card,.feature-card,.promo-card,.mock-frame,.access-card,.pathway-card,.spec-card,.ficha-card,.data-card,.hero-card,.requirements-callout,.sport-card,.panel-grid .panel,.card-grid .card,.steps-card,.sidebar-card,.comparison-card,.guide-card{color:var(--a11y-text)!important}
.panel *,.card *,.dash-card *,.callout:not(.callout--dark) *,.hub-card *,.mock-frame *,.access-card *{color:inherit}
.panel .text-muted,.card .text-muted,.dash-card .text-muted,.hub-card .text-muted,.mock-frame .text-muted,.access-card .text-muted,.callout:not(.callout--dark) .text-muted{color:var(--a11y-muted)!important}
.panel h2,.panel h3,.panel h4,.card h2,.card h3,.callout:not(.callout--dark) h2,.callout:not(.callout--dark) h3{color:var(--a11y-text)}
.hero .panel,.hero .card,.hero .mock-frame,.hero-split__visual .panel,.section-dark .panel,.section-dark .card,.band-pitch .panel,.band-bg .panel,.winner-head .panel,.cta-band .panel,.content-section .panel{color:var(--a11y-text)!important}
.panel .steps .step,.panel .step,.callout .step,.pathway-card .step{color:var(--a11y-text)}
.panel .steps .step p,.callout:not(.callout--dark) p,.callout:not(.callout--dark) li{color:var(--a11y-muted)}
.mock-frame .mock-row{color:var(--a11y-text)}
.mock-frame .mock-row .up,.mock-frame .up{color:var(--bull)!important}
.mock-frame .mock-row .down,.mock-frame .down{color:var(--bear)!important}
.card-grid .card h3,.hub-card h3,.promo-card h3,.sport-card h3{color:var(--a11y-text)!important}
body.theme-light .panel,body.theme-light .card,body.theme-light .callout:not(.callout--dark){color:var(--a11y-text)!important}
.callout--warning,.disclaimer,.compliance-note,.compliance-block,.notice--warn,.rg-callout,.alert--warn{background:var(--a11y-warning-bg)!important;color:var(--a11y-warning-text)!important;border-color:color-mix(in srgb,var(--a11y-warning-text) 25%,transparent)!important}
.callout--warning .text-muted,.disclaimer .text-muted,.compliance-note .text-muted,.rg-callout .text-muted{color:var(--a11y-warning-muted)!important}
.callout--info,.info-banner,.panel--info,.standards-block,.info-card--blue,.access-standards{background:var(--a11y-info-bg)!important;color:var(--a11y-info-text)!important;border-color:color-mix(in srgb,var(--a11y-info-text) 20%,transparent)!important}
.callout--info .text-muted,.panel--info .text-muted,.standards-block .text-muted,.info-card--blue .text-muted{color:var(--a11y-info-muted)!important}
.callout--info h2,.callout--info h3,.panel--info h3,.standards-block h3{color:var(--a11y-info-text)!important}
.section-light a:not(.btn):not(.nav-link):not(.header-logo),.content-section a:not(.btn){color:var(--a11y-link)}
.panel a:not(.btn),.card a:not(.btn){color:var(--a11y-link);text-decoration:underline;text-underline-offset:2px}
.section-dark a:not(.btn):not(.nav-link),.hero a:not(.btn):not(.nav-link){color:var(--a11y-link-on-dark)}
.site-footer a{color:var(--a11y-link-on-dark)}
body.theme-light .site-header .nav-link{color:#334155}
body.theme-light .site-header .nav-item.active>.nav-link,body.theme-light .site-header .nav-link:hover{color:var(--brand)}
body.theme-dark .site-header .nav-link,body:not(.theme-light) .site-header .nav-link{color:#e2e8f0}
.site-header .nav-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.site-footer{color:var(--a11y-muted-on-dark)}
.site-footer .footer-col h4,.site-footer h4{color:#e2e8f0}
.theme-light .accordion-trigger,.theme-light .faq-trigger,.panel .accordion-trigger,.panel .faq-trigger,.card .accordion-trigger,.card .faq-trigger{color:var(--a11y-text)!important}
.accordion-panel-inner,.faq-body .accordion-panel-inner,.accordion-body>p{color:var(--a11y-muted)}
.section-dark .accordion-item:not(.panel .accordion-item):not(.card .accordion-item) .accordion-trigger,.section-dark .accordion-item:not(.panel .accordion-item):not(.card .accordion-item) .faq-trigger{color:var(--text-light)}
.section-dark .data-table-wrap,.hero .data-table-wrap{background:var(--panel,#fff);color:var(--a11y-text)}
.section-dark .data-table th,.section-dark .data-table td{color:var(--a11y-text)}
.section-dark .data-table .text-muted{color:var(--a11y-muted)!important}
.section-light .eyebrow,.section-light .page-kicker,.content-section .eyebrow{color:var(--brand)}
.panel .eyebrow,.card .eyebrow{color:var(--brand)!important}
body.theme-dark .panel .text-muted,body.theme-dark .dash-card .text-muted,body:not(.theme-light) .panel .text-muted{color:var(--a11y-muted-on-dark)!important}
body.brand-exness .hero,body.brand-exness .winner-head{color:#141820!important}
.ticker-viewport{overflow:hidden;width:100%}
.ticker-marquee{display:flex;width:max-content;animation:tickerScroll 38s linear infinite}
.ticker-viewport:hover .ticker-marquee{animation-play-state:paused}
.ticker-track{display:flex;flex-shrink:0;gap:var(--space-xl,2rem);padding-right:var(--space-xl,2rem);white-space:nowrap;animation:none!important}
body.brand-exness,body.brand-exness .site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--border)!important}
body.brand-exness .site-header.is-stuck{background:rgba(255,255,255,.98)!important;box-shadow:0 4px 18px rgba(20,24,32,.08)!important}
body.brand-exness .section-dark,body.brand-exness .dark-section,body.brand-exness .hero{background:linear-gradient(160deg,#fff,#eef1f6)!important;color:#141820!important;border-color:var(--border)}
body.brand-exness .site-footer{background:var(--panel-2)!important}
body.brand-exness .panel,body.brand-exness .dash-card,body.brand-exness .card,body.brand-exness .accordion-item{background:var(--panel)!important;border-color:var(--border)!important}
body.brand-exness .header-logo{display:none!important}
@media(min-width:780px){body.brand-exness #main-nav{margin-left:0}}


/* agent-exness-layout v1 */
body.brand-exness .section--dark,body.brand-exness .section-dark,body.brand-exness .hero,body.brand-exness .winner-head{background:linear-gradient(160deg,#fff,#eef1f6)!important;color:#141820!important}
body.brand-exness .section--dark .hero-lead,body.brand-exness .hero .hero-lead{color:#5a6472!important}
body.brand-exness .panel--dark{background:#fff!important;color:#141820!important;border:1px solid var(--border,#d5dbe5)!important}
body.brand-exness .panel--dark .text-muted,body.brand-exness .panel--dark .mock-frame .text-muted{color:#5a6472!important}
body.brand-exness .tab-panel .panel,body.brand-exness .tab-panel p,body.brand-exness .matrix td,body.brand-exness .data-table td{color:#141820!important}
body.brand-exness .tab-panel .text-muted,body.brand-exness .matrix .text-muted{color:#5a6472!important}
.section.hero-split>.container>.grid-2{display:grid;gap:var(--sp-6,1.5rem);align-items:center}
@media(min-width:780px){.section.hero-split>.container>.grid-2{grid-template-columns:1.1fr .9fr}}
.footer-grid{display:grid;gap:var(--sp-5,1.25rem);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:780px){.footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
body.brand-exness .site-footer{color:#5a6472!important}
body.brand-exness .site-footer a{color:#1d5bbf!important}
body.brand-exness .footer-col__heading,body.brand-exness .footer-grid h4{color:#141820!important}


/* agent-exness-contrast-fix v4 */
body.brand-exness.theme-light{
  --brand:var(--cta-brand,#F59E0B);
  --brand-ink:#141820;
  --bg-base:#f4f6f9;
  --panel:#ffffff;
  --panel-2:#eef1f6;
  --border:#d5dbe5;
  --line:#d5dbe5;
  --text-light:#141820;
  --text-muted:#5a6472;
  --link:#1d5bbf;
}
body.brand-exness.theme-light .btn-ghost{color:#141820!important;border-color:#d5dbe5!important;background:#fff!important}
body.brand-exness.theme-light table.matrix td,
body.brand-exness.theme-light table.data-table td{color:#141820!important;background:#fff!important}
body.brand-exness.theme-light table.matrix thead th,
body.brand-exness.theme-light table.matrix tbody th,
body.brand-exness.theme-light table.data-table thead th{color:#fff!important;background:#11141a!important}
/* agent-hero-split-section v1 — MT5 had hero-split on <section> */
.section.hero-split{display:block!important;position:relative;padding:var(--sp-8,4rem) 0}
.section.hero-split>.hero-grid-bg{position:absolute;inset:0;z-index:0}
.section.hero-split>.container{position:relative;z-index:1}
body.brand-exness.theme-light .mock-frame{color:#e8ecf1!important}
body.brand-exness.theme-light .mock-frame .text-muted{color:#b8c2d0!important}
.slider-track,.rail-steps{counter-reset:step}
.promo-stack .copy-ref,.panel--dark .copy-ref{color:var(--cta-brand,#F59E0B)!important;background:#0d1117!important}
