/* Electric-night palette. Theme-only overrides preserve the existing layout and motion. */
html[data-theme="dark"] :is(#markets,.benefits-section,#platform,#copy,#automation,#model,#payments,#access,#partners,#faq,.final-cta){color:#eef3ff;background-color:#080b16}
html[data-theme="dark"] :is(#markets,.benefits-section,#platform,#copy,#automation,#payments,#access,#partners,#faq){background-image:none}
html[data-theme="dark"] :is(#markets,.benefits-section,#platform,#copy,#automation,#model,#payments,#access,#partners,#faq,.final-cta) :is(h2,h3,h4){color:#f0f4ff}
html[data-theme="dark"] :is(#platform,#copy,#automation,#model,#payments,#access,#partners,#faq,.final-cta) .eyebrow{color:#99aed4}
html[data-theme="dark"] :is(#markets,#platform,#copy,#automation,#model,#payments,#access,#partners,#faq,.final-cta) :is(.ink-gradient,.gradient-text),
html[data-theme="dark"] #markets .assets-heading h2>span,
html[data-theme="dark"] #partners :is(.ib-heading h3,.ib-journey h3,.partners-banner h2)>span{
  background-image:linear-gradient(105deg,#30ddeb 0%,#7390ff 50%,#ba8aff 100%);
  background-clip:text;-webkit-background-clip:text;color:transparent;
}
html[data-theme="dark"] :is(#platform,#copy,#automation,#model,#payments,#access,#partners,#faq,.final-cta) .button-primary,
html[data-theme="dark"] #markets .asset-cta{
  background:linear-gradient(110deg,#136abf,#4568ff 60%,#8250ed);
  color:#fff;box-shadow:0 8px 28px #234dfa30;
}
html[data-theme="dark"] :is(#platform,#copy,#automation,#model,#payments,#access,#partners,#faq) .text-link{color:#94b9ff}
html[data-theme="dark"] :is(#platform,#copy,#automation,#model,#payments,#access,#partners,#faq) .text-link:hover{color:#67e7f1}
html[data-theme="dark"] :is(#markets,#platform,#copy,#automation,#model,#payments,#access,#partners,#faq) :focus-visible{outline-color:#6d9dff}

/* Transparent market illustrations stay luminous against deep blue surfaces. */
html[data-theme="dark"] #markets{background:radial-gradient(ellipse at 50% 0,#1d2c601c,transparent 58%),#080b16}
html[data-theme="dark"] #markets .assets-label{color:#c6d8fc;background:#14213d;border:1px solid #263d69}
html[data-theme="dark"] #markets .assets-label svg{background:#1c3152;color:#63dce9;box-shadow:0 4px 18px #0002}
html[data-theme="dark"] #markets .assets-heading>p{color:#a1b0cb}
html[data-theme="dark"] #markets .asset-card{background:linear-gradient(140deg,#14213b,#0e1629);border-color:#263859;box-shadow:0 10px 35px #0002}
html[data-theme="dark"] #markets .asset-card::before{background:radial-gradient(ellipse at 100% 100%,#4568ff3d,transparent 72%)}
html[data-theme="dark"] #markets .asset-card.is-expanded{border-color:#4d76d6;box-shadow:0 18px 45px #0003,0 0 28px #4568ff12}
html[data-theme="dark"] #markets .asset-toggle{color:#f0f4ff}
html[data-theme="dark"] #markets .asset-open-icon{color:#88aaff}
html[data-theme="dark"] #markets .asset-details>p{color:#afbed8}
html[data-theme="dark"] #markets .asset-symbols>span{color:#bdd5ff;border-color:#355482;background:#182d4de6}
html[data-theme="dark"] #markets .asset-art{filter:drop-shadow(0 15px 18px #0005)}
html[data-theme="dark"] #markets .assets-note{color:#8c9cb8}
html[data-theme="dark"] .benefits-section .benefit-grid{border-color:#23324d}
html[data-theme="dark"] .benefits-section .feature-icon{color:#69c8ff;background:#132541;border-color:#294468}
html[data-theme="dark"] .benefits-section .benefit-grid p{color:#95a6c2}

/* The trading terminal sits within a restrained, electric-blue halo. */
html[data-theme="dark"] #platform{background:linear-gradient(180deg,#080b16,#0c1428 58%,#080b16)}
html[data-theme="dark"] #platform::before{background:radial-gradient(ellipse at 32% 48%,#145b9433,transparent 45%),radial-gradient(ellipse at 75% 58%,#533bad2e,transparent 45%)}
html[data-theme="dark"] #platform .platform-heading>div>p{color:#a1b0cb}
html[data-theme="dark"] #platform .device-tabs{border-color:#2b3b5c;background:#101a2d}
html[data-theme="dark"] #platform .device-tabs button{color:#a8b7d1}
html[data-theme="dark"] #platform .device-tabs button:hover{color:#eff6ff;background:#1b2c4b}
html[data-theme="dark"] #platform .device-tabs button.active{color:#fff;background:linear-gradient(120deg,#2554bd,#4568ff);box-shadow:0 5px 18px #234dfa35}
html[data-theme="dark"] #platform .experience-platform-caption{color:#a1b9df}
html[data-theme="dark"] #platform .experience-platform-caption>span:last-child{color:#8ea0bf}
html[data-theme="dark"] #platform .terminal{border-color:#3d5986;box-shadow:0 38px 85px #0006,0 0 0 6px #4568ff0d,0 0 65px #4568ff12}
html[data-theme="dark"] #platform .chart-toolbar,
html[data-theme="dark"] #platform .chart-title small,
html[data-theme="dark"] #platform .chart-footer,
html[data-theme="dark"] #platform .terminal-bottom{color:#9db0d0}
html[data-theme="dark"] #platform .watchlist small{color:#95accf}
html[data-theme="dark"] #platform .window-dots{color:#8296bd}
html[data-theme="dark"] #platform .platform-float{background:linear-gradient(135deg,#1c314eeb,#14213def);border-color:#46628d;color:#b7c9e7;box-shadow:0 16px 45px #0004}
html[data-theme="dark"] #platform .platform-float b{color:#e4efff}
html[data-theme="dark"] #platform .platform-float svg{color:#5cdbef}
html[data-theme="dark"] #platform .platform-bottom{color:#a1b2cf}
html[data-theme="dark"] #platform .experience-platform-phone{border-color:#57759e;outline-color:#7696c25c;box-shadow:14px 26px 45px #0005,inset 0 0 0 1px #6d84b0}
html[data-theme="dark"] #platform .experience-phone-note{color:#9aafcf}

/* Copy trading surfaces and their illustrative controls. */
html[data-theme="dark"] #copy .center-heading>p{color:#a1b0cb}
html[data-theme="dark"] #copy .copy-card{border-color:#293957;box-shadow:0 18px 45px #0002}
html[data-theme="dark"] #copy .copier-card{background:radial-gradient(ellipse at 80% 0,#1162732d,transparent 65%),linear-gradient(135deg,#111e34,#111a31)}
html[data-theme="dark"] #copy .provider-card{background:radial-gradient(ellipse at 20% 0,#553b9a35,transparent 60%),linear-gradient(135deg,#191b36,#12192e)}
html[data-theme="dark"] #copy .copy-card::before{background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,20%),#548fff12,transparent 60%)}
html[data-theme="dark"] #copy .copy-card .card-number{color:#9ab1d3}
html[data-theme="dark"] #copy .copy-card>p{color:#a6b4ce}
html[data-theme="dark"] #copy .check-list{color:#bccae1}
html[data-theme="dark"] #copy .check-list li::before{color:#61d7e7;border-color:#37728c;background:#17334a}
html[data-theme="dark"] #copy .section-footnote{color:#8f9fb9}
html[data-theme="dark"] #copy .experience-copy-console{background:linear-gradient(145deg,#1c3452,#13243d);border-color:#385779;box-shadow:9px 23px 40px #0003}
html[data-theme="dark"] #copy .experience-console-top{color:#74dbf3}
html[data-theme="dark"] #copy .experience-console-top>span{color:#799bbd}
html[data-theme="dark"] #copy .experience-copy-console>small,
html[data-theme="dark"] #copy .experience-console-line{color:#a0b7d3}
html[data-theme="dark"] #copy .experience-console-line b{color:#d4e8ff}
html[data-theme="dark"] #copy .experience-allocation{background:#324967}
html[data-theme="dark"] #copy .experience-allocation>i{background:linear-gradient(90deg,#30ddeb,#6680ff)}
html[data-theme="dark"] #copy .experience-allocation>b{border-color:#c5e6ff;background:#6d93ff;box-shadow:0 0 12px #4568ff66}
html[data-theme="dark"] #copy .experience-console-bars i{background:linear-gradient(0deg,#2e709c,#7391ff);opacity:.8}
html[data-theme="dark"] #copy .copy-satellite{background:linear-gradient(145deg,#294c66,#192f4c);color:#63e0ed;box-shadow:4px 11px 25px #0003;border:1px solid #43637d}
html[data-theme="dark"] #copy .copy-satellite small{color:#b0c7df}
html[data-theme="dark"] #copy .sat-two{color:#f2cf7a;background:linear-gradient(145deg,#49412d,#2d2a24);border-color:#766743}
html[data-theme="dark"] #copy .sat-three{color:#d9e6f6;background:linear-gradient(145deg,#3b4b63,#26344b);border-color:#7185a1}
html[data-theme="dark"] #copy .strategy-sheet{background:linear-gradient(145deg,#2b2648,#1b203b);border-color:#4c4370;box-shadow:11px 23px 40px #0003}
html[data-theme="dark"] #copy .strategy-sheet>span{color:#b4a5d8}
html[data-theme="dark"] #copy .experience-strategy-name{color:#e1d5ff}
html[data-theme="dark"] #copy .strategy-sheet svg{stroke:#b28bff;filter:drop-shadow(0 8px 9px #9b5cff38)}
html[data-theme="dark"] #copy .experience-strategy-tags span{background:#3a315a;border-color:#5e4d80;color:#d2bff1}
html[data-theme="dark"] #copy .provider-star{background:linear-gradient(140deg,#9b5cff,#5832ad);border-color:#b897f7;box-shadow:6px 9px 24px #9b5cff26}

/* Automated workflows, order routing and payments. */
html[data-theme="dark"] #automation .automation-art{background:radial-gradient(ellipse at 15% 15%,#135a7638,transparent 60%),radial-gradient(ellipse at 90% 85%,#613cb03d,transparent 65%),#111b32;border-color:#293e60}
html[data-theme="dark"] #automation .automation-art::after{background-image:linear-gradient(#6689dc12 1px,transparent 1px),linear-gradient(90deg,#6689dc12 1px,transparent 1px)}
html[data-theme="dark"] #automation .automation-orbit{border-color:#5372ac50}
html[data-theme="dark"] #automation .automation-orbit::before{border-color:#5475a870;border-top-color:#7697ff;border-right-color:#30ddeb99}
html[data-theme="dark"] #automation .automation-orbit::after{border-color:#4763924d;border-bottom-color:#9b5cff88;border-left-color:#58d1e8}
html[data-theme="dark"] #automation .ea-chip{border-color:#6d9ee7;box-shadow:12px 23px 0 -8px #173c6a,20px 35px 50px #0005,0 0 60px #4568ff28,inset 2px 2px 2px #b0e4ff}
html[data-theme="dark"] #automation .code-pill{background:#172944ed;color:#b8d0f1;border-color:#405d83;box-shadow:0 14px 28px #0003}
html[data-theme="dark"] #automation .automation-copy>p,
html[data-theme="dark"] #automation .tool-item p{color:#a1b0cb}
html[data-theme="dark"] #automation .tool-item>svg{background:#14294a;color:#81b3ff}
html[data-theme="dark"] #automation .automation-copy>small{color:#8f9fb9}
html[data-theme="dark"] #model{background:radial-gradient(ellipse at 75% 50%,#19489b40,transparent 50%),radial-gradient(ellipse at 100% 0,#5837a73d,transparent 52%),#0c1224}
html[data-theme="dark"] #model .model-grid>div>p{color:#b1bfd7}
html[data-theme="dark"] #model .model-status,
html[data-theme="dark"] #model .routing-diagram>p{color:#9db3d3}
html[data-theme="dark"] #model .routing-brand{border-color:#558fda;background:radial-gradient(circle at 30% 20%,#347db0,#163f75 48%,#352d71);box-shadow:0 0 0 25px #4568ff0b,0 0 0 54px #4568ff07,0 0 80px #4568ff26,inset 0 2px 12px #a2e0fb30}
html[data-theme="dark"] #model .routing-node{color:#c0d2ee}
html[data-theme="dark"] #payments .payments-grid>div>p{color:#a1b0cb}
html[data-theme="dark"] #payments .payments-grid>div>small{color:#8f9fb9}
html[data-theme="dark"] #payments .payment-card{border-color:#334969;background:linear-gradient(130deg,#183447,#15253e 33%,#172b4a 61%,#27203e);box-shadow:0 24px 55px #0004,0 0 45px #4568ff0c}
html[data-theme="dark"] #payments .payment-card::before{background:linear-gradient(120deg,transparent 20%,#6a9be012 45%,transparent 70%)}
html[data-theme="dark"] #payments .fee-value{background-image:linear-gradient(130deg,#30ddeb,#85a3ff 65%,#ba8aff)}
html[data-theme="dark"] #payments .fee-header h3{color:#e3eeff}
html[data-theme="dark"] #payments .fee-header p{color:#adbfda}
html[data-theme="dark"] #payments .payment-methods{border-color:#3b536e;color:#c4d6ef}
html[data-theme="dark"] #payments .payment-methods :is(svg,b){color:#8bc8eb}
html[data-theme="dark"] #payments .payment-card>p{color:#a5b7d1!important}

/* Account journey and partner programme retain their existing interactions. */
html[data-theme="dark"] #access .access-heading p{color:#a1b0cb}
html[data-theme="dark"] #access .access-heading .button{background:linear-gradient(110deg,#2554bd,#4568ff);color:#fff;box-shadow:0 9px 24px #4568ff26}
html[data-theme="dark"] #access .access-visual{border-color:#2d4264;background:radial-gradient(ellipse at 20% 20%,#155f6d47,transparent 65%),linear-gradient(145deg,#15233e,#241b40)}
html[data-theme="dark"] #access .account-card{border-color:#6085bf;box-shadow:14px 26px 40px #0005,inset 1px 1px 2px #b5dfff70}
html[data-theme="dark"] #access .account-seal{background:#1b3150;border-color:#43628b;color:#a4d7f7;box-shadow:0 8px 25px #0004}
html[data-theme="dark"] #access .step-controls>button{color:#a0b0ca;border-color:#293952}
html[data-theme="dark"] #access .step-controls>button>span{color:#92abd4}
html[data-theme="dark"] #access .step-controls>button:is(.active,:hover){color:#d6e7ff}
html[data-theme="dark"] #access .step-controls>button::after{background:linear-gradient(90deg,#30ddeb,#4568ff,#9b5cff)}
html[data-theme="dark"] #access #step-number{color:#92abd4}
html[data-theme="dark"] #access #step-title{color:#dce9ff}
html[data-theme="dark"] #access #step-description{color:#a8b8d1}
html[data-theme="dark"] #partners .partners-banner{background:radial-gradient(ellipse at 12% 40%,#0b6e913d,transparent 48%),radial-gradient(ellipse at 95% 80%,#603ba259,transparent 65%),#101a32;border-color:#304e77}
html[data-theme="dark"] #partners .partners-banner p{color:#b4c3df}
html[data-theme="dark"] #partners .partners-banner .eyebrow{color:#a5c1e7}
html[data-theme="dark"] #partners .partner-orbits>span{border-color:#74b7df;box-shadow:inset 0 0 40px #9dccee18,0 10px 40px #0005,0 0 55px #4568ff20}
html[data-theme="dark"] #partners .ib-heading .eyebrow{color:#97afd2}
html[data-theme="dark"] #partners .ib-heading>p{color:#a1b0cb}
html[data-theme="dark"] #partners .ib-benefit-card{border-color:#2b3c5b;background:#111b32;box-shadow:0 12px 35px #0002}
html[data-theme="dark"] #partners .ib-benefit-card:hover{border-color:#597ddd;box-shadow:0 20px 45px #0003,0 0 30px #4568ff0f}
html[data-theme="dark"] #partners .ib-card-art{background:radial-gradient(ellipse at 20% 20%,#15586d38,transparent 70%),linear-gradient(150deg,#14243f,#211b3b)}
html[data-theme="dark"] #partners .ib-art-grid{background-image:linear-gradient(#7298e01c 1px,transparent 1px),linear-gradient(90deg,#7298e01c 1px,transparent 1px)}
html[data-theme="dark"] #partners .ib-card-index{color:#92a8ce}
html[data-theme="dark"] #partners .ib-card-copy h4{color:#e6efff}
html[data-theme="dark"] #partners .ib-card-copy p{color:#a8b7d0}
html[data-theme="dark"] #partners .ib-plan-tag{border-color:#45618b;background:#1c3452e6;color:#b4ceed}
html[data-theme="dark"] #partners .ib-plan-lines{stroke:#6888db}
html[data-theme="dark"] #partners .ib-plan-core{border-color:#7a9ee3;background:linear-gradient(110deg,#147fa0,#4568ff 58%,#8456df);box-shadow:0 15px 30px #0003}
html[data-theme="dark"] #partners .ib-orb{border-color:#7c9bdd;background:linear-gradient(140deg,#7bb3e1,#5361b5);box-shadow:0 5px 20px #4568ff30}
html[data-theme="dark"] #partners .ib-volume-label{color:#abc3e6}
html[data-theme="dark"] #partners .ib-volume-bars{border-color:#49638f}
html[data-theme="dark"] #partners .ib-volume-bars i{background:linear-gradient(#49bfdd,#4568ff44);border-color:#72a7df}
html[data-theme="dark"] #partners .ib-volume-bars i:nth-child(7){background:linear-gradient(#a378f3,#7366d955);border-color:#b296ed}
html[data-theme="dark"] #partners .ib-volume-icon{background:linear-gradient(145deg,#325584,#26385e);border-color:#698ac4;color:#c2e7ff;box-shadow:0 7px 24px #0003}
html[data-theme="dark"] #partners .ib-mini-panel{background:#172e4bed;border-color:#48678f;box-shadow:0 15px 25px #0004}
html[data-theme="dark"] #partners .ib-mini-panel>div{color:#b7cce9}
html[data-theme="dark"] #partners .ib-mini-panel>div i{background:#6f93c5}
html[data-theme="dark"] #partners .ib-mini-panel>section span{background:linear-gradient(130deg,#1c4660,#2b3f72);color:#9dccff}
html[data-theme="dark"] #partners .ib-mini-panel>footer i{background:#3f5c82}
html[data-theme="dark"] #partners .ib-tool-chip{border-color:#9aabe7;background:linear-gradient(130deg,#168da7,#6259d9);box-shadow:0 10px 25px #0003}
html[data-theme="dark"] #partners .ib-journey{border-color:#2e4266;background:radial-gradient(ellipse at 100% 0,#543a922e,transparent 65%),linear-gradient(135deg,#11243a,#171c34)}
html[data-theme="dark"] #partners .ib-journey-mark{border-color:#415d91;color:#a8caff}
html[data-theme="dark"] #partners .ib-steps li:not(:last-child)::after{background:linear-gradient(90deg,#367da1,#534992)}
html[data-theme="dark"] #partners .ib-step-number{border-color:#5077ae;background:#1c3454;color:#c0dcff}
html[data-theme="dark"] #partners .ib-steps h4{color:#e1ecff}
html[data-theme="dark"] #partners .ib-steps p{color:#acbdd7}
html[data-theme="dark"] #partners .ib-journey-bottom{border-color:#344765}
html[data-theme="dark"] #partners .ib-journey-bottom p{color:#98adca}
html[data-theme="dark"] #partners .ib-faq details{border-color:#2b3b56}
html[data-theme="dark"] #partners .ib-faq summary{color:#d4e2f8}
html[data-theme="dark"] #partners .ib-faq summary span{color:#93b7f0}
html[data-theme="dark"] #partners .ib-faq details p{color:#a8b9d2}

/* Quiet answers followed by the final electric-blue invitation. */
html[data-theme="dark"] #faq .faq-layout>div>p{color:#a1b0cb}
html[data-theme="dark"] #faq .faq-items details{border-color:#2b3b56}
html[data-theme="dark"] #faq .faq-items summary{color:#d9e6fa}
html[data-theme="dark"] #faq .faq-items summary>span{border-color:#38527e;color:#9abaf2;background:#12223a}
html[data-theme="dark"] #faq .faq-items details[open] summary>span{background:#254272;color:#d5e7ff}
html[data-theme="dark"] #faq .faq-items p{color:#a8b9d2}
html[data-theme="dark"] .final-cta{background:linear-gradient(150deg,#0b263a,#14234e 50%,#2a194a);color:#edf5ff}
html[data-theme="dark"] .final-cta::before{background:radial-gradient(ellipse at 12% 75%,#0c93b02e,transparent 45%),radial-gradient(ellipse at 85% 32%,#8046dc38,transparent 40%)}
html[data-theme="dark"] .final-cta::after{background:repeating-linear-gradient(115deg,transparent 0 95px,#7d9eff18 95px 96px);opacity:.5}
html[data-theme="dark"] .final-cta .eyebrow{color:#a8bfea}
html[data-theme="dark"] .final-cta .eyebrow i{background:#30ddeb;box-shadow:0 0 14px #30ddeb55}
html[data-theme="dark"] .final-cta .button{background:linear-gradient(110deg,#1c79ca,#4568ff 60%,#8250ed);color:#fff;box-shadow:0 10px 30px #4568ff36}
html[data-theme="dark"] .final-cta p{color:#a6b7d6}

@media(max-width:700px){
  html[data-theme="dark"] #platform .terminal{box-shadow:0 22px 36px #0005,0 0 0 4px #4568ff16}
  html[data-theme="dark"] #platform .experience-platform-phone{box-shadow:9px 14px 25px #0005}
  html[data-theme="dark"] #partners .ib-steps li:not(:last-child)::after{background:linear-gradient(#367da1,#534992)}
}
