/* Continue the globe's periwinkle light through one uninterrupted page canvas. */
html:not([data-theme="dark"]){
  --fxdx-canvas:linear-gradient(90deg,#c0d9f8 0%,#c3c9fa 46%,#c7bdf3 100%);
  --fxdx-glass:linear-gradient(135deg,#e0edffbd 0%,#d2d9f9bf 50%,#d6c9f4c9 100%);
  --fxdx-body-copy:#354b6d;
  --fxdx-caption:#3b4f70;
  background:#c3c9fa;
}
html:not([data-theme="dark"]) body{background:var(--fxdx-canvas)}
/* Start the hero on the navigation's canvas, then blend into the globe palette. */
html:not([data-theme="dark"]) .hero{
  background:
    linear-gradient(180deg,transparent 0%,#c3c9fa 21%,#a7b1f2 47%,#a1abf0 78%,#747eeb 100%),
    var(--fxdx-canvas);
}
/* Keep the sticky navigation in the same blue/lilac tone while scrolling. */
html:not([data-theme="dark"]) .risk-strip{background:var(--fxdx-canvas);color:#354b70;border-bottom-color:#7890bf26}
html:not([data-theme="dark"]) .site-header{
  background:var(--fxdx-canvas);color:#203b64;border-bottom-color:transparent;
  box-shadow:none;
}
html:not([data-theme="dark"]) .site-header .main-nav{
  background:linear-gradient(110deg,#bcd7f775,#b9b9ed75);
  border-color:#8d9edb59;box-shadow:inset 0 1px #dceaff40;
}
html:not([data-theme="dark"]) .site-header :is(.theme-toggle,.language-trigger,.nav-login,.mobile-nav-login){
  background:linear-gradient(130deg,#c1ddf8,#bfb8ef);color:#274776;
  border-color:#899ed069;box-shadow:inset 0 1px #e1edff4d;
}
html:not([data-theme="dark"]) .site-header :is(.theme-toggle,.language-trigger,.nav-login,.mobile-nav-login):hover,
html:not([data-theme="dark"]) .site-header .language-picker[open]>.language-trigger{
  background:linear-gradient(130deg,#cee4fb,#c9bff3);border-color:#758dca8c;color:#203e73;
}
html:not([data-theme="dark"]) .site-header .main-nav .nav-chevron{
  background:#b0c4ee80;border-color:#829bc15c;color:#46628d;
}
html:not([data-theme="dark"]) .site-header .main-nav .nav-dropdown>summary:hover,
html:not([data-theme="dark"]) .site-header .main-nav .nav-dropdown[open]>summary{
  background:linear-gradient(110deg,#cce3fa99,#c7c0f499);color:#234a91;
}
html:not([data-theme="dark"]) .site-header :is(.dropdown-panel,.language-menu){
  background:linear-gradient(135deg,#c8e0fa,#c5cafa 55%,#cbbff3);
  border-color:#93a6d48c;box-shadow:0 20px 55px #2b427c26;
}
html:not([data-theme="dark"]) .site-header :is(.nav-panel-caption,.language-menu-caption,.language-option-code,.dropdown-panel small){color:#455c7f}
html:not([data-theme="dark"]) .site-header :is(.nav-link-arrow,.brand-label){color:#466184}
html:not([data-theme="dark"]) .site-header .nav-link-icon{
  background:linear-gradient(135deg,#c8e5fa,#c2baf0);color:#42639b;border-color:#8da9d159;box-shadow:inset 0 1px #e4edff55;
}
html:not([data-theme="dark"]) .site-header :is(.dropdown-panel a:hover,.language-menu a:hover,.language-menu a[aria-current="page"]){
  background:linear-gradient(115deg,#d4e7fc99,#d0c8f799);color:#264c8a;
}
@media(max-width:1000px){
  html:not([data-theme="dark"]) .site-header .main-nav{background:var(--fxdx-canvas);border-color:#8da1d573;box-shadow:0 20px 50px #334e7f24}
  html:not([data-theme="dark"]) .site-header .main-nav .dropdown-panel{background:linear-gradient(135deg,#bed8f77a,#bab4ec80);box-shadow:none}
}
html:not([data-theme="dark"]) main{
  background:
    radial-gradient(ellipse 75% 730px at 0 23%,#8ed8f275,transparent 100%),
    radial-gradient(ellipse 75% 700px at 100% 41%,#ac95ed70,transparent 100%),
    radial-gradient(ellipse 75% 700px at 0 66%,#94ddee6b,transparent 100%),
    radial-gradient(ellipse 75% 650px at 100% 83%,#aa94ee60,transparent 100%),
    var(--fxdx-canvas);
}
html:not([data-theme="dark"]) :is(#markets,.benefits-section,#platform,#copy,#automation,#payments,#access,#partners,#faq,.final-cta){
  background:transparent;
}
/* Match the exact blue at the bottom of the approved hero, without changing it. */
html:not([data-theme="dark"]) #markets{
  background:linear-gradient(180deg,#344dd7 0px,#8794e9 50px,#b3bef480 110px,transparent 220px);
}
html:not([data-theme="dark"]) #platform::before{
  background:radial-gradient(ellipse at 32% 48%,#83d9ee66,transparent 50%),radial-gradient(ellipse at 75% 58%,#9c86e75c,transparent 50%);
}
html:not([data-theme="dark"]) .site-footer{background:var(--fxdx-canvas);border-top:1px solid #6981b72b}
html:not([data-theme="dark"]) .final-cta::before{
  background:radial-gradient(ellipse at 12% 65%,#78d0ee66,transparent 55%),radial-gradient(ellipse at 85% 32%,#a88ae966,transparent 55%);
}

/* Translucent blue/lilac panels replace the large white surfaces. */
html:not([data-theme="dark"]) #markets .asset-card{
  background:var(--fxdx-glass);border-color:#edf4ff99;
  box-shadow:0 18px 40px #384c9220,inset 0 1px #f1f7ff80;
}
html:not([data-theme="dark"]) #markets .asset-card::before{
  background:radial-gradient(ellipse at 95% 95%,#9a8ae97a,transparent 75%);
}
html:not([data-theme="dark"]) #markets .asset-card.is-expanded{border-color:#a2b6ed;box-shadow:0 22px 50px #3b519333,inset 0 1px #f1f7ff99}
html:not([data-theme="dark"]) #markets .assets-label{background:#dce6ff9c;color:#283e6b;border:1px solid #e6efff99}
html:not([data-theme="dark"]) #markets .assets-label svg{background:linear-gradient(135deg,#daefff,#cbbff6)}
html:not([data-theme="dark"]) #markets .asset-symbols>span{background:#e6eeffad;border-color:#9aaee173;color:#304d80}
html:not([data-theme="dark"]) .benefit-grid{border-bottom-color:#6a82b733}
html:not([data-theme="dark"]) .benefit-grid .feature-icon{background:linear-gradient(135deg,#d1ebff,#c6bdf1);border-color:#edf4ff80}
html:not([data-theme="dark"]) #platform .device-tabs{background:#dce6ff80;border-color:#9eb1df66}
html:not([data-theme="dark"]) #platform .platform-float{background:linear-gradient(135deg,#dceefff5,#c9cef6f2);border-color:#e7f0ffa6;color:#425775}
html:not([data-theme="dark"]) .strategy-showcase{
  --strategy-muted:#435979;
  background:var(--fxdx-glass);border-color:#ecf3ff8c;box-shadow:0 24px 65px #4052951c;
}
html:not([data-theme="dark"]) .strategy-scene{
  background:radial-gradient(ellipse at 20% 20%,#b2e5fb99,transparent 60%),radial-gradient(ellipse at 90% 85%,#a798ec7a,transparent 65%),linear-gradient(140deg,#c4dcf9,#bcb9f0);
}
html:not([data-theme="dark"]) .strategy-glass-note{background:linear-gradient(125deg,#dceeffed,#d4d0f7ed);border-color:#e8f4ffaa}
html:not([data-theme="dark"]) .strategy-tabs{background:#bfcbed66;border-color:#8fa6d64d}
html:not([data-theme="dark"]) .strategy-tabs>button[aria-selected="true"]{background:linear-gradient(120deg,#d9edff,#d4cbf7)}
html:not([data-theme="dark"]) .strategy-point-icon{background:linear-gradient(130deg,#d2ecff,#c9c1f2);border-color:#e8f2ff80}
html:not([data-theme="dark"]) .tools-stage-tabs button[aria-selected="true"]{background:linear-gradient(120deg,#c7e6fa,#c1baf0);color:#284d96}
html:not([data-theme="dark"]) .tools-stage-tabs{border-bottom-color:#768ab843}

/* A contained A-book scene lets the continuous canvas flow around it. */
html:not([data-theme="dark"]) #model{background:transparent}
html:not([data-theme="dark"]) #model .model-grid{
  padding:clamp(28px,4vw,56px);gap:clamp(25px,4vw,60px);border:1px solid #7a97d080;border-radius:32px;
  background:radial-gradient(ellipse at 10% 20%,#22638760,transparent 65%),radial-gradient(ellipse at 100% 85%,#6349a470,transparent 65%),linear-gradient(125deg,#12274c,#202650);
  box-shadow:0 24px 65px #3b4d8f26;
}
html:not([data-theme="dark"]) #model::before{display:none}
html:not([data-theme="dark"]) #payments .payment-card{background:linear-gradient(130deg,#d3ecffa8,#d0d7f8d9 48%,#c7baf2c7);border-color:#eaf3ff99}
html:not([data-theme="dark"]) #payments .payment-card::before{background:linear-gradient(120deg,transparent 20%,#e3eeff50 45%,transparent 70%)}
html:not([data-theme="dark"]) #access{
  --journey-surface:linear-gradient(135deg,#e0ebfc,#d6def9 60%,#ddd5f8);
  --journey-soft:linear-gradient(120deg,#d3e2f7,#d8d7f4);
  --journey-line:#a3b6da80;--journey-muted:#4b6082;
}
html:not([data-theme="dark"]) #access .onboarding-preview{background:radial-gradient(ellipse at 0 0,#9ad9ef80,transparent 65%),linear-gradient(140deg,#bacdf3,#b9ade8);border-color:#dae5ff80}
html:not([data-theme="dark"]) #access .journey-window{border-color:#eaf2ff99}
html:not([data-theme="dark"]) #access .step-controls>button.active{background:linear-gradient(110deg,#d0e9fb,#cbc2f2);border-color:#e5edff80}
html:not([data-theme="dark"]) #access .step-controls>button:hover{background:linear-gradient(110deg,#d7e6f9,#cfc8f4);border-color:#aab9de}
html:not([data-theme="dark"]) #access .journey-upload-zone{background:linear-gradient(140deg,#d9edf9,#d4c9f3);border-color:#8da7d2}
html:not([data-theme="dark"]) #partners .ib-benefit-card{background:var(--fxdx-glass);border-color:#e5edff8c;box-shadow:0 16px 40px #3e52941a}
html:not([data-theme="dark"]) #partners .ib-card-art{background:radial-gradient(ellipse at 20% 20%,#bee9fa99,transparent 70%),linear-gradient(150deg,#cbdafa,#bdb3ef)}
html:not([data-theme="dark"]) #partners .ib-journey{background:radial-gradient(ellipse at 100% 0,#b4a9ed80,transparent 65%),var(--fxdx-glass);border-color:#e5edff80}
html:not([data-theme="dark"]) #partners .ib-mini-panel{background:linear-gradient(140deg,#dceafb,#cfcef4);border-color:#e8f2ffaa}
html:not([data-theme="dark"]) #partners .ib-volume-icon{background:linear-gradient(145deg,#d8edfb,#c8c4f1);border-color:#e7f0ff99}
html:not([data-theme="dark"]) #partners .ib-step-number{background:linear-gradient(135deg,#d9eafa,#cdc6f1);border-color:#9dafd880;color:#375789}

/* Navy copy stays legible on the more saturated canvas. */
html:not([data-theme="dark"]) :is(#markets .assets-heading>p,#markets .asset-details>p,.benefit-grid p,#platform .platform-heading>div>p,#platform .platform-bottom,#copy .center-heading>p,#automation .automation-copy>p,#automation .tool-item p,#payments .payments-grid>div>p,#access .access-heading p,#access #step-description,#partners .ib-heading>p,#partners .ib-card-copy p,#partners .ib-steps p,#faq .faq-layout>div>p,#faq .faq-items p){color:var(--fxdx-body-copy)}
html:not([data-theme="dark"]) :is(#markets .assets-note,#copy .section-footnote,#automation .automation-copy>small,#payments .payments-grid>div>small,#payments .fee-header p,#access .journey-preview-note,#partners .ib-journey-bottom p,.final-cta p){color:var(--fxdx-caption)}
html:not([data-theme="dark"]) #payments .payment-card>p{color:var(--fxdx-caption)!important}
html:not([data-theme="dark"]) :is(#platform,#copy,#automation,#payments,#access,#faq,.final-cta) :is(.ink-gradient,.gradient-text),
html:not([data-theme="dark"]) #markets .assets-heading h2>span,
html:not([data-theme="dark"]) #partners :is(.ib-heading h3,.ib-journey h3)>span{
  background-image:linear-gradient(105deg,#00657f 0%,#234ddd 48%,#6230b8 100%);
}
html:not([data-theme="dark"]) :is(#platform,#copy,#automation,#payments,#access,#partners,#faq,.final-cta) .eyebrow{color:#3b4f70}
html:not([data-theme="dark"]) #partners .partners-banner .eyebrow{color:#a6c9ec}
html:not([data-theme="dark"]) :is(.strategy-role,.strategy-tabs>button,.strategy-scene-heading,.strategy-scene-footer,.strategy-scene-footer small,.tools-scene-caption,.tools-concept,.tools-stage-tabs button,.tools-stage-panel>span){color:#4a5f81}
html:not([data-theme="dark"]) #access .step-controls>button{color:#475e81}
html:not([data-theme="dark"]) #access .step-controls>button.active{color:#20498e}
html:not([data-theme="dark"]) :is(#platform .experience-platform-caption,#platform .experience-platform-caption>span:last-child,#partners .ib-card-index){color:#4f6386}
html:not([data-theme="dark"]) :is(#faq .faq-items details,#partners .ib-faq details){border-color:#6b83b54a}
html:not([data-theme="dark"]) .site-footer :is(.footer-main>div>a:not(.logo-crop),.footer-main button,.footer-legal,.footer-bottom){color:#465b7b}
html:not([data-theme="dark"]) .site-footer .footer-legal b{color:#294769}
html:not([data-theme="dark"]) .site-footer :is(.footer-legal,.footer-bottom){border-color:#6b83b533}
html:not([data-theme="dark"]) dialog{background:linear-gradient(140deg,#172f52,#20284e 60%,#30254e)}

@media(max-width:800px){
  html:not([data-theme="dark"]) #markets{background:linear-gradient(180deg,#344dd7 0px,#8f9bea 36px,#b9c2f54d 85px,transparent 170px)}
  html:not([data-theme="dark"]) #model .model-grid{padding:30px 22px;border-radius:24px}
}