/* ISB Gold Trade V33 — Institutional Elite visual system
   Presentation-only overrides. Keep the existing HTML, data hooks, calculations and API contract intact. */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&family=Playfair+Display:wght@500;600;700&display=swap');
:root{
 --bg:#f3f4f2;--bg2:#e9ece9;--panel:#ffffff;--panel2:#f8f9f7;
 --gold:#d5bd8a;--gold2:#e5d4ad;--gold3:#9e8551;
 --white:#f8f8f5;--ink:#152232;--text:#253448;--muted:#647184;--dim:#7f8995;
 --line:rgba(21,34,50,.13);--line2:rgba(21,34,50,.09);--green:#28765f;
 --navy:#101a27;--navy2:#192839;--shadow:0 24px 70px rgba(21,34,50,.09);
}
html{scroll-behavior:smooth;scroll-padding-top:100px}
html body{background:var(--bg)!important;color:var(--text)!important;font-family:Inter,Arial,sans-serif!important;overflow-x:hidden}
body:before,body:after,.hero-noise,.hero-poster-glow{display:none!important;content:none!important}
a{color:inherit}
.site-header{height:82px!important;background:rgba(16,26,39,.96)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 10px 35px rgba(16,26,39,.08)!important;backdrop-filter:blur(18px)!important}
.site-header.scrolled{height:72px!important;background:rgba(16,26,39,.985)!important}
.header-inner{width:min(1320px,calc(100% - 56px))!important;gap:24px!important}
.brand-crest,.footer-crest{border-color:rgba(213,189,138,.7)!important;box-shadow:none!important}
.brand-copy strong,.footer-brand strong{color:#f5f4ef!important;letter-spacing:.09em!important;font-family:Manrope,Inter,sans-serif!important}
.brand-copy small,.footer-brand small{color:#d5bd8a!important;letter-spacing:.16em!important}
.main-nav{gap:clamp(12px,1.7vw,25px)!important}
.main-nav a{font-family:Inter,Arial,sans-serif!important;font-size:10px!important;font-weight:700!important;letter-spacing:.075em!important;color:#c1cad4!important}
.main-nav a:before{background:#d5bd8a!important;box-shadow:none!important}
.main-nav a:hover,.main-nav a.active{color:#fff!important}
.header-link,.header-cta{font-family:Inter,Arial,sans-serif!important;font-size:10px!important;letter-spacing:.055em!important;border-radius:5px!important;padding:13px 15px!important}
.header-link{color:#edf0f3!important;border-color:rgba(255,255,255,.22)!important;background:transparent!important}
.header-cta,.btn.gold,.btn-gold,.follow{background:#d5bd8a!important;background-image:none!important;color:#101a27!important;border:1px solid #d5bd8a!important;box-shadow:none!important;border-radius:5px!important;font-family:Inter,Arial,sans-serif!important;font-weight:800!important;letter-spacing:.055em!important}
.header-cta:hover,.btn:hover,.follow:hover{transform:translateY(-2px)!important;box-shadow:0 10px 24px rgba(16,26,39,.12)!important}
.btn:after,.follow:after{display:none!important}
.btn.outline,.btn-outline{background:transparent!important;color:#17283a!important;border:1px solid rgba(21,34,50,.25)!important;border-radius:5px!important}
.menu-trigger span{background:#d5bd8a!important}
.mobile-nav.open{background:#101a27!important;border-color:rgba(213,189,138,.25)!important;box-shadow:0 24px 45px rgba(0,0,0,.22)!important}
.mobile-nav a{font-family:Inter,Arial,sans-serif!important;color:#dce2e8!important}
.mobile-actions a{border-radius:5px!important;color:#d5bd8a!important}
main{padding-top:112px!important;min-height:70vh}
.wrap{width:min(1240px,calc(100% - 56px))!important}
h1,h2,h3,h4,.hero h1,.hero h2{font-family:Manrope,Inter,Arial,sans-serif!important;color:var(--ink)!important;letter-spacing:-.045em!important}
h1,.hero h1{font-weight:700!important;line-height:1.04!important}
h1 span,.hero h1 span{color:#9e8551!important}
h2{font-weight:700!important;letter-spacing:-.035em!important}
p,li,.lead,.hero p{color:#5b6878!important;line-height:1.75!important}
.eyebrow,.kicker,.label,.footer-label,.section-kicker,.section-head .section-kicker{font-family:DM Mono,monospace!important;letter-spacing:.13em!important;color:#8a7448!important}
.hero{position:relative!important;isolation:isolate!important}
/* Shared inner-page hero */
main.wrap>.hero,main>.wrap.hero,main.wrap .hero:not(.hero.wrap){border-radius:12px!important}
main.wrap>section.hero,main.wrap>.hero{padding:clamp(34px,5vw,64px)!important;background:linear-gradient(125deg,#101a27 0%,#1b2b3e 100%)!important;border:1px solid rgba(213,189,138,.26)!important;box-shadow:var(--shadow)!important;overflow:hidden!important}
main.wrap>section.hero h1,main.wrap>.hero h1,main.wrap>section.hero h2,main.wrap>.hero h2{color:#f6f5f0!important}
main.wrap>section.hero p,main.wrap>.hero p,main.wrap>section.hero .lead,main.wrap>.hero .lead{color:#c5ced8!important}
main.wrap>section.hero .eyebrow,main.wrap>.hero .eyebrow{color:#d5bd8a!important}
/* Home hero: retain its two-column composition, replace the previous black/gold treatment. */
section.hero.wrap{width:min(1320px,calc(100% - 56px))!important;margin:18px auto 72px!important;padding:clamp(32px,5.2vw,76px)!important;min-height:520px!important;display:flex!important;align-items:center!important;background:linear-gradient(125deg,#101a27 0%,#192a3d 68%,#233b42 100%)!important;border:1px solid rgba(213,189,138,.25)!important;border-radius:12px!important;box-shadow:0 28px 80px rgba(16,26,39,.13)!important;overflow:hidden!important}
section.hero.wrap:before{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;opacity:.25!important;background:linear-gradient(115deg,transparent 45%,rgba(213,189,138,.14) 45.2%,transparent 45.5%),linear-gradient(115deg,transparent 62%,rgba(255,255,255,.06) 62.2%,transparent 62.5%)!important;pointer-events:none!important}
section.hero.wrap .hero-copy{max-width:720px!important;position:relative!important;z-index:2!important}
section.hero.wrap .eyebrow,section.hero.wrap .kicker{color:#d5bd8a!important}
section.hero.wrap h1{color:#f8f8f5!important;font-size:clamp(42px,6.2vw,78px)!important;line-height:1.01!important;letter-spacing:-.06em!important;max-width:800px!important}
section.hero.wrap h1 span{color:#e0cda0!important}
section.hero.wrap p,section.hero.wrap .lead{color:#c6d0da!important;max-width:650px!important}
section.hero.wrap .hero-meta{color:#c6d0da!important}
section.hero.wrap .hero-visual{opacity:.75!important;filter:saturate(.6)!important}
section.hero.wrap .hero-poster{border:1px solid rgba(213,189,138,.3)!important;box-shadow:0 25px 80px rgba(0,0,0,.18)!important}
.hero-actions{gap:12px!important}
.hero-actions .btn,.hero-actions a{border-radius:5px!important}
.home-section{padding-top:32px!important;padding-bottom:32px!important}
.section{margin-top:36px!important;margin-bottom:36px!important}
.section-head{margin-bottom:28px!important}
.section-head h2,.section h2,.panel h2{color:var(--ink)!important}
.section-head p{color:var(--muted)!important}
.panel,.card,.step,.notice,.warning,.transparency .card,.risk-card,.feature-card,.process-card,.stat-card,.contact-grid .card{background:#fff!important;background-image:none!important;border:1px solid rgba(21,34,50,.10)!important;border-radius:9px!important;box-shadow:0 10px 35px rgba(21,34,50,.045)!important;color:var(--text)!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.panel:before,.card:before,.step:before{display:none!important}
.panel:hover,.card:hover,.step:hover,.risk-card:hover,.feature-card:hover,.process-card:hover{transform:translateY(-3px)!important;border-color:rgba(158,133,81,.35)!important;box-shadow:0 18px 44px rgba(21,34,50,.09)!important}
.panel p,.card p,.step p,.notice p,.warning p,.risk-card p,.feature-card p,.process-card p,.stat-card p{color:#627083!important}
.panel h2,.panel h3,.card h2,.card h3,.step h2,.step h3,.risk-card h3,.feature-card h3,.process-card h3{color:#17283a!important}
.panel .kicker,.card .kicker,.step .kicker,.panel .label,.card .label{color:#8a7448!important}
.stats .card,.stat-grid .stat-card{min-height:140px!important}
.stats .value,.stat-grid .value,.stat-card .value{font-family:Manrope,Inter,sans-serif!important;color:#17283a!important;font-weight:700!important}
.livebar{background:#fff!important;border:1px solid rgba(21,34,50,.1)!important;border-radius:7px!important;color:#344357!important;box-shadow:0 6px 20px rgba(21,34,50,.04)!important}
.livebar .live-version,.livebar .updated,.livebar .live{color:#536174!important}
.livebar .dot,.dot{color:#28765f!important}
.api-diagnostic{background:#fff!important}
.api-diagnostic #apiDiagnostic{color:#647184!important}
.chart-wrap{background:#f8f9f7!important;border:1px solid rgba(21,34,50,.08)!important;border-radius:6px!important}
.chart-note,.symbols-meta,.trade-footer,.note,.small,.card .small{color:#697789!important}
.dd-summary .metric{background:#f7f8f6!important;border:1px solid rgba(21,34,50,.09)!important;border-radius:6px!important}
.dd-summary .metric span,.dd-summary .metric b{color:#344357!important}
.symbol-pills span,.symbol-pills .pill{background:#f1f3f1!important;color:#344357!important;border:1px solid rgba(21,34,50,.1)!important}
.table-wrap{border:1px solid rgba(21,34,50,.1)!important;border-radius:7px!important;overflow:auto!important}
table.trades{color:#344357!important;background:#fff!important}
table.trades th{background:#edf0ee!important;color:#536174!important;border-color:rgba(21,34,50,.1)!important}
table.trades td{border-color:rgba(21,34,50,.08)!important;color:#344357!important}
.csv-btn,.pagination button{background:#fff!important;color:#24364a!important;border:1px solid rgba(21,34,50,.18)!important;border-radius:5px!important}
.csv-btn:hover,.pagination button:hover{background:#edf0ee!important}
.notice{background:#f8f3e7!important;border-color:rgba(158,133,81,.25)!important}
.warning{background:#f8f3e7!important;border-color:rgba(158,133,81,.3)!important}
.warning p,.notice p{color:#665b43!important}
.site-footer{margin-top:82px!important;padding-top:58px!important;background:#101a27!important;border-top:1px solid rgba(213,189,138,.2)!important;color:#dbe1e7!important}
.footer-grid p{color:#aeb9c6!important}
.footer-grid a{color:#c1cad4!important}
.footer-grid a:hover{color:#e0cda0!important}
.footer-label{color:#d5bd8a!important}
.footer-bottom{color:#9ba8b6!important;border-color:rgba(255,255,255,.13)!important;line-height:1.7!important}
/* Keep consent UI legible in the new palette. */
#cookieBanner,.cookie-banner,.consent-banner,[data-cookie-banner]{background:#101a27!important;color:#f4f5f2!important;border-color:rgba(213,189,138,.3)!important;box-shadow:0 15px 45px rgba(0,0,0,.22)!important}
#cookieBanner p,.cookie-banner p,.consent-banner p,[data-cookie-banner] p{color:#c4cdd7!important}
/* Interaction focus and reduced motion */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b29a65!important;outline-offset:3px!important}
@media(max-width:1100px){.header-inner{grid-template-columns:auto 1fr auto!important;gap:12px!important}.brand-mark{min-width:0!important}.main-nav{gap:12px!important}.main-nav a{font-size:9px!important}.header-actions{gap:6px!important}.header-link,.header-cta{padding:12px 10px!important}}
@media(max-width:850px){.site-header{height:72px!important}.header-inner{width:calc(100% - 32px)!important;display:flex!important;justify-content:space-between!important}.main-nav,.header-actions{display:none!important}.menu-trigger{display:block!important}.brand-crest{width:40px!important;height:40px!important}.brand-copy strong{font-size:14px!important}.brand-copy small{font-size:7px!important}.wrap{width:calc(100% - 32px)!important}main{padding-top:94px!important}section.hero.wrap{width:calc(100% - 32px)!important;min-height:0!important;margin:14px auto 48px!important;padding:34px 24px!important}section.hero.wrap h1{font-size:clamp(39px,9vw,58px)!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:30px!important}.footer-bottom{flex-direction:column!important;gap:8px!important}.home-section{padding-top:22px!important;padding-bottom:22px!important}}
@media(max-width:560px){.wrap{width:calc(100% - 28px)!important}section.hero.wrap{width:calc(100% - 28px)!important;padding:28px 20px!important;border-radius:9px!important}.hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important}.hero-actions a,.hero-actions .btn{width:100%!important;text-align:center!important;justify-content:center!important}.footer-grid{grid-template-columns:1fr!important;gap:26px!important}.site-footer{padding:44px 20px 24px!important}.section{margin-top:24px!important;margin-bottom:24px!important}.panel,.card,.step,.notice,.warning{border-radius:7px!important}.stats{gap:10px!important}.stats .card{min-height:120px!important}.table-wrap{max-width:100%!important}.dd-summary{grid-template-columns:1fr 1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Inner-page title blocks share the same dark institutional masthead. */
main .wrap.hero:not(section.hero),main.wrap>section.hero{background:linear-gradient(125deg,#101a27 0%,#1b2b3e 100%)!important;border:1px solid rgba(213,189,138,.26)!important;border-radius:12px!important;padding:clamp(32px,4.6vw,60px)!important;box-shadow:0 22px 60px rgba(16,26,39,.1)!important;overflow:hidden!important}
main .wrap.hero:not(section.hero) h1,main.wrap>section.hero h1{color:#f6f5f0!important}
main .wrap.hero:not(section.hero) p,main.wrap>section.hero p{color:#c5ced8!important}
main .wrap.hero:not(section.hero) .eyebrow,main.wrap>section.hero .eyebrow{color:#d5bd8a!important}
@media(max-width:850px){main .wrap.hero:not(section.hero),main.wrap>section.hero{padding:32px 24px!important}}

/* V33 readability fix — strong contrast for live performance figures. */
.stat-card .stat-value,
.stat-grid .stat-card .stat-value,
.stats .stat-value,
.stats .value,
.stat-grid .value,
.stat-card .value,
.card .value,
.performance-stat .value {
  color: #172536 !important;
  -webkit-text-fill-color: #172536 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}
.stat-card .stat-note,
.stat-card .stat-label,
.stat-card .label,
.stats .card .small,
.card .small,
.stat-card .small {
  color: #53616c !important;
  opacity: 1 !important;
}
.stat-card .label,
.stats .card .label,
.card .label {
  color: #88734d !important;
  font-weight: 700 !important;
}
/* Drawdown remains visually distinct without reducing readability. */
#maxdd, #maxdd2, #realizedmaxdd,
.stat-card .stat-value.negative,
.value.negative, .loss-value {
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
}
#return, #tradingreturn, #winrate,
.stat-card .stat-value.positive,
.value.positive, .win-value {
  color: #176b55 !important;
  -webkit-text-fill-color: #176b55 !important;
}

/* ISB Gold Trade V34 — Trading Terminal theme. Visual-only overrides; preserve all existing data hooks and calculations. */
:root{
 --bg:#020a10;--bg2:#04131d;--panel:#04111a;--panel2:#071b27;
 --gold:#f0bd55;--gold2:#ffd978;--gold3:#a97825;
 --white:#f5f8fb;--ink:#f5f8fb;--text:#e5edf4;--muted:#a5b5c2;--dim:#8295a4;
 --line:rgba(77,174,202,.25);--line2:rgba(255,255,255,.09);--green:#00d6a3;--red:#ff4655;
 --navy:#020a10;--navy2:#071b27;--shadow:0 24px 70px rgba(0,0,0,.38)
}
html body{background:radial-gradient(ellipse at 50% -10%,rgba(0,139,155,.18),transparent 36%),linear-gradient(180deg,#020a10,#03111a 65%,#02090e)!important;color:var(--text)!important}
body:before{opacity:.12!important}
.site-header,.site-header.scrolled{background:rgba(2,10,16,.94)!important;border-bottom:1px solid rgba(92,175,200,.22)!important;box-shadow:0 12px 40px rgba(0,0,0,.22)!important}
.brand-crest,.footer-crest{border:1px solid rgba(240,189,85,.75)!important;box-shadow:0 0 0 4px rgba(240,189,85,.05),0 8px 28px rgba(0,0,0,.4)!important}
.brand-copy strong,.footer-brand strong{color:#fff!important}
.brand-copy small,.footer-brand small,.section-kicker,.eyebrow,.kicker{color:var(--gold2)!important}
.main-nav a{color:#c9d6df!important}.main-nav a:hover,.main-nav .active{color:var(--gold2)!important}
.header-cta,.btn.gold,.mobile-actions a:last-child{background:linear-gradient(135deg,#ffdf83,#e8ac38)!important;color:#10151a!important;border:1px solid #ffd978!important;box-shadow:0 8px 26px rgba(240,189,85,.16)!important}
.header-link,.btn.outline,.mobile-actions a:first-child{border-color:rgba(240,189,85,.72)!important;color:#f4f7fa!important;background:rgba(4,17,26,.72)!important}
.home-v30 .hero{position:relative!important}
.hero-copy h1,.section-title,.home-section h2,.page-title,.hero h1{color:#f5f8fb!important}
.hero-copy h1 span,.section-title span{color:var(--gold2)!important}
.hero-lead,.hero p,.section-head p,.stat-note,.feature-card p,.panel p{color:#aebdc8!important}
.hero-poster{border:1px solid rgba(240,189,85,.42)!important;box-shadow:0 24px 90px rgba(0,0,0,.42),0 0 60px rgba(0,180,170,.08)!important}
.panel,.stat-card,.feature-card,.cta-band,.content-card,.card,.metric-card,.chart-panel,.faq-item,.contact-card,.process-card{background:linear-gradient(145deg,rgba(5,22,32,.97),rgba(3,14,22,.98))!important;border:1px solid rgba(80,159,184,.30)!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important;color:#f5f8fb!important}
.stat-card .label,.label,.footer-label,.panel-head .kicker,.metric span{color:#b9c8d3!important}
.stat-card .stat-value,.stat-card strong,.value,.metric b{color:#f5f8fb!important;text-shadow:none!important}
.stat-card:nth-child(-n+2) .stat-value,.stat-card:nth-child(-n+2) strong{color:var(--green)!important}
.stat-card:last-child .stat-value,.stat-card:last-child strong,[id*="dd"],#maxdd2,#realizedmaxdd{ text-shadow:none!important }
.live-chip,.live-status,.status-connected{color:var(--green)!important}
.live-chip i,.live-dot{background:var(--green)!important;box-shadow:0 0 12px rgba(0,214,163,.55)!important}
.home-section{position:relative}
.section-head{align-items:flex-end!important}
.stat-grid{gap:16px!important}
.stat-card{border-radius:14px!important;min-height:170px!important;padding:28px!important}
.stat-card .stat-value{font-size:clamp(34px,3.3vw,52px)!important;font-weight:800!important;letter-spacing:-.045em!important;line-height:1.1!important}
.chart-wrap{background:rgba(1,10,16,.58)!important;border:1px solid rgba(80,159,184,.18)!important;border-radius:10px!important}
.chart-note,.small,.stat-note,.chart-note span{color:#aab9c5!important}
.cta-band{background:radial-gradient(ellipse at 90% 0,rgba(0,160,164,.13),transparent 40%),linear-gradient(135deg,#071b27,#030d14)!important}
.site-footer{background:#02080d!important;border-top:1px solid rgba(80,159,184,.2)!important}
.site-footer p,.site-footer a,.footer-bottom{color:#aab9c5!important}.site-footer a:hover{color:var(--gold2)!important}
/* Performance page: ensure labels, values and chart surfaces remain high-contrast. */
body .wrap .card,body .wrap .panel{color:#f5f8fb!important}
body .wrap .card .label,body .wrap .panel .label,body .wrap .small,body .wrap .panel-head p{color:#aebdc8!important}
body .wrap .card .value{color:#f5f8fb!important;font-weight:800!important}
body .wrap .section h2,body .wrap .hero h1{color:#f5f8fb!important}
body .wrap .section .panel,body .wrap .section .card{border-color:rgba(80,159,184,.3)!important}
body .wrap .dd-summary .metric{background:rgba(4,17,26,.8)!important;border:1px solid rgba(80,159,184,.22)!important}
body .wrap .dd-summary .metric b{color:#f5f8fb!important}
body .wrap .dd-summary .metric:nth-child(1) b,body .wrap .dd-summary .metric:nth-child(4) b{color:var(--green)!important}
body .wrap .dd-summary .metric:nth-child(2) b,body .wrap .dd-summary .metric:nth-child(5) b{color:var(--red)!important}
body .wrap [style*="color:#68756e"],body .wrap [style*="color: #68756e"]{color:#9fb0bc!important}
@media(max-width:700px){.stat-card{padding:22px!important;min-height:145px!important}.stat-card .stat-value{font-size:38px!important}.home-section{padding-top:58px!important;padding-bottom:58px!important}.section-title{font-size:clamp(36px,10vw,50px)!important}.hero-copy h1{font-size:clamp(42px,11vw,64px)!important}}