/* styles.css — reset, tokens, typography, layout, header, footer */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
ul{list-style:none}

:root{
  --bg-base:#0B0E11;
  --panel:#181A20;
  --bull:#00C582;
  --bear:#FF4A5A;
  --system:#3B82F6;
  --cta-brand:#F59E0B;
  --text-light:#e8ecf1;
  --text-muted:#b8c2d0;
  --link:#7eb8ff;
  --line:#2a2f3a;
  --font-body:'Segoe UI',Roboto,system-ui,-apple-system,Helvetica,Arial,sans-serif;
  --font-display:'Segoe UI',Roboto,system-ui,sans-serif;
  --font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --radius:3px;
  --brut-border:2px solid var(--line);
  --brut-shadow:4px 4px 0 rgba(0,0,0,.5);
  --brut-shadow-lg:8px 8px 0 rgba(0,0,0,.55);
  --focus-ring:3px solid var(--cta-brand);
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;
  --maxw:1180px;
}

body{background:var(--bg-base);color:var(--text-light);font-family:var(--font-body);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}

h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;font-weight:800;color:var(--text-light);letter-spacing:-.01em}
h1{font-size:clamp(2rem,5vw,3rem)}
h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}
h3{font-size:clamp(1.15rem,2.5vw,1.4rem)}
p{margin:0 0 var(--sp-3)}
a{color:var(--link);text-decoration:underline}
a:hover{text-decoration:none}
.text-muted{color:var(--text-muted)}
small{font-size:.82rem}
:focus-visible{outline:var(--focus-ring);outline-offset:2px}
code,kbd{font-family:var(--font-mono)}
.num,.tabular{font-variant-numeric:tabular-nums}

.skip-link{position:absolute;left:-999px;top:0;background:var(--cta-brand);color:var(--bg-base);padding:var(--sp-3) var(--sp-4);font-weight:800;z-index:200;border-radius:0 0 var(--radius) 0}
.skip-link:focus{left:0}

/* LAYOUT */
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--sp-4)}
section{padding:var(--sp-7) 0}
.section-head{margin-bottom:var(--sp-6);max-width:62ch}
.section-head .eyebrow{color:var(--cta-brand);text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.8rem;margin-bottom:var(--sp-2)}
.lead{font-size:1.1rem;color:var(--text-muted)}

.section--dark{background:#10131a}
.section--dark *{color:inherit}
.section--dark .text-muted{color:var(--text-muted)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-weight:800;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius);border:2px solid transparent;cursor:pointer;text-decoration:none;font-size:.95rem;transition:transform .12s ease,box-shadow .12s ease}
.btn:hover{text-decoration:none}
@media(prefers-reduced-motion:no-preference){.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--brut-shadow)}}
.btn-primary{background:var(--cta-brand);color:#1a1200;border-color:#c47d00}
.btn-outline{background:transparent;color:var(--cta-brand);border-color:var(--cta-brand)}
.btn-system{background:var(--system);color:#fff;border-color:#2563c4}
.btn-ghost{background:var(--panel);color:var(--text-light);border-color:var(--line)}

/* SCROLL PROGRESS */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--cta-brand);z-index:150}

/* HEADER */
.site-header{position:sticky;top:0;z-index:120;background:rgba(11,14,17,.92);border-bottom:var(--brut-border)}
.site-header.is-stuck{backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.5)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);max-width:var(--maxw);margin:0 auto}
.brand{font-weight:900;font-size:1.15rem;color:var(--text-light);text-decoration:none;letter-spacing:-.02em;white-space:nowrap}
.brand span{color:var(--cta-brand)}

#hamburger-btn{display:inline-flex;flex-direction:column;gap:4px;background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:9px;cursor:pointer}
#hamburger-btn span{width:22px;height:2px;background:var(--text-light);display:block}

/* NAV mobile-first drawer */
#main-nav{display:none;flex-direction:column;gap:var(--sp-1);position:absolute;top:100%;left:0;right:0;background:var(--bg-base);border-bottom:var(--brut-border);padding:var(--sp-4);max-height:calc(100vh - 60px);overflow-y:auto}
#main-nav.is-open{display:flex}
.nav-item{position:relative}
.nav-link{display:block;padding:var(--sp-3);color:#e2e8f0;text-decoration:none;font-weight:700;border-bottom:1px solid var(--line);cursor:pointer}
.dropdown{display:none;padding-left:var(--sp-4)}
.nav-item.is-expanded .dropdown{display:block}
.dropdown li a{display:block;padding:var(--sp-2) var(--sp-3);color:var(--text-muted);text-decoration:none;font-size:.9rem}
.dropdown li a:hover{color:var(--cta-brand)}
.nav-cta{margin-top:var(--sp-3)}
.nav-cta .btn{width:100%}

@media(min-width:780px){
  #hamburger-btn{display:none}
  #main-nav{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;position:static;background:none;border:none;padding:0;gap:var(--sp-1);overflow:visible;max-height:none}
  .nav-link{border-bottom:none;padding:var(--sp-2) var(--sp-3);font-size:.92rem}
  .nav-item.has-dropdown{position:relative}
  .dropdown{position:absolute;top:100%;left:0;min-width:200px;background:var(--panel);border:var(--brut-border);border-radius:var(--radius);padding:var(--sp-2);box-shadow:var(--brut-shadow);padding-left:var(--sp-2)}
  .nav-item.has-dropdown:hover .dropdown,.nav-item.has-dropdown:focus-within .dropdown{display:block}
  .nav-cta{margin-top:0;margin-left:var(--sp-3)}
  .nav-cta .btn{width:auto}
}

/* FOOTER */
.site-footer{background:#08090c;border-top:var(--brut-border);padding:var(--sp-7) 0 var(--sp-5);color:var(--text-muted)}
.site-footer *{color:inherit}
.footer-grid{display:grid;gap:var(--sp-5);grid-template-columns:1fr}
@media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:780px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-grid h4{color:var(--text-light);font-size:.95rem;margin-bottom:var(--sp-3)}
.footer-grid a{color:var(--text-muted);text-decoration:none;display:block;padding:var(--sp-1) 0;font-size:.9rem}
.footer-grid a:hover{color:var(--cta-brand)}
.footer-disclaimer{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--line);font-size:.82rem;color:var(--text-muted)}
.footer-bottom{margin-top:var(--sp-4);font-size:.82rem;text-align:center;color:var(--text-muted)}

.grid-2{display:grid;gap:var(--sp-5);grid-template-columns:1fr}
@media(min-width:780px){.grid-2{grid-template-columns:repeat(2,1fr)}}
.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}
.center{text-align:center}


/* agent-nav-patch v1 — #main-nav > .nav-item direct children (no .nav-list) */
.header-logo{font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--brand);text-decoration:none;letter-spacing:-.02em;flex-shrink:0}
.header-logo:hover{text-decoration:none;opacity:.9}
#main-nav .nav-link{white-space:nowrap}
.nav-item.active>.nav-link{color:var(--brand)}
.btn-primary{background:transparent;color:var(--brand);border-color:var(--brand)}
.btn-primary:hover{background:var(--brand);color:var(--brand-ink)}
.btn-sm{padding:.55rem 1rem;font-size:.85rem}
.nav-cta{flex-shrink:0}
@media(min-width:780px){
  #main-nav{display:flex!important;flex:1;align-items:center;justify-content:flex-end;gap:.15rem;min-width:0;margin-left:var(--space-sm)}
  #main-nav .nav-link{font-size:.84rem;padding:.5rem .6rem}
  #main-nav .nav-cta{margin-left:.35rem}
}
@media(min-width:900px){
  #main-nav .nav-link{font-size:.9rem;padding:.55rem .75rem}
}
@media(max-width:779px){
  #main-nav.is-open{display:flex!important;flex-direction:column;align-items:stretch;gap:.2rem}
  #main-nav.is-open .nav-cta{margin-top:var(--space-md);align-self:flex-start}
}


/* 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}