/* Ascendra: dark theme (same three colours, swapped roles) */

/* Dark-theme rules moved here from style.css (kept in their original order) */
[data-theme="dark"] .nb-theme .fa-sun { display: inline-block; }
[data-theme="dark"] .nb-theme .fa-moon { display: none; }
[data-theme="dark"] .st-card::before { background: linear-gradient(120deg, var(--silver), var(--onyx), var(--silver)); opacity: .55; }
[data-theme="dark"] .st-photo { box-shadow: 0 0 0 1px rgba(250, 250, 248, .08), 0 0 0 5px rgba(174, 181, 188, .14), 0 0 42px rgba(174, 181, 188, .3); }
[data-theme="dark"] .dbtn .i-moon { display: none; }
[data-theme="dark"] .dbtn .i-sun { display: inline-block; }
[data-theme="dark"] .back-to-top:focus-visible { outline-color: #fafaf8; }
[data-theme="dark"] .cta8-scene figcaption {text-shadow:0 2px 12px rgba(0,0,0,.85)}
[data-theme="dark"] .opn-benefit-panel, [data-theme="dark"] .opn-proof-panel {background:color-mix(in srgb,var(--surface) 90%,var(--onyx));border-color:var(--line-strong)}
[data-theme="dark"] .opn-layout .opn-frame {background:var(--tint)}
[data-theme="dark"] .flr { --flr-door-a: #3a3d42; --flr-door-b: #565a60; --flr-door-seam: #0f1011; }
html[data-theme="dark"] body[data-page="home-2"] .client4-steps li:not(.is-done):not(.is-current) .client4-step-dot i {color:#FAFAF8!important;}

[data-theme="dark"] {
  --bg: var(--onyx); --ink: var(--white);
  --surface: color-mix(in srgb, var(--white) 6%, var(--onyx));
  --tint: color-mix(in srgb, var(--silver) 16%, var(--onyx));
  --line: color-mix(in srgb, var(--silver) 42%, var(--onyx));
  --line-strong: color-mix(in srgb, var(--silver) 80%, var(--onyx));
  --muted: color-mix(in srgb, var(--white) 76%, var(--onyx));
  --glow: rgba(174, 181, 188, .18);
  --shadow-ink: rgba(0, 0, 0, .6);
  color-scheme: dark;
}
[data-theme="dark"] .hero-aura::before { background: radial-gradient(circle, color-mix(in srgb, var(--silver) 30%, transparent) 0%, transparent 68%); }
[data-theme="dark"] .hero-aura::after { background: radial-gradient(circle, color-mix(in srgb, var(--silver) 22%, transparent) 0%, transparent 68%); }
[data-theme="dark"] .hero-card::before { background: linear-gradient(120deg, var(--silver), var(--onyx), var(--silver)); opacity: .55; }
[data-theme="dark"] .hero-plate { border-color: var(--line-strong); }
[data-theme="dark"] .hero-car span { background: var(--white); color: var(--onyx); }
[data-theme="dark"] .btn--p, [data-theme="dark"] .hero-card-link { box-shadow: 0 12px 28px -10px rgba(0, 0, 0, .7), 0 0 0 1px var(--silver); }
[data-theme="dark"] .nb-logo { filter: drop-shadow(0 0 10px rgba(174, 181, 188, .45)); }

/* Home 1 section 2: dark theme */
[data-theme="dark"] .ind::before { background: radial-gradient(ellipse 55% 50% at 90% 0%, color-mix(in srgb, var(--silver) 22%, transparent), transparent 70%), radial-gradient(ellipse 50% 45% at 4% 100%, color-mix(in srgb, var(--silver) 16%, transparent), transparent 70%); }
[data-theme="dark"] .ind-photo, [data-theme="dark"] .ind-card, [data-theme="dark"] .ind-band { border-color: var(--line-strong); }


/* Home 1 section 3: retain clear contrast and visible silver glow in dark mode */
[data-theme="dark"] .product-explorer {
  background:
    radial-gradient(ellipse 36% 42% at 4% 12%, rgba(174,181,188,.13), transparent 76%),
    radial-gradient(ellipse 34% 48% at 96% 88%, rgba(174,181,188,.11), transparent 72%),
    var(--bg);
}
[data-theme="dark"] .explorer-photo {
  border-color: var(--line-strong);
  box-shadow: 0 0 0 1px rgba(250,250,248,.06), 0 0 34px rgba(174,181,188,.2), 0 24px 52px -28px var(--shadow-ink);
}
[data-theme="dark"] .explorer-tab.is-active {
  color: var(--onyx); background: var(--white); border-color: var(--white);
  box-shadow: 0 0 0 1px rgba(174,181,188,.5), 0 0 26px rgba(174,181,188,.25);
}
[data-theme="dark"] .explorer-tab.is-active .explorer-tab-icon { color: var(--white); background: var(--onyx); border-color: var(--onyx); }
[data-theme="dark"] .explorer-tab.is-active small { color: color-mix(in srgb, var(--onyx) 78%, var(--white)); }
[data-theme="dark"] .explorer-tab.is-active .explorer-tab-arrow { color: var(--onyx); }
[data-theme="dark"] .explorer-eyebrow { box-shadow: 0 0 20px rgba(174,181,188,.1); }
[data-theme="dark"] .explorer-tags li { border-color: var(--line-strong); box-shadow: 0 0 14px rgba(174,181,188,.07); }


/* Premium Home 1 Section 3 finishing */
[data-theme="dark"] .product-explorer::after { border-color: rgba(174,181,188,.2); box-shadow: 0 0 64px rgba(174,181,188,.1), inset 0 0 54px rgba(174,181,188,.07); }
[data-theme="dark"] .explorer-photo { box-shadow: 0 0 0 1px rgba(250,250,248,.08), 0 0 0 5px rgba(174,181,188,.1), 0 0 42px rgba(174,181,188,.26), 0 26px 64px -30px var(--shadow-ink); }
[data-theme="dark"] .explorer-tab.is-active { box-shadow: 0 0 0 1px rgba(174,181,188,.58), 0 0 0 4px rgba(174,181,188,.12), 0 0 34px rgba(174,181,188,.35), 0 18px 32px -20px var(--shadow-ink); }


/* Home 1 section 4: dark theme (same three colours, visible glow) */
[data-theme="dark"] .jny::before { background: radial-gradient(ellipse 46% 52% at 6% 4%, rgba(174, 181, 188, .22), transparent 70%), radial-gradient(ellipse 42% 50% at 96% 98%, rgba(174, 181, 188, .18), transparent 70%); }
[data-theme="dark"] .jny::after { background-image: linear-gradient(to right, rgba(174, 181, 188, .13) 1px, transparent 1px), linear-gradient(to bottom, rgba(174, 181, 188, .13) 1px, transparent 1px); }
[data-theme="dark"] .jny-photo { box-shadow: 0 0 0 1px rgba(250, 250, 248, .08), 0 0 0 4px rgba(174, 181, 188, .12), 0 0 34px rgba(174, 181, 188, .26), 0 22px 44px -24px var(--shadow-ink); }
[data-theme="dark"] .jny-step.is-active .jny-photo, [data-theme="dark"] .jny-step:hover .jny-photo { box-shadow: 0 0 0 1px rgba(250, 250, 248, .1), 0 0 0 5px rgba(174, 181, 188, .22), 0 0 52px rgba(174, 181, 188, .42), 0 26px 52px -26px var(--shadow-ink); }
[data-theme="dark"] .jny-photo::after { background: linear-gradient(115deg, transparent 36%, rgba(250, 250, 248, .2) 50%, transparent 64%); }
[data-theme="dark"] .jny-rail::before { background: color-mix(in srgb, var(--silver) 45%, var(--onyx)); box-shadow: 0 0 14px rgba(174, 181, 188, .4); }
[data-theme="dark"] .jny-rail::after { box-shadow: 0 0 14px rgba(250, 250, 248, .45); }
[data-theme="dark"] .jny-car { animation-name: jnyCarDark; }
@keyframes jnyCarDark {
  0%, 100% { box-shadow: 0 0 0 5px rgba(174, 181, 188, .28), 0 0 28px rgba(250, 250, 248, .38), 0 16px 28px -14px var(--shadow-ink); }
  50% { box-shadow: 0 0 0 10px rgba(174, 181, 188, .14), 0 0 44px rgba(250, 250, 248, .5), 0 16px 28px -14px var(--shadow-ink); }
}
[data-theme="dark"] .jny-chip, [data-theme="dark"] .jny-no { border-color: var(--line-strong); }


/* Home 1 section 5: dark theme (stage turns White, text turns Onyx via tokens; glow retuned) */
[data-theme="dark"] .saf { background: radial-gradient(ellipse 42% 46% at 4% 8%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 40% 46% at 96% 94%, rgba(174, 181, 188, .13), transparent 70%), var(--bg); }
[data-theme="dark"] .saf-stage { box-shadow: 0 0 0 1px rgba(250, 250, 248, .1), 0 0 0 5px rgba(174, 181, 188, .14), 0 0 64px rgba(174, 181, 188, .34), 0 34px 60px -34px var(--shadow-ink); }
[data-theme="dark"] .saf-stage::before { background: radial-gradient(ellipse 34% 62% at 50% 50%, rgba(174, 181, 188, .5), transparent 72%), radial-gradient(ellipse 30% 40% at 0% 0%, rgba(174, 181, 188, .3), transparent 74%); }
[data-theme="dark"] .saf-eyebrow { box-shadow: 0 0 22px -4px rgba(32, 33, 36, .35); }
[data-theme="dark"] .saf-cta { border-color: var(--onyx); box-shadow: 0 0 0 1px var(--silver), 0 12px 26px -12px rgba(32, 33, 36, .6); }
[data-theme="dark"] .saf-item { border-color: rgba(32, 33, 36, .4); }
[data-theme="dark"] .saf-item:hover { border-color: var(--onyx); box-shadow: 0 0 22px -2px rgba(32, 33, 36, .35); }
[data-theme="dark"] .saf-item.is-active { border-color: var(--onyx); box-shadow: 0 0 0 4px rgba(32, 33, 36, .18), 0 0 30px rgba(174, 181, 188, .85); }
[data-theme="dark"] .saf-visual { box-shadow: 0 0 0 4px rgba(32, 33, 36, .12), 0 0 44px 2px rgba(174, 181, 188, .8); }


/* Home 1 section 6: dark theme */
[data-theme="dark"] .mat { background: radial-gradient(ellipse 44% 50% at 96% 6%, rgba(174, 181, 188, .2), transparent 70%), radial-gradient(ellipse 42% 48% at 3% 96%, rgba(174, 181, 188, .16), transparent 70%), var(--tint); }
[data-theme="dark"] .mat-panel { box-shadow: 0 0 0 1px rgba(250, 250, 248, .08), 0 0 0 4px rgba(174, 181, 188, .12), 0 0 48px rgba(174, 181, 188, .26), 0 26px 50px -30px var(--shadow-ink); }
[data-theme="dark"] .mat-panel::before { background: radial-gradient(ellipse 80% 46% at 100% 0%, rgba(174, 181, 188, .2), transparent 72%), radial-gradient(ellipse 70% 40% at 0% 100%, rgba(174, 181, 188, .14), transparent 72%); }
[data-theme="dark"] .mat-row { border-color: var(--line-strong); box-shadow: 0 0 0 1px rgba(174, 181, 188, .16), 0 0 26px rgba(174, 181, 188, .2), 0 16px 30px -24px var(--shadow-ink); }
[data-theme="dark"] .mat-row:hover, [data-theme="dark"] .mat-row:focus-visible { border-color: var(--white); box-shadow: 0 0 0 4px rgba(174, 181, 188, .26), 0 0 44px rgba(174, 181, 188, .42), 0 20px 36px -24px var(--shadow-ink); }
[data-theme="dark"] .mat-chip { border-color: var(--line-strong); }


/* Home 1 section 7: restrained silver light, consistent with Ascendra's monochrome palette */
[data-theme="dark"] .stories { background: radial-gradient(ellipse 38% 42% at 8% 0%, rgba(174,181,188,.12), transparent 72%), radial-gradient(ellipse 34% 42% at 92% 100%, rgba(174,181,188,.1), transparent 72%), var(--bg); }
[data-theme="dark"] .stories::before { background: radial-gradient(ellipse 42% 55% at 50% 48%, rgba(174,181,188,.08), transparent 72%); }
[data-theme="dark"] .stories-eyebrow, [data-theme="dark"] .stories-rating { border-color: var(--line-strong); box-shadow: 0 0 18px -10px rgba(174,181,188,.45), 0 10px 24px -20px var(--shadow-ink); }
[data-theme="dark"] .story-card { border-color: var(--line); box-shadow: 0 0 0 1px rgba(174,181,188,.08), 0 12px 28px -24px var(--shadow-ink), 0 0 18px -14px rgba(174,181,188,.35); }
[data-theme="dark"] .story-card:hover, [data-theme="dark"] .story-card:focus-within { box-shadow: 0 0 0 2px rgba(174,181,188,.24), 0 0 28px -9px rgba(174,181,188,.4), 0 18px 34px -24px var(--shadow-ink); }

/* Section 6 glow refinement: keep the material effect premium rather than over-lit */
[data-theme="dark"] .mat-panel { box-shadow: 0 0 0 1px rgba(250,250,248,.06), 0 0 28px rgba(174,181,188,.14), 0 26px 50px -30px var(--shadow-ink); }
[data-theme="dark"] .mat-panel::before { background: radial-gradient(ellipse 80% 46% at 100% 0%, rgba(174,181,188,.12), transparent 72%), radial-gradient(ellipse 70% 40% at 0% 100%, rgba(174,181,188,.08), transparent 72%); }
[data-theme="dark"] .mat-row { box-shadow: 0 0 0 1px rgba(174,181,188,.14), 0 0 16px rgba(174,181,188,.1), 0 16px 30px -24px var(--shadow-ink); }
[data-theme="dark"] .mat-row:hover, [data-theme="dark"] .mat-row:focus-visible { box-shadow: 0 0 0 3px rgba(174,181,188,.2), 0 0 28px rgba(174,181,188,.25), 0 20px 36px -24px var(--shadow-ink); }


/* Home 1 section 8: dark CTA contrast and controlled silver illumination */
[data-theme="dark"] .home-cta { background: radial-gradient(ellipse 36% 68% at 0% 48%, rgba(174,181,188,.13), transparent 74%), radial-gradient(ellipse 30% 55% at 100% 8%, rgba(174,181,188,.1), transparent 72%), var(--bg); }
[data-theme="dark"] .home-cta::before { border-color: rgba(174,181,188,.16); box-shadow: inset 0 0 55px rgba(174,181,188,.06), 0 0 70px rgba(174,181,188,.07); }
[data-theme="dark"] .home-cta-eyebrow { border-color: var(--line-strong); box-shadow: 0 0 0 1px rgba(174,181,188,.1), 0 0 22px -5px rgba(174,181,188,.3); }
[data-theme="dark"] .home-cta-primary { box-shadow: 0 0 0 1px rgba(174,181,188,.65), 0 0 26px rgba(174,181,188,.26), 0 14px 28px -16px rgba(0,0,0,.7); }
[data-theme="dark"] .home-cta-primary:hover, [data-theme="dark"] .home-cta-primary:focus-visible { box-shadow: 0 0 0 4px rgba(174,181,188,.22), 0 0 34px rgba(174,181,188,.4), 0 18px 32px -16px rgba(0,0,0,.75); }
[data-theme="dark"] .home-cta-visual { border-color: var(--line-strong); box-shadow: 0 0 0 1px rgba(174,181,188,.12), 0 0 30px rgba(174,181,188,.2), 0 28px 54px -32px rgba(0,0,0,.72); }
[data-theme="dark"] .home-cta-visual figcaption { background: rgba(32,33,36,.94); border-color: rgba(174,181,188,.72); color: #FAFAF8; box-shadow: 0 0 24px rgba(174,181,188,.2), 0 12px 28px -18px rgba(0,0,0,.7); }
[data-theme="dark"] .home-cta-caption-icon { background: #202124; color: #FAFAF8; border-color: #AEB5BC; }
[data-theme="dark"] .home-cta-visual figcaption small { color: #D4D7DA; }


/* Home 2 / Section 1 — accessible dark theme */
[data-theme="dark"] .vertical-hero{--bg:#202124;--text:#FAFAF8;--muted:#D4D7DA;--silver:#AEB5BC;background:radial-gradient(ellipse 30% 60% at 92% 10%,rgba(174,181,188,.17),transparent 75%),radial-gradient(ellipse 32% 55% at 2% 92%,rgba(174,181,188,.12),transparent 75%),#202124;color:#FAFAF8}
[data-theme="dark"] .vertical-hero:before{border-color:rgba(174,181,188,.22);box-shadow:inset 0 0 55px rgba(174,181,188,.06),0 0 34px rgba(174,181,188,.12)}
[data-theme="dark"] .vertical-hero-title em{color:#AEB5BC;text-shadow:0 0 28px rgba(174,181,188,.24)}
[data-theme="dark"] .vertical-hero-primary{background:#FAFAF8;color:#202124;border-color:#AEB5BC;box-shadow:0 0 0 1px rgba(174,181,188,.55),0 8px 24px rgba(0,0,0,.25),0 0 25px rgba(174,181,188,.22)}
[data-theme="dark"] .vertical-hero-primary:hover,[data-theme="dark"] .vertical-hero-primary:focus-visible{box-shadow:0 0 0 4px rgba(174,181,188,.2),0 12px 30px rgba(0,0,0,.35),0 0 35px rgba(174,181,188,.3)}
[data-theme="dark"] .vertical-hero-secondary{background:rgba(32,33,36,.45);color:#FAFAF8;border-color:rgba(174,181,188,.8)}
[data-theme="dark"] .vertical-hero-proof,[data-theme="dark"] .vertical-hero-vertical-note,[data-theme="dark"] .vertical-hero-scroll{color:#D4D7DA}
[data-theme="dark"] .vertical-hero-image-frame{border-color:rgba(174,181,188,.75);box-shadow:0 0 0 1px rgba(174,181,188,.22),0 22px 60px -28px rgba(0,0,0,.65),0 0 38px rgba(174,181,188,.18)}
[data-theme="dark"] .vertical-hero-floor{background:#202124;color:#D4D7DA;border-color:rgba(174,181,188,.75);box-shadow:0 0 24px rgba(174,181,188,.18)}
[data-theme="dark"] .vertical-hero-next{background:#202124;color:#FAFAF8;border-color:rgba(174,181,188,.25)}[data-theme="dark"] .vertical-hero-next span{color:#AEB5BC}[data-theme="dark"] .vertical-hero-next>a{color:#FAFAF8}


/* Home 2 / Section 2 — dark mode: colours come from the shared tokens, only the glow needs a nudge */
[data-theme="dark"] .lsh::before { border-color: rgba(174,181,188,.22); box-shadow: inset 0 0 42px rgba(174,181,188,.06), 0 0 38px rgba(174,181,188,.12); }
[data-theme="dark"] .lsh-frame { box-shadow: 0 24px 60px -34px rgba(0,0,0,.9), 0 0 44px -8px rgba(174,181,188,.3); }
[data-theme="dark"] .lsh .btn--p { background: var(--white); color: var(--onyx); }

/* Home 2 / Section 3 — dark mode: tokens do the work, only the dock glow and the primary-free ghost button need help */
[data-theme="dark"] .fit-pin::before { border-color: rgba(174,181,188,.22); box-shadow: inset 0 0 42px rgba(174,181,188,.06), 0 0 38px rgba(174,181,188,.12); }
[data-theme="dark"] .fit.is-js .fit-tile.is-lit { box-shadow: 0 18px 40px -28px rgba(0,0,0,.9), 0 0 24px -6px rgba(174,181,188,.25); }


/* Home 2 / Section 4 — dark mode */
[data-theme="dark"] .client4{--c4-bg:#202124;--c4-ink:#FAFAF8;--c4-muted:#D4D7DA;background:radial-gradient(ellipse 42% 60% at 88% 48%,rgba(174,181,188,.16),transparent 74%),#202124;color:#FAFAF8}
[data-theme="dark"] .client4:before{border-color:rgba(174,181,188,.24);box-shadow:inset 0 0 42px rgba(174,181,188,.05),0 0 34px rgba(174,181,188,.12)}
[data-theme="dark"] .client4-pill,[data-theme="dark"] .client4-btn--secondary{background:#292A2D;color:#FAFAF8;border-color:#737B82;box-shadow:0 0 24px rgba(174,181,188,.12)}
[data-theme="dark"] .client4-title{color:#FAFAF8}[data-theme="dark"] .client4-lead,[data-theme="dark"] .client4-info p,[data-theme="dark"] .client4-note,[data-theme="dark"] .client4-steps li,[data-theme="dark"] .client4-file-type{color:#D4D7DA}
[data-theme="dark"] .client4-check,[data-theme="dark"] .client4-step-dot{background:#303236;color:#FAFAF8;border-color:#AEB5BC;box-shadow:0 0 0 5px rgba(174,181,188,.08),0 0 22px rgba(174,181,188,.2)}
[data-theme="dark"] .client4-panel{background:linear-gradient(145deg,rgba(48,49,52,.98),rgba(32,33,36,.96));border-color:rgba(174,181,188,.65);box-shadow:0 22px 56px -34px rgba(0,0,0,.7),0 0 34px rgba(174,181,188,.14)}
[data-theme="dark"] .client4-status,[data-theme="dark"] .client4-info,[data-theme="dark"] .client4-file{background:#292A2D;color:#FAFAF8;border-color:rgba(174,181,188,.6)}
[data-theme="dark"] .client4-panel-head h3,[data-theme="dark"] .client4-info h4{color:#FAFAF8}[data-theme="dark"] .client4-file>span:first-child i,[data-theme="dark"] .client4-note i{color:#AEB5BC}
[data-theme="dark"] .client4-btn--primary{background:#FAFAF8;color:#202124;border-color:#AEB5BC;box-shadow:0 0 0 1px rgba(174,181,188,.25),0 0 28px rgba(174,181,188,.2)}
[data-theme="dark"] .client4-btn:hover,[data-theme="dark"] .client4-file:hover{box-shadow:0 0 0 2px rgba(174,181,188,.2),0 0 30px rgba(174,181,188,.24)}


/* Login: dark theme (same three colours, swapped roles) */
[data-theme="dark"] .lg-card::before { background: linear-gradient(120deg, var(--silver), var(--onyx), var(--silver)); opacity: .55; }
[data-theme="dark"] .lg-card { border-color: var(--line-strong); box-shadow: 0 24px 60px -30px rgba(0, 0, 0, .7), 0 0 44px -8px var(--glow); }
[data-theme="dark"] .lg-panel, [data-theme="dark"] .lg-step, [data-theme="dark"] .doors { border-color: var(--line-strong); }
[data-theme="dark"] .car { box-shadow: 0 0 0 4px var(--glow), 0 0 22px 2px rgba(174, 181, 188, .45), 0 8px 18px -4px rgba(0, 0, 0, .7); }
[data-theme="dark"] .door-display { box-shadow: 0 0 0 4px var(--glow), 0 8px 18px -8px rgba(0, 0, 0, .7); }
[data-theme="dark"] .lg-input.is-invalid { border-color: var(--white); }

/* Sign up: dark theme */
[data-theme="dark"] .su-photo { border-color: var(--line-strong); box-shadow: 0 0 0 4px var(--glow), 0 0 30px -4px rgba(174, 181, 188, .4); }
[data-theme="dark"] .su-photo img { filter: brightness(.92); }

/* About page: dark theme (cards, stat tiles and photos keep the silver outline + glow) */
[data-theme="dark"] .ab-tphoto { box-shadow: 0 0 0 1px rgba(250, 250, 248, .08), 0 0 0 4px rgba(174, 181, 188, .14), 0 0 30px rgba(174, 181, 188, .22); }
[data-theme="dark"] .ab-card-s, [data-theme="dark"] .ab-stats li { border-color: var(--line-strong); }
[data-theme="dark"] .ab-card-s { box-shadow: 0 0 30px -10px rgba(174, 181, 188, .3); }
[data-theme="dark"] .ab-card-s:hover { box-shadow: 0 0 0 4px rgba(174, 181, 188, .2), 0 18px 40px -24px var(--shadow-ink); }
[data-theme="dark"] .ab-sec--tint { background: var(--tint); }

/* Products banner: dark theme (deeper shade, softer silver glow, photo slightly calmed) */
[data-theme="dark"] .pb { --pb-glow: rgba(174, 181, 188, .8); --pb-glow-soft: rgba(174, 181, 188, .42); --pb-shade-top: rgba(32, 33, 36, .88); --pb-shade-mid: rgba(32, 33, 36, .80); --pb-shade-end: rgba(32, 33, 36, .92); --pb-bloom: rgba(174, 181, 188, .18); }
[data-theme="dark"] .pb-bg img { filter: brightness(.9) contrast(1.05); }
[data-theme="dark"] .pb-ground { opacity: .7; }

/* Products section 2 (stairlift index): dark theme */
[data-theme="dark"] .si::before { background: radial-gradient(ellipse 40% 36% at 6% 4%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 38% 40% at 96% 98%, rgba(174, 181, 188, .13), transparent 72%); }
/* About / Our story (Rising Line): dark theme (line + dot + car in white, stronger silver glow and fill) */
[data-theme="dark"] .rl-aura { opacity: 1; background: radial-gradient(ellipse 46% 60% at 100% 100%, rgba(174, 181, 188, .22), transparent 70%), radial-gradient(ellipse 40% 50% at 0% 0%, rgba(174, 181, 188, .16), transparent 70%); }
[data-theme="dark"] .rl-step::before, [data-theme="dark"] .rl-base::before, [data-theme="dark"] .rl-base::after { background: var(--white); box-shadow: 0 0 0 3px rgba(174, 181, 188, .2), 0 0 22px 2px rgba(174, 181, 188, .5); }
[data-theme="dark"] .rl-dot { background: var(--onyx); border-color: var(--white); box-shadow: 0 0 0 4px rgba(174, 181, 188, .22), 0 0 20px rgba(174, 181, 188, .5); }
[data-theme="dark"] .rl-car { background: var(--white); color: var(--onyx); box-shadow: 0 0 0 4px rgba(174, 181, 188, .25), 0 0 26px 2px rgba(174, 181, 188, .55); }
[data-theme="dark"] .rl-eyebrow::after { background: var(--white); }
[data-theme="dark"] .rl-fill { background: linear-gradient(to bottom, rgba(174, 181, 188, .28), transparent 94%), repeating-linear-gradient(135deg, rgba(174, 181, 188, .34) 0 1px, transparent 1px 9px); }
/* Active row contrast for the pinned situation matcher */
[data-theme="dark"] .mat-row.is-active {
  border-color: var(--white);
  background: color-mix(in srgb, var(--surface) 78%, var(--tint));
  box-shadow: 0 0 0 3px rgba(174,181,188,.34), 0 0 34px rgba(174,181,188,.36), 0 22px 38px -25px var(--shadow-ink);
}
[data-theme="dark"] .mat-row.is-active .mat-thumb {
  border-color: var(--white);
  box-shadow: 0 0 0 3px rgba(174,181,188,.3), 0 0 26px rgba(174,181,188,.38);
}
/* About / Meet the team (Handover): dark theme (white tape + car, brighter silver glow, softer doors) */
[data-theme="dark"] .tm-aura { opacity: 1; background: radial-gradient(ellipse 44% 56% at 0% 100%, rgba(174, 181, 188, .2), transparent 70%), radial-gradient(ellipse 40% 50% at 100% 0%, rgba(174, 181, 188, .15), transparent 70%); }
[data-theme="dark"] .tm-arch { border-color: var(--line-strong); box-shadow: 0 0 0 4px rgba(174, 181, 188, .18), 0 0 46px -2px rgba(174, 181, 188, .35); }
[data-theme="dark"] .tm-num { color: rgba(250, 250, 248, .05); -webkit-text-stroke-color: rgba(174, 181, 188, .7); text-shadow: 0 0 44px rgba(174, 181, 188, .35); }
[data-theme="dark"] .tm-fill, [data-theme="dark"] .tm-pt.is-past, [data-theme="dark"] .tm-car { box-shadow: 0 0 0 3px rgba(174, 181, 188, .22), 0 0 22px 3px rgba(174, 181, 188, .5); }
[data-theme="dark"] .tm-fill, [data-theme="dark"] .tm-pt.is-past { background: var(--white); border-color: var(--white); }
[data-theme="dark"] .tm-car { background: var(--white); color: var(--onyx); }
[data-theme="dark"] .tm-pt { background: var(--onyx); }
[data-theme="dark"] .tm-door { background: linear-gradient(90deg, #4a4d52, #34363a); }
[data-theme="dark"] .tm-eyebrow::before, [data-theme="dark"] .tm-eyebrow::after { background: var(--white); }


/* About / Our promise (The Ascent): dark theme. Cards, panels, rail and car use the swapped tokens (--ink white, --bg onyx), so only the glow needs a tweak */
[data-theme="dark"] .pd { background: var(--bg); }
[data-theme="dark"] .pd-aura { opacity: 1; background: radial-gradient(ellipse 50% 60% at 50% 62%, rgba(174, 181, 188, .2), transparent 72%), radial-gradient(ellipse 36% 46% at 100% 0%, rgba(174, 181, 188, .14), transparent 70%); }
[data-theme="dark"] .pd-eyebrow::before { background: var(--white); }
[data-theme="dark"] .pd-car { box-shadow: 0 0 0 3px var(--onyx), 0 0 0 5px var(--line-strong), 0 0 22px 3px rgba(174, 181, 188, .45); }


/* About / Why Ascendra (Bento): dark theme (white ink on the tape and call-to-action border, stronger silver glows) */
[data-theme="dark"] .bn-aura { opacity: 1; background: radial-gradient(ellipse 40% 50% at 0% 0%, rgba(174, 181, 188, .14), transparent 70%), radial-gradient(ellipse 44% 56% at 100% 100%, rgba(174, 181, 188, .2), transparent 72%); }
[data-theme="dark"] .bn-eyebrow::before, [data-theme="dark"] .bn-eyebrow::after { background: var(--white); }
[data-theme="dark"] .bn-tile { box-shadow: 0 0 0 1px rgba(174, 181, 188, .16), 0 18px 36px -26px rgba(0, 0, 0, .7); }
[data-theme="dark"] .bn-tile::before { background: radial-gradient(280px circle at var(--mx) var(--my), rgba(174, 181, 188, .26), transparent 70%); }
[data-theme="dark"] .bn-ic { background: var(--onyx); box-shadow: 0 0 0 4px rgba(174, 181, 188, .16), 0 0 20px rgba(174, 181, 188, .35); }
[data-theme="dark"] .bn-tile--cta { border-color: var(--white); background: linear-gradient(135deg, var(--surface), rgba(174, 181, 188, .16)); box-shadow: 0 0 0 3px rgba(174, 181, 188, .2), 0 0 34px -2px rgba(174, 181, 188, .4); }
[data-theme="dark"] .bn-fill { background: var(--white); box-shadow: 0 0 0 3px rgba(174, 181, 188, .22), 0 0 18px 2px rgba(174, 181, 188, .5); }
[data-theme="dark"] .bn-mark { background: var(--white); color: var(--onyx); box-shadow: 0 0 0 3px rgba(174, 181, 188, .25), 0 0 20px 3px rgba(174, 181, 188, .55); }
[data-theme="dark"] .bn-num { text-shadow: 0 0 28px rgba(174, 181, 188, .45); }
@media (hover: hover) {
  [data-theme="dark"] .bn-tile:hover { box-shadow: 0 0 0 3px rgba(174, 181, 188, .24), 0 0 34px -4px rgba(174, 181, 188, .45); }
}

/* Products section 3 (rise gauge): dark theme */
[data-theme="dark"] .rg { --rg-glow: rgba(174, 181, 188, .8); --rg-glow-soft: rgba(174, 181, 188, .42); --rg-shade-top: rgba(32, 33, 36, .9); --rg-shade-mid: rgba(32, 33, 36, .82); --rg-shade-end: rgba(32, 33, 36, .92); --rg-bloom: rgba(174, 181, 188, .16); }
[data-theme="dark"] .rg-photo { filter: brightness(.9) contrast(1.05); }
[data-theme="dark"] .rg-ground, [data-theme="dark"] .rg-wall { opacity: .7; }

/* Products section 4 (mosaic): dark theme */
[data-theme="dark"] .mz::before { background: radial-gradient(ellipse 40% 36% at 94% 4%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 38% 40% at 4% 98%, rgba(174, 181, 188, .13), transparent 72%); }
[data-theme="dark"] .mz-photo::after { background: linear-gradient(180deg, rgba(32, 33, 36, .12) 26%, rgba(32, 33, 36, .9)); }
[data-theme="dark"] .mz-photo > img { filter: brightness(.92) contrast(1.04); }
[data-theme="dark"] .mz-tile { box-shadow: 0 0 0 1px rgba(250, 250, 248, .16), 0 0 0 5px rgba(174, 181, 188, .1), 0 18px 34px -24px var(--shadow-ink); }
[data-theme="dark"] .mz-f { box-shadow: 0 0 0 1.5px var(--ink), 0 0 0 5px rgba(174, 181, 188, .22), 0 0 30px -4px rgba(174, 181, 188, .45); }
[data-theme="dark"] .mz-g { box-shadow: 0 0 0 2px var(--ink), 0 0 0 6px rgba(174, 181, 188, .22), 0 0 32px -2px rgba(174, 181, 188, .4); }

/* Home 2 / Section 5 — dark mode: door colours and text come from the shared tokens; only the frame glow is nudged */
[data-theme="dark"] .opn::before { border-color: rgba(174,181,188,.22); box-shadow: inset 0 0 42px rgba(174,181,188,.06), 0 0 38px rgba(174,181,188,.12); }
[data-theme="dark"] .opn-frame { box-shadow: 0 24px 60px -34px rgba(0,0,0,.9), 0 0 44px -8px rgba(174,181,188,.3); }
[data-theme="dark"] .opn .btn--p { background: var(--white); color: var(--onyx); }


/* About page section 7: FAQ lift in dark mode */
[data-theme="dark"] .lf-aura { opacity: 1; background: radial-gradient(ellipse 40% 50% at 0% 0%, rgba(174, 181, 188, .14), transparent 70%), radial-gradient(ellipse 44% 56% at 100% 100%, rgba(174, 181, 188, .12), transparent 72%); }
[data-theme="dark"] .lf-eyebrow::before { background: var(--white); }
[data-theme="dark"] .lf-panel, [data-theme="dark"] .lf-cabin { box-shadow: 0 0 0 1px rgba(174, 181, 188, .16), 0 18px 36px -26px rgba(0, 0, 0, .7); }
[data-theme="dark"] .lf-floor.is-on { box-shadow: 0 0 0 3px rgba(174, 181, 188, .22), 0 0 24px rgba(174, 181, 188, .35); }
[data-theme="dark"] .lf-door { background: repeating-linear-gradient(135deg, rgba(174, 181, 188, .34) 0 7px, color-mix(in srgb, var(--white) 6%, var(--onyx)) 7px 14px); }
[data-theme="dark"] .lf-cta { box-shadow: 0 0 0 3px rgba(174, 181, 188, .18), 0 0 30px -4px rgba(174, 181, 188, .35); }
[data-theme="dark"] .lf-big, [data-theme="dark"] .lf-disp { text-shadow: 0 0 26px rgba(174, 181, 188, .4); }

/* Products section 5: pinned build in dark mode */
[data-theme="dark"] .bp-part.is-in { box-shadow: 0 0 0 3px rgba(174, 181, 188, .22), 0 0 18px rgba(174, 181, 188, .3); }
[data-theme="dark"] .bp-out.is-done { box-shadow: 0 0 0 3px rgba(174, 181, 188, .2), 0 0 26px rgba(174, 181, 188, .35); }
[data-theme="dark"] .bp-panel, [data-theme="dark"] .bp-strip { box-shadow: 0 0 0 1px rgba(174, 181, 188, .14), 0 18px 36px -26px rgba(0, 0, 0, .7); }

/* Products section 6: the climb in dark mode (step tones climb from the dark surface so white text stays readable) */
[data-theme="dark"] .cmb { --cmb-1: color-mix(in srgb, var(--silver) 14%, var(--bg)); --cmb-2: color-mix(in srgb, var(--silver) 24%, var(--bg)); --cmb-3: color-mix(in srgb, var(--silver) 36%, var(--bg)); }
[data-theme="dark"] .cmb::before { background: radial-gradient(ellipse 40% 36% at 94% 4%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 38% 40% at 4% 98%, rgba(174, 181, 188, .13), transparent 72%); }
[data-theme="dark"] .cmb-car { box-shadow: 0 0 0 4px rgba(174, 181, 188, .28), 0 0 22px rgba(174, 181, 188, .4); }
[data-theme="dark"] .cmb-facts li, [data-theme="dark"] .cmb-tag, [data-theme="dark"] .cmb-chip { box-shadow: 0 0 0 1px rgba(174, 181, 188, .12); }

/* Login page: photo + form in dark mode (the photo scrim stays dark in both themes so the white headline is always readable) */
[data-theme="dark"] .lgn-photo, [data-theme="dark"] .lgn-card { border-color: var(--line-strong); }
[data-theme="dark"] .lgn-photo img { filter: brightness(.92) contrast(1.04); }
[data-theme="dark"] .lgn-card { box-shadow: 0 24px 60px -30px rgba(0, 0, 0, .7), 0 0 44px -8px var(--glow); }

/* About section 8 (Call the lift) in dark mode: the band inverts to light through the tokens, add a soft glow */
[data-theme="dark"] .clt-core { box-shadow: 0 0 0 5px rgba(32, 33, 36, .16), 0 0 34px rgba(250, 250, 248, .28); }
[data-theme="dark"] .clt-ding { box-shadow: 0 0 0 2px var(--ink); }
[data-theme="dark"] .clt::before { opacity: .45; }

/* Products section 7 (CTA): stage and type swap through --ink/--bg; only the glows need a dark-mode boost */
[data-theme="dark"] .pcta::before { background: radial-gradient(ellipse 46% 60% at 50% 0%, rgba(32, 33, 36, .18), transparent 72%), radial-gradient(ellipse 34% 46% at 4% 100%, rgba(32, 33, 36, .1), transparent 72%), radial-gradient(ellipse 34% 46% at 96% 100%, rgba(32, 33, 36, .1), transparent 72%); }
[data-theme="dark"] .pcta-btn--main:hover { box-shadow: 0 0 0 6px rgba(32, 33, 36, .28), 0 14px 30px -10px rgba(0, 0, 0, .6); }
[data-theme="dark"] .pcta-car { box-shadow: 0 0 0 4px rgba(32, 33, 36, .22), 0 0 22px rgba(32, 33, 36, .45); }

/* Contact section 2 (the floor request): the dark side stays dark; the form side swaps through the tokens, only glows are tuned */
[data-theme="dark"] .fm-photo img { filter: grayscale(.25) brightness(.9); }
[data-theme="dark"] .fm-main { background: radial-gradient(ellipse 60% 44% at 100% 0%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 46% 40% at 0% 100%, rgba(174, 181, 188, .1), transparent 72%), var(--bg); }
[data-theme="dark"] .fm-floor input:checked + .fm-floor-btn { box-shadow: 0 0 0 4px rgba(174, 181, 188, .3), 0 0 28px rgba(174, 181, 188, .55); }
[data-theme="dark"] .fm-field.is-bad .fm-input { background: color-mix(in srgb, var(--white) 10%, var(--onyx)); box-shadow: 0 0 0 4px rgba(250, 250, 248, .22), 0 0 22px rgba(174, 181, 188, .5); }


/* Contact section 3 (find us): the map follows the theme (inverted tiles in dark), the hint chip stays dark, glows are tuned */
[data-theme="dark"] .mp::before { background: radial-gradient(ellipse 44% 36% at 50% 0%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 36% 40% at 100% 100%, rgba(174, 181, 188, .1), transparent 72%), radial-gradient(ellipse 36% 40% at 0% 100%, rgba(174, 181, 188, .08), transparent 72%); }
[data-theme="dark"] .mp-frame { filter: invert(.92) hue-rotate(180deg) grayscale(.35) brightness(.95) contrast(.92); }
[data-theme="dark"] .mp-map { box-shadow: 0 0 0 5px rgba(174, 181, 188, .16), 0 0 44px rgba(174, 181, 188, .3), 0 26px 50px -30px var(--shadow-ink); }
[data-theme="dark"] .mp-tag, [data-theme="dark"] .mp-ic { box-shadow: 0 0 0 1px rgba(174, 181, 188, .14), 0 0 16px rgba(174, 181, 188, .16); }


/* Contact section 4 (The Ascent): the lit room turns lighter than the dark one; glows retuned */
[data-theme="dark"] .cl { --cl-off: var(--surface); --cl-on: var(--tint); }
[data-theme="dark"] .cl-stage::before { background: radial-gradient(ellipse 40% 50% at 0% 0%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 40% 50% at 100% 100%, rgba(174, 181, 188, .12), transparent 72%); }
[data-theme="dark"] .cl-building { box-shadow: 0 0 0 5px rgba(174, 181, 188, .14), 0 0 44px rgba(174, 181, 188, .26), 0 26px 50px -30px var(--shadow-ink); }
[data-theme="dark"] .cl-tag { box-shadow: 0 0 0 1px rgba(174, 181, 188, .14), 0 0 16px rgba(174, 181, 188, .16); }
[data-theme="dark"] .cl-floor::before { background: radial-gradient(ellipse 80% 140% at 0% 50%, rgba(174, 181, 188, .3), transparent 72%), var(--cl-on); }
[data-theme="dark"] .cl-panel { box-shadow: 0 0 0 4px rgba(174, 181, 188, .22), 0 0 30px rgba(174, 181, 188, .3), 0 18px 38px -20px var(--shadow-ink); }


/* Contact section 5 (Door Panels): glows retuned; open rail turns White with Onyx text through the tokens */
[data-theme="dark"] .fq::before { background: radial-gradient(ellipse 44% 40% at 0% 0%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 44% 40% at 100% 100%, rgba(174, 181, 188, .12), transparent 72%); }
[data-theme="dark"] .fq-item { box-shadow: 0 0 22px -6px rgba(174, 181, 188, .22); }
[data-theme="dark"] .fq-item.is-open { box-shadow: 0 0 0 5px rgba(174, 181, 188, .14), 0 0 44px rgba(174, 181, 188, .26), 0 24px 46px -30px var(--shadow-ink); }
[data-theme="dark"] .fq-panel-in::before { background: radial-gradient(ellipse 70% 90% at 0% 50%, rgba(174, 181, 188, .2), transparent 74%), var(--surface); }
[data-theme="dark"] .fq-tag { box-shadow: 0 0 0 1px rgba(174, 181, 188, .14), 0 0 16px rgba(174, 181, 188, .16); }


/* Contact section 6 (Call the Lift): the band flips to White through the tokens; only the glows and the panel shadow are retuned */
[data-theme="dark"] .go::after { background: radial-gradient(ellipse 40% 60% at 80% 50%, rgba(32, 33, 36, .12), transparent 70%); }
[data-theme="dark"] .go::before { background: none; }
[data-theme="dark"] .go-panel { box-shadow: 0 0 0 6px rgba(32, 33, 36, .12), 0 30px 60px -30px rgba(0, 0, 0, .7); }


/* Login (The Lobby): glows retuned, doors turn White through the tokens */
[data-theme="dark"] .lgx::before { background-image: radial-gradient(circle, rgba(174, 181, 188, .4) 1.5px, transparent 1.6px); }
[data-theme="dark"] .lgx::after { background: radial-gradient(ellipse 40% 50% at 100% 0%, rgba(174, 181, 188, .16), transparent 72%), radial-gradient(ellipse 40% 50% at 0% 100%, rgba(174, 181, 188, .12), transparent 72%); }
[data-theme="dark"] .lgx-card { box-shadow: 0 0 0 6px rgba(174, 181, 188, .14), 0 0 50px rgba(174, 181, 188, .24), 0 30px 56px -34px var(--shadow-ink); }
[data-theme="dark"] .lgx-door { background: linear-gradient(100deg, var(--ink), color-mix(in srgb, var(--ink) 86%, var(--onyx))); }
[data-theme="dark"] .lgx-tag { box-shadow: 0 0 0 1px rgba(174, 181, 188, .14), 0 0 16px rgba(174, 181, 188, .16); }


/* Global dark-mode glow reduction for clearer section contrast */
[data-theme="dark"] .hero-aura::before, [data-theme="dark"] .hero-aura::after, [data-theme="dark"] .ind::before, [data-theme="dark"] .jny::before, [data-theme="dark"] .stories::before, [data-theme="dark"] .bn-aura, [data-theme="dark"] .lf-aura, [data-theme="dark"] .tm-aura, [data-theme="dark"] .pd-aura, [data-theme="dark"] .rl-aura, [data-theme="dark"] .saf-stage::before, [data-theme="dark"] .mat-panel::before, [data-theme="dark"] .vertical-hero::before, [data-theme="dark"] .client4::before, [data-theme="dark"] .lsh::before, [data-theme="dark"] .fit-pin::before, [data-theme="dark"] .opn::before, [data-theme="dark"] .fq::before, [data-theme="dark"] .mp::before, [data-theme="dark"] .cl-stage::before, [data-theme="dark"] .lgx::after { opacity: .55; }
/* Home 1 dark theme: lower ambient light and restrained component glows */
html[data-theme="dark"] body[data-page="home-1"] { --glow: rgba(174,181,188,.16); }
html[data-theme="dark"] body[data-page="home-1"] .hero-aura::before,
html[data-theme="dark"] body[data-page="home-1"] .hero-aura::after,
html[data-theme="dark"] body[data-page="home-1"] .hero-card::before,
html[data-theme="dark"] body[data-page="home-1"] .ind::before,
html[data-theme="dark"] body[data-page="home-1"] .jny::before { opacity: .38; }
html[data-theme="dark"] body[data-page="home-1"] .product-explorer {
  background: radial-gradient(ellipse 36% 42% at 4% 12%, rgba(174,181,188,.06), transparent 76%), radial-gradient(ellipse 34% 48% at 96% 88%, rgba(174,181,188,.05), transparent 72%), var(--bg);
}
html[data-theme="dark"] body[data-page="home-1"] .product-explorer::after { opacity: .35; box-shadow: 0 0 34px rgba(174,181,188,.05), inset 0 0 30px rgba(174,181,188,.035); }
html[data-theme="dark"] body[data-page="home-1"] .explorer-photo { box-shadow: 0 0 0 1px rgba(250,250,248,.06), 0 0 22px rgba(174,181,188,.12), 0 24px 48px -28px var(--shadow-ink); }
html[data-theme="dark"] body[data-page="home-1"] .explorer-tab.is-active { box-shadow: 0 0 0 1px rgba(174,181,188,.3), 0 0 16px rgba(174,181,188,.12), 0 18px 28px -20px var(--shadow-ink); }
html[data-theme="dark"] body[data-page="home-1"] .jny { background: var(--tint); }
html[data-theme="dark"] body[data-page="home-1"] .jny-photo,
html[data-theme="dark"] body[data-page="home-1"] .jny-step.is-active .jny-photo,
html[data-theme="dark"] body[data-page="home-1"] .jny-step:hover .jny-photo { box-shadow: 0 0 0 1px rgba(250,250,248,.07), 0 0 20px rgba(174,181,188,.14), 0 22px 42px -24px var(--shadow-ink); }
html[data-theme="dark"] body[data-page="home-1"] .jny-car { animation: none; box-shadow: 0 0 0 3px rgba(174,181,188,.14), 0 0 16px rgba(250,250,248,.18), 0 16px 28px -14px var(--shadow-ink); }
html[data-theme="dark"] body[data-page="home-1"] .jny-rail::before,
html[data-theme="dark"] body[data-page="home-1"] .jny-rail::after { box-shadow: none; }
html[data-theme="dark"] body[data-page="home-1"] .saf { background: radial-gradient(ellipse 42% 46% at 4% 8%, rgba(174,181,188,.07), transparent 72%), radial-gradient(ellipse 40% 46% at 96% 94%, rgba(174,181,188,.05), transparent 70%), var(--bg); }
html[data-theme="dark"] body[data-page="home-1"] .saf-stage { box-shadow: 0 0 0 1px rgba(250,250,248,.06), 0 0 32px rgba(174,181,188,.14), 0 34px 60px -34px var(--shadow-ink); }
html[data-theme="dark"] body[data-page="home-1"] .saf-stage::before { opacity: .32; }
html[data-theme="dark"] body[data-page="home-1"] .saf-item.is-active { box-shadow: 0 0 0 3px rgba(174,181,188,.13), 0 0 20px rgba(174,181,188,.18); }
html[data-theme="dark"] body[data-page="home-1"] .saf-visual { box-shadow: 0 0 0 3px rgba(32,33,36,.1), 0 0 28px 2px rgba(174,181,188,.2); }
html[data-theme="dark"] body[data-page="home-1"] .mat { background: radial-gradient(ellipse 44% 50% at 96% 6%, rgba(174,181,188,.08), transparent 70%), radial-gradient(ellipse 42% 48% at 3% 96%, rgba(174,181,188,.06), transparent 70%), var(--tint); }
html[data-theme="dark"] body[data-page="home-1"] .mat-panel { box-shadow: 0 0 0 1px rgba(250,250,248,.05), 0 0 22px rgba(174,181,188,.1), 0 26px 50px -30px var(--shadow-ink); }
html[data-theme="dark"] body[data-page="home-1"] .mat-panel::before { opacity: .4; }
html[data-theme="dark"] body[data-page="home-1"] .mat-row,
html[data-theme="dark"] body[data-page="home-1"] .mat-row:hover,
html[data-theme="dark"] body[data-page="home-1"] .mat-row:focus-visible { box-shadow: 0 0 0 1px rgba(174,181,188,.08), 0 0 14px rgba(174,181,188,.08), 0 16px 30px -24px var(--shadow-ink); }
html[data-theme="dark"] body[data-page="home-1"] .stories { background: radial-gradient(ellipse 38% 42% at 8% 0%, rgba(174,181,188,.06), transparent 72%), radial-gradient(ellipse 34% 42% at 92% 100%, rgba(174,181,188,.05), transparent 72%), var(--bg); }
html[data-theme="dark"] body[data-page="home-1"] .stories::before { opacity: .35; }
html[data-theme="dark"] body[data-page="home-1"] .story-card,
html[data-theme="dark"] body[data-page="home-1"] .story-card:hover,
html[data-theme="dark"] body[data-page="home-1"] .story-card:focus-within { box-shadow: 0 0 0 1px rgba(174,181,188,.08), 0 12px 28px -24px var(--shadow-ink); }
html[data-theme="dark"] body[data-page="home-1"] .home-cta { background: radial-gradient(ellipse 36% 68% at 0% 48%, rgba(174,181,188,.07), transparent 74%), radial-gradient(ellipse 30% 55% at 100% 8%, rgba(174,181,188,.05), transparent 72%), var(--bg); }
html[data-theme="dark"] body[data-page="home-1"] .home-cta::before { opacity: .4; box-shadow: inset 0 0 32px rgba(174,181,188,.035), 0 0 38px rgba(174,181,188,.04); }
html[data-theme="dark"] body[data-page="home-1"] .home-cta-primary,
html[data-theme="dark"] body[data-page="home-1"] .home-cta-primary:hover,
html[data-theme="dark"] body[data-page="home-1"] .home-cta-primary:focus-visible { box-shadow: 0 0 0 1px rgba(174,181,188,.28), 0 12px 24px -16px rgba(0,0,0,.7); }

/* Home 2 dark mode: soften ambient glow while keeping text and borders clear. */
html[data-theme="dark"] body[data-page="home-2"] { --glow: rgba(174,181,188,.12); }
html[data-theme="dark"] body[data-page="home-2"] .vertical-hero { background: radial-gradient(ellipse 30% 60% at 92% 10%, rgba(174,181,188,.08), transparent 75%), radial-gradient(ellipse 32% 55% at 2% 92%, rgba(174,181,188,.06), transparent 75%), #202124; }
html[data-theme="dark"] body[data-page="home-2"] .vertical-hero:before,
html[data-theme="dark"] body[data-page="home-2"] .lsh:before,
html[data-theme="dark"] body[data-page="home-2"] .fit-pin:before,
html[data-theme="dark"] body[data-page="home-2"] .client4:before,
html[data-theme="dark"] body[data-page="home-2"] .opn:before { box-shadow: inset 0 0 28px rgba(174,181,188,.025), 0 0 20px rgba(174,181,188,.045); }
html[data-theme="dark"] body[data-page="home-2"] .vertical-hero-title em { text-shadow: 0 0 14px rgba(174,181,188,.1); }
html[data-theme="dark"] body[data-page="home-2"] .vertical-hero-primary,
html[data-theme="dark"] body[data-page="home-2"] .vertical-hero-primary:hover,
html[data-theme="dark"] body[data-page="home-2"] .vertical-hero-primary:focus-visible { box-shadow: 0 0 0 1px rgba(174,181,188,.28), 0 10px 22px rgba(0,0,0,.28); }
html[data-theme="dark"] body[data-page="home-2"] .vertical-hero-image-frame,
html[data-theme="dark"] body[data-page="home-2"] .lsh-frame,
html[data-theme="dark"] body[data-page="home-2"] .opn-frame { box-shadow: 0 20px 48px -34px rgba(0,0,0,.82), 0 0 20px -10px rgba(174,181,188,.12); }
html[data-theme="dark"] body[data-page="home-2"] .client4 { background: radial-gradient(ellipse 42% 60% at 88% 48%, rgba(174,181,188,.07), transparent 74%), #202124; }
html[data-theme="dark"] body[data-page="home-2"] .client4-panel { box-shadow: 0 20px 48px -34px rgba(0,0,0,.72), 0 0 18px rgba(174,181,188,.06); }
html[data-theme="dark"] body[data-page="home-2"] .client4-pill,
html[data-theme="dark"] body[data-page="home-2"] .client4-btn--secondary,
html[data-theme="dark"] body[data-page="home-2"] .client4-btn--primary,
html[data-theme="dark"] body[data-page="home-2"] .client4-btn:hover,
html[data-theme="dark"] body[data-page="home-2"] .client4-file:hover { box-shadow: none; }
html[data-theme="dark"] body[data-page="home-2"] .client4-check,
html[data-theme="dark"] body[data-page="home-2"] .client4-step-dot { box-shadow: 0 0 0 3px rgba(174,181,188,.06); }
html[data-theme="dark"] body[data-page="home-2"] .fit.is-js .fit-tile.is-lit { box-shadow: 0 16px 34px -28px rgba(0,0,0,.85), 0 0 14px -8px rgba(174,181,188,.12); }


/* Home 1 dark mode: reduce decorative glow without muting content. */
html[data-theme="dark"] body[data-page="home-1"] { --glow: rgba(174,181,188,.07); }
html[data-theme="dark"] body[data-page="home-1"] .hero-aura,
html[data-theme="dark"] body[data-page="home-1"] .hero-aura::before,
html[data-theme="dark"] body[data-page="home-1"] .hero-aura::after,
html[data-theme="dark"] body[data-page="home-1"] .hero-card::before,
html[data-theme="dark"] body[data-page="home-1"] .ind::before,
html[data-theme="dark"] body[data-page="home-1"] .jny::before,
html[data-theme="dark"] body[data-page="home-1"] .saf-stage::before,
html[data-theme="dark"] body[data-page="home-1"] .mat-panel::before,
html[data-theme="dark"] body[data-page="home-1"] .stories::before,
html[data-theme="dark"] body[data-page="home-1"] .home-cta::before { opacity: .12; }
html[data-theme="dark"] body[data-page="home-1"] .product-explorer,
html[data-theme="dark"] body[data-page="home-1"] .saf,
html[data-theme="dark"] body[data-page="home-1"] .mat,
html[data-theme="dark"] body[data-page="home-1"] .stories,
html[data-theme="dark"] body[data-page="home-1"] .home-cta { background-image: none; }
html[data-theme="dark"] body[data-page="home-1"] .hero-card,
html[data-theme="dark"] body[data-page="home-1"] .hero-benefits,
html[data-theme="dark"] body[data-page="home-1"] .explorer-photo,
html[data-theme="dark"] body[data-page="home-1"] .explorer-tab.is-active,
html[data-theme="dark"] body[data-page="home-1"] .jny-photo,
html[data-theme="dark"] body[data-page="home-1"] .jny-step.is-active .jny-photo,
html[data-theme="dark"] body[data-page="home-1"] .jny-step:hover .jny-photo,
html[data-theme="dark"] body[data-page="home-1"] .saf-stage,
html[data-theme="dark"] body[data-page="home-1"] .saf-item.is-active,
html[data-theme="dark"] body[data-page="home-1"] .saf-visual,
html[data-theme="dark"] body[data-page="home-1"] .mat-panel,
html[data-theme="dark"] body[data-page="home-1"] .mat-row,
html[data-theme="dark"] body[data-page="home-1"] .mat-row:hover,
html[data-theme="dark"] body[data-page="home-1"] .mat-row:focus-visible,
html[data-theme="dark"] body[data-page="home-1"] .story-card,
html[data-theme="dark"] body[data-page="home-1"] .story-card:hover,
html[data-theme="dark"] body[data-page="home-1"] .story-card:focus-within,
html[data-theme="dark"] body[data-page="home-1"] .home-cta-visual,
html[data-theme="dark"] body[data-page="home-1"] .home-cta-visual figcaption { box-shadow: 0 14px 32px -26px rgba(0,0,0,.8); }
html[data-theme="dark"] body[data-page="home-1"] .hero-eyebrow,
html[data-theme="dark"] body[data-page="home-1"] .hero-car span,
html[data-theme="dark"] body[data-page="home-1"] .floor[aria-pressed="true],
html[data-theme="dark"] body[data-page="home-1"] .floor-ic,
html[data-theme="dark"] body[data-page="home-1"] .hero-benefits i,
html[data-theme="dark"] body[data-page="home-1"] .jny-node,
html[data-theme="dark"] body[data-page="home-1"] .home-cta-eyebrow,
html[data-theme="dark"] body[data-page="home-1"] .home-cta-primary,
html[data-theme="dark"] body[data-page="home-1"] .home-cta-primary:hover,
html[data-theme="dark"] body[data-page="home-1"] .home-cta-primary:focus-visible { box-shadow: none; }


/* About page dark mode: soften ambient and component glows. */
html[data-theme="dark"] body[data-page="about"] { --glow: rgba(174,181,188,.08); --rl-halo: 0 0 0 2px rgba(174,181,188,.08), 0 0 12px 2px rgba(174,181,188,.06); --tm-halo: 0 0 0 2px rgba(174,181,188,.08), 0 0 12px 2px rgba(174,181,188,.06); }
html[data-theme="dark"] body[data-page="about"] .ab-tphoto,
html[data-theme="dark"] body[data-page="about"] .ab-card-s,
html[data-theme="dark"] body[data-page="about"] .ab-card-s:hover,
html[data-theme="dark"] body[data-page="about"] .ab-stats li,
html[data-theme="dark"] body[data-page="about"] .tm-arch { box-shadow: 0 16px 34px -30px rgba(0,0,0,.82); }
html[data-theme="dark"] body[data-page="about"] .ab-card::before,
html[data-theme="dark"] body[data-page="about"] .pd::before,
html[data-theme="dark"] body[data-page="about"] .bn::before,
html[data-theme="dark"] body[data-page="about"] .clt::before { opacity: .28; }
html[data-theme="dark"] body[data-page="about"] .ab-card-s:hover { border-color: var(--line-strong); }


/* Products page dark mode: lower decorative glow and card halos. */
html[data-theme="dark"] body[data-page="products"] { --glow: rgba(174,181,188,.08); --pb-glow: rgba(174,181,188,.34); --pb-glow-soft: rgba(174,181,188,.2); --pb-bloom: rgba(174,181,188,.08); --rg-glow: rgba(174,181,188,.34); --rg-glow-soft: rgba(174,181,188,.2); --rg-bloom: rgba(174,181,188,.07); }
html[data-theme="dark"] body[data-page="products"] .mz::before { background: none; }
html[data-theme="dark"] body[data-page="products"] .mz-tile,
html[data-theme="dark"] body[data-page="products"] .mz-f,
html[data-theme="dark"] body[data-page="products"] .mz-g { box-shadow: 0 14px 30px -26px rgba(0,0,0,.78); }
html[data-theme="dark"] body[data-page="products"] .stc-car,
html[data-theme="dark"] body[data-page="products"] .stc-step.is-active,
html[data-theme="dark"] body[data-page="products"] .rg-car,
html[data-theme="dark"] body[data-page="products"] .rg-step.is-active,
html[data-theme="dark"] body[data-page="products"] .pcta-car { box-shadow: none; }
html[data-theme="dark"] body[data-page="products"] .pcta::before { opacity: .28; }
html[data-theme="dark"] body[data-page="products"] .pcta-btn--main:hover { box-shadow: 0 12px 26px -18px rgba(0,0,0,.72); }
html[data-theme="dark"] body[data-page="products"] .pb::after { box-shadow: 0 0 10px 1px var(--pb-glow-soft); }
html[data-theme="dark"] body[data-page="products"] .pb-eyebrow::before,
html[data-theme="dark"] body[data-page="products"] .pb-eyebrow::after { box-shadow: 0 0 6px var(--pb-glow-soft); }