/* Dark mode and the header controls (language + theme).
   Loaded last. Dark rules live under html[data-theme="dark"], so the light
   design stays exactly as authored and nothing here runs until it is chosen.
   Depicted product screens and video keep their own light UI on purpose:
   they are captured screens, not page chrome. */

/* ---------- header controls ----------
   The switches carry their own colours rather than the page's variables: the
   Sales Agent page is built with Tailwind and never defines --navy, which left
   the selected label white on white. */
.header-tools {
  display: flex; align-items: center; gap: 8px; margin-left: auto;
  --switch-line: #c9d2e0;
  --switch-idle: #7a869c;
  --switch-accent: #153b99;
  --switch-accent-text: #fff;
  --switch-hover-line: #2455e7;
  --switch-ease: cubic-bezier(.34, 1.36, .48, 1);
}
.desktop-nav ~ .header-tools { margin-left: 0; }
.product-header .header-tools { margin-left: 0; }
.lang-toggle, .theme-toggle { border: 1px solid var(--switch-line); background: transparent; border-radius: 40px; height: 40px; transition: border-color .25s; }
.lang-toggle:hover, .theme-toggle:hover { border-color: var(--switch-hover-line); }

/* The pill sits behind whichever language is live, and glides to the other one
   on hover, so the control shows what a click would do. */
.lang-toggle { position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 4px; font-size: 12px; font-weight: 600; letter-spacing: .4px; }
.lang-toggle::before {
  content: ""; position: absolute; z-index: -1; top: 4px; bottom: 4px; left: 4px;
  width: calc(50% - 4px); border-radius: 30px; background: var(--switch-accent);
  transform: translateX(0); transition: transform .42s var(--switch-ease);
}
.lang-toggle span { padding: 4px 9px; text-align: center; color: var(--switch-idle); transition: color .3s; }
html[lang="vi"] .lang-toggle [data-lang="vi"],
html[lang="en"] .lang-toggle [data-lang="en"] { color: var(--switch-accent-text); }
html[lang="en"] .lang-toggle::before { transform: translateX(100%); }
@media (hover: hover) and (pointer: fine) {
  .lang-toggle:hover::before { transform: translateX(100%); }
  .lang-toggle:hover [data-lang="vi"] { color: var(--switch-idle); }
  .lang-toggle:hover [data-lang="en"] { color: var(--switch-accent-text); }
  html[lang="en"] .lang-toggle:hover::before { transform: translateX(0); }
  html[lang="en"] .lang-toggle:hover [data-lang="en"] { color: var(--switch-idle); }
  html[lang="en"] .lang-toggle:hover [data-lang="vi"] { color: var(--switch-accent-text); }
}

.theme-toggle { width: 40px; padding: 0; display: inline-grid; place-items: center; color: var(--switch-accent); overflow: hidden; }
.theme-toggle svg { grid-area: 1 / 1; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: transform .5s var(--switch-ease), opacity .3s; }
.theme-toggle .ic-moon { opacity: 0; transform: rotate(-70deg) scale(.5); }
.theme-toggle:hover .ic-sun { transform: rotate(35deg); }
.theme-toggle:hover .ic-moon { transform: rotate(-35deg) scale(.5); }
@media (max-width: 760px) {
  .site-header .header-cta, .product-header .nav-contact { display: none; }
  .header-tools { margin-left: auto; gap: 6px; }
  .lang-toggle, .theme-toggle { height: 36px; }
  .theme-toggle { width: 36px; }
  .lang-toggle { font-size: 11px; padding: 3px; }
  .lang-toggle span { padding: 4px 7px; }
  .lang-toggle::before { top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px); }
}

/* ---------- main navigation ----------
   Hovering rolls the label up and brings the same word back in cobalt from
   below. The clip wraps the line box exactly, so the travel is one line. */
.desktop-nav a { display: inline-block; }
.nav-clip { position: relative; display: grid; overflow: hidden; line-height: 1.65; }
.nav-roll, .nav-clip::after { grid-area: 1 / 1; transition: transform .45s cubic-bezier(.2, .65, .25, 1); }
.nav-clip::after { content: attr(data-label); color: var(--cobalt, #2455e7); transform: translateY(100%); }
/* The copy is decoration; the empty alternative text keeps screen readers from
   announcing every menu item twice. Browsers without the alt syntax keep the
   line above. */
.nav-clip::after { content: attr(data-label) / ""; }
.desktop-nav a:hover .nav-roll, .desktop-nav a:focus-visible .nav-roll { transform: translateY(-100%); }
.desktop-nav a:hover .nav-clip::after, .desktop-nav a:focus-visible .nav-clip::after { transform: translateY(0); }
.desktop-nav a[aria-current="page"] { color: var(--navy, #16336b); }
.desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }
.product-header .desktop-nav a[aria-current="page"] { color: #2455e7; }

/* Phone menu: the bar wipes in and the row steps aside for it. */
.mobile-nav a { position: relative; padding-left: 0; transition: padding-left .3s cubic-bezier(.2, .65, .25, 1), color .25s; }
.mobile-nav a::before { content: ""; position: absolute; left: 0; top: 50%; width: 3px; height: 0; border-radius: 3px; background: var(--orange, #f47735); transform: translateY(-50%); transition: height .3s cubic-bezier(.2, .65, .25, 1); }
.mobile-nav a:hover, .mobile-nav a:focus-visible, .mobile-nav a[aria-current="page"] { padding-left: 16px; color: var(--navy, #16336b); }
.mobile-nav a:hover::before, .mobile-nav a:focus-visible::before, .mobile-nav a[aria-current="page"]::before { height: 60%; }

@media (prefers-reduced-motion: reduce) {
  .lang-toggle::before, .nav-roll, .nav-clip::after, .mobile-nav a, .mobile-nav a::before, .theme-toggle svg { transition: none; }
  .desktop-nav a:hover .nav-roll { transform: none; }
  .desktop-nav a:hover .nav-clip::after { transform: translateY(100%); }
}

/* Hidden only while an English page is still being translated. */
html.i18n-pending body { visibility: hidden; }

/* ---------- dark tokens ---------- */
html[data-theme="dark"] {
  --ink: #e7edf8;
  --muted: #98a6bf;
  --paper: #0b1120;
  --mint: #141d2f;
  --line: #22304a;
  --navy: #c8d9ff;          /* heading / brand text on dark */
  --navy-hover: #e3ecff;
  --cobalt: #7ea2ff;
  --soft-blue: #1a2742;
  --orange: #ff9a63;
  --surface: #111a2c;       /* cards */
  --surface-2: #16203a;     /* raised */
  --border: #24314c;
  color-scheme: dark;
}
html[data-theme="dark"] body { background: var(--paper); color: var(--ink); }
html[data-theme="dark"] ::selection { background: #2b4fa8; color: #fff; }
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] button:focus-visible,
html[data-theme="dark"] summary:focus-visible { outline-color: var(--cobalt); }
html[data-theme="dark"] .skip-link { background: var(--cobalt); color: #05101f; }

/* brand mark */
html[data-theme="dark"] a.brand { color: #dce7ff; }
html[data-theme="dark"] .brand-x .x-stroke-a { fill: #dce7ff; }
html[data-theme="dark"] .site-footer .brand span { color: #dce7ff; }

/* header */
html[data-theme="dark"] .site-header.is-scrolled { background: #0b1120d9; box-shadow: 0 1px 0 #ffffff0d inset, 0 12px 30px -22px #000c; }
html[data-theme="dark"] .desktop-nav a { color: #c2cee3; }
html[data-theme="dark"] .header-cta { border-color: #33435f; color: #d7e3fb; }
html[data-theme="dark"] .header-cta:hover { background: var(--soft-blue); border-color: var(--cobalt); }
html[data-theme="dark"] .menu-button span { background: #d7e3fb; }
html[data-theme="dark"] .mobile-nav { background: #0d1526; border-color: var(--line); }
html[data-theme="dark"] .header-tools {
  --switch-line: #35455f;
  --switch-idle: #8fa0bb;
  --switch-accent: #7ea2ff;
  --switch-accent-text: #071022;
  --switch-hover-line: #7ea2ff;
}
html[data-theme="dark"] .theme-toggle { color: #d7e3fb; }
html[data-theme="dark"] .theme-toggle .ic-sun { opacity: 0; transform: rotate(70deg) scale(.5); }
html[data-theme="dark"] .theme-toggle .ic-moon { opacity: 1; transform: rotate(0) scale(1); }
html[data-theme="dark"] .theme-toggle:hover .ic-moon { transform: rotate(-20deg) scale(1); }
html[data-theme="dark"] .theme-toggle:hover .ic-sun { transform: rotate(35deg) scale(.5); }
html[data-theme="dark"] .nav-clip::after { color: #86a8ff; }
html[data-theme="dark"] .desktop-nav a[aria-current="page"] { color: #fff; }
html[data-theme="dark"] .mobile-nav a:hover, html[data-theme="dark"] .mobile-nav a[aria-current="page"] { color: #dce7ff; }
html[data-theme="dark"] .grain { opacity: .05; mix-blend-mode: overlay; }

/* hero */
html[data-theme="dark"] .hero, html[data-theme="dark"] .hero-interactive { background: #0e1729; }
html[data-theme="dark"] .hero-aurora i:nth-child(1) { background: radial-gradient(circle, #1d3a86 0%, transparent 64%); opacity: .5; }
html[data-theme="dark"] .hero-aurora i:nth-child(2) { background: radial-gradient(circle, #7a3c1d 0%, transparent 64%); opacity: .4; }
html[data-theme="dark"] .hero-aurora i:nth-child(3) { background: radial-gradient(circle, #1b2f6b 0%, transparent 64%); opacity: .5; }
html[data-theme="dark"] .hero-grid { background-image: radial-gradient(#ffffff1f 1px, transparent 1.2px); }
html[data-theme="dark"] .hero-image img { filter: grayscale(1) brightness(.5) contrast(1.1); }
html[data-theme="dark"] .hero-interactive .hero-image { opacity: .3; mix-blend-mode: screen; }
html[data-theme="dark"] .hero-interactive h1 { color: #e8eeff; }
html[data-theme="dark"] .hero-interactive .hero-cobalt { color: #86a8ff; }
html[data-theme="dark"] .hero-interactive .hero-content > p { color: #a9b7cf; }
html[data-theme="dark"] .hero-demo-link { color: #9fbcff; }
html[data-theme="dark"] .hero-promise { color: #8f9db5; }
html[data-theme="dark"] .hero-bottom { border-color: #ffffff1f; }
html[data-theme="dark"] .scroll-arrow { color: #c8d9ff; border-color: #445470; }
html[data-theme="dark"] .hero-index { color: #c8d9ff; }
html[data-theme="dark"] .eyebrow, html[data-theme="dark"] .hero-location { color: #b9c6dd; }

/* hero demo card */
html[data-theme="dark"] .agent-demo { background: var(--surface); border-color: var(--border); box-shadow: 0 30px 70px -34px #000c, 0 3px 8px #0006; }
html[data-theme="dark"] .demo-wordmark { color: #dce7ff; }
html[data-theme="dark"] .demo-wordmark > span, html[data-theme="dark"] .demo-disclosure { color: #8fa0bb; }
html[data-theme="dark"] .demo-heading-row h2 { color: #e2eaf9; }
html[data-theme="dark"] .demo-heading-row h2 > span { color: #86a8ff; }
html[data-theme="dark"] .demo-spark { color: #86a8ff; }
html[data-theme="dark"] .demo-tabs { background: #0d1526; }
html[data-theme="dark"] .demo-tabs button { color: #94a4bf; }
html[data-theme="dark"] .demo-tabs button[aria-selected="true"] { background: var(--surface-2); color: #a9c4ff; box-shadow: 0 1px 5px #0006; }
html[data-theme="dark"] .signal-icon { border-color: var(--border); color: #86a8ff; }
html[data-theme="dark"] .demo-label { color: #8fa0bb; }
html[data-theme="dark"] .demo-signal p { color: #d3ddee; }
html[data-theme="dark"] .demo-sources > span { border-color: var(--border); color: #98a6bf; }
html[data-theme="dark"] .demo-sources > span.is-connected { background: #1b2a4c; color: #a9c4ff; border-color: #2f4676; }
html[data-theme="dark"] .demo-proposal { background: #0f1930; border-color: var(--border); }
html[data-theme="dark"] .demo-proposal h3 { color: #dfe8fa; }
html[data-theme="dark"] .demo-proposal p { color: #a2b1c9; }
html[data-theme="dark"] .proposal-status { color: #93a2bc; }
html[data-theme="dark"] .proposal-mark { color: #86a8ff; }
html[data-theme="dark"] .demo-timeline li { border-color: #24314c; color: #8fa0bb; }
html[data-theme="dark"] .demo-timeline li span { color: #7d8da8; }
html[data-theme="dark"] .demo-timeline li.is-current { color: #a9c4ff; border-color: #5f86ff; }
html[data-theme="dark"] .demo-timeline li.is-done { color: #9fb0cb; border-color: #3b5798; }
html[data-theme="dark"] .demo-run { background: #2c5ae0; color: #fff; }
html[data-theme="dark"] .demo-run:hover { background: #3f6bf0; }
html[data-theme="dark"] .demo-run[aria-disabled="true"] { background: #1b2a4c; color: #9fb6e8; }
html[data-theme="dark"] .demo-reset { background: var(--surface-2); border-color: var(--border); color: #a5b5d0; }
html[data-theme="dark"] .demo-reset:disabled { color: #5d6b84; }
html[data-theme="dark"] .demo-footnote, html[data-theme="dark"] .demo-noscript { color: #8697b2; }
html[data-theme="dark"] .agent-demo[data-state="approval"] .demo-proposal,
html[data-theme="dark"] .agent-demo[data-state="complete"] .demo-proposal { background: #16274a; border-color: #2f4676; }
html[data-theme="dark"] .agent-demo[data-state="approval"] .proposal-status { color: #ffb184; }
html[data-theme="dark"] .agent-demo[data-state="complete"] .proposal-status { color: #9fbcff; }

/* value marquee */
html[data-theme="dark"] .principles-strip { border-color: var(--line); color: #c6d2e6; }
html[data-theme="dark"] .marquee-track i { color: #d98352; }

/* product intro */
html[data-theme="dark"] .product-intro h2 { color: #e2eaf9; }
html[data-theme="dark"] .product-intro h2 span { color: #86a8ff; }
html[data-theme="dark"] .product-intro-heading > p { color: #98a6bf; }
html[data-theme="dark"] .intro-card { background: #16203a; box-shadow: 0 60px 120px -60px #000, 0 20px 40px -30px #0009; }
html[data-theme="dark"] .intro-chapters button { background: var(--surface); border-color: var(--border); color: #b3c1d8; }
html[data-theme="dark"] .intro-chapters button b { color: #dfe8fa; }
html[data-theme="dark"] .intro-chapters button small { color: #94a4bf; }
html[data-theme="dark"] .intro-chapters button > span { color: #7d8da8; }
html[data-theme="dark"] .intro-chapters button i { background: #23314c; }
html[data-theme="dark"] .intro-chapters button.is-active { border-color: #35538f; box-shadow: 0 16px 34px -22px #1d47cc99; }
html[data-theme="dark"] .intro-chapters button.is-active > span { color: var(--orange); }
html[data-theme="dark"] .intro-caption { color: #7e8da6; }

/* approach + integration diagram */
html[data-theme="dark"] .approach h2 { color: #e2eaf9; }
html[data-theme="dark"] .approach h2 > span { color: #8b9ab3; }
html[data-theme="dark"] .approach-copy p { color: #9dabc3; }
html[data-theme="dark"] .section-kicker { color: #b9c6dd; }
html[data-theme="dark"] .section-no { color: #7d8da8; }
html[data-theme="dark"] .av-chip { background: var(--surface); border-color: var(--border); color: #98a6bf; box-shadow: 0 10px 24px -20px #000a; }
html[data-theme="dark"] .av-chip b { color: #dbe5f7; }
html[data-theme="dark"] .av-chip:hover { border-color: #3b5798; }
html[data-theme="dark"] .av-agent { background: #16274a; border-color: #2f4676; }
html[data-theme="dark"] .av-agent b { color: #9fbcff; }
html[data-theme="dark"] .av-core { background: #1b2a4c; box-shadow: 0 30px 60px -30px #000c; }
html[data-theme="dark"] .av-core::before { border-color: #ffffff2e; }
html[data-theme="dark"] .av-core::after { border-color: #ffffff17; }
html[data-theme="dark"] .av-lines path { stroke: #33435f; }
html[data-theme="dark"] .av-lines path.flow { stroke: #6f93ff; }
html[data-theme="dark"] .av-note { color: #7e8da6; }
html[data-theme="dark"] .approach-visual { border-color: var(--line); }

/* film */
html[data-theme="dark"] .film-heading h2 { color: #e2eaf9; }
html[data-theme="dark"] .film-heading h2 span { color: #86a8ff; }
html[data-theme="dark"] .film-heading > p, html[data-theme="dark"] .film-meta, html[data-theme="dark"] .film-transcript { color: #8fa0bb; }
html[data-theme="dark"] .film-eyebrow { color: #86a8ff; }

/* solutions accordion */
html[data-theme="dark"] .section-heading h2 { color: #e2eaf9; }
html[data-theme="dark"] .section-heading > p { color: #98a6bf; }
html[data-theme="dark"] .service { border-color: var(--line); }
html[data-theme="dark"] .service:last-child { border-bottom-color: var(--line); }
html[data-theme="dark"] .service h3 { color: #dfe8fa; }
html[data-theme="dark"] .service summary:hover h3 { color: #9fbcff; }
html[data-theme="dark"] .service-number, html[data-theme="dark"] .service-tag { color: #8697b2; }
html[data-theme="dark"] .expand-icon { border-color: #33435f; }
html[data-theme="dark"] .service[open] .expand-icon { background: var(--cobalt); border-color: var(--cobalt); color: #071022; }
html[data-theme="dark"] .service-content > div > p { color: #9dabc3; }
html[data-theme="dark"] .text-link { color: #9fbcff; border-color: #3d4d6a; }
html[data-theme="dark"] .deliverables { background: #0f1930; }
html[data-theme="dark"] .deliverables li { color: #c3cfe4; }
html[data-theme="dark"] .deliverables li > span, html[data-theme="dark"] .deliverables > .micro-label { color: #8697b2; }

/* applications: keep the navy block, deepen it so it reads as a panel */
html[data-theme="dark"] .applications { background: radial-gradient(1100px 620px at 88% -12%, #1a3c86 0%, transparent 58%), radial-gradient(700px 500px at -10% 110%, #132c69 0%, transparent 60%), #0e2050; border: 1px solid #1d3161; }

/* process */
html[data-theme="dark"] .process-grid article { border-color: var(--line); }
html[data-theme="dark"] .process-grid h3 { color: #dfe8fa; }
html[data-theme="dark"] .process-grid p { color: #98a6bf; }
html[data-theme="dark"] .process-top > span { color: #66789a; }
html[data-theme="dark"] .process-output { color: #7e8da6; }

/* contact band + footer */
html[data-theme="dark"] .contact { background: #101a2e; }
html[data-theme="dark"] .contact h2, html[data-theme="dark"] .contact-wordmark { color: #e2eaf9; }
html[data-theme="dark"] .contact-bottom { border-color: #24314c; }
html[data-theme="dark"] .contact-bottom p { color: #98a6bf; }
html[data-theme="dark"] .contact-email { color: #cfdcf7; }
html[data-theme="dark"] .contact-arrow { border-color: #3d4d6a; color: #cfdcf7; }
html[data-theme="dark"] .contact-arrow:hover { background: var(--cobalt); border-color: var(--cobalt); color: #071022; }
html[data-theme="dark"] .contact::before { background: radial-gradient(circle, #1d3a86 0%, transparent 62%); opacity: .5; }
html[data-theme="dark"] .contact::after { background: radial-gradient(circle, #6d3517 0%, transparent 62%); opacity: .4; }
html[data-theme="dark"] .site-footer { border-color: var(--line); }
html[data-theme="dark"] .footer-brand p, html[data-theme="dark"] .footer-col p, html[data-theme="dark"] .footer-bottom { color: #8697b2; }
html[data-theme="dark"] .footer-col a { color: #c3cfe4; }
html[data-theme="dark"] .footer-col > span { color: #7d8da8; }
html[data-theme="dark"] .footer-cta { color: #cfdcf7; border-color: #3d4d6a; }
html[data-theme="dark"] .footer-bottom > a { color: #9fbcff; }
html[data-theme="dark"] .to-top { background: conic-gradient(var(--cobalt) calc(var(--scroll) * 360deg), #24314c 0); box-shadow: 0 14px 30px -14px #000c; }
html[data-theme="dark"] .to-top::before { background: var(--surface-2); }
html[data-theme="dark"] .to-top > span { color: #cfdcf7; }

/* inner pages */
html[data-theme="dark"] .page-hero { background: #0e1729; }
html[data-theme="dark"] .page-hero h1 { color: #e8eeff; }
html[data-theme="dark"] .page-hero .lead { color: #a9b7cf; }
html[data-theme="dark"] .page-hero .eyebrow { color: #b9c6dd; }
html[data-theme="dark"] .page-hero-meta { color: #8fa0bb; }
html[data-theme="dark"] .split-body h2 { color: #e2eaf9; }
html[data-theme="dark"] .split-body h2 span { color: #8b9ab3; }
html[data-theme="dark"] .split-body > p, html[data-theme="dark"] .lede-grid p { color: #9dabc3; }
html[data-theme="dark"] .button-outline { border-color: #3d4d6a; color: #cfdcf7; }
html[data-theme="dark"] .button-outline:hover { background: var(--soft-blue); border-color: var(--cobalt); }
html[data-theme="dark"] .card { background: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .card:hover { border-color: #35538f; box-shadow: 0 26px 50px -30px #000c; }
html[data-theme="dark"] .card h3 { color: #dfe8fa; }
html[data-theme="dark"] .card p { color: #98a6bf; }
html[data-theme="dark"] .card .card-no { color: #7d8da8; }
html[data-theme="dark"] .card .card-mark { color: #86a8ff; }
html[data-theme="dark"] .honest-row { border-color: var(--line); }
html[data-theme="dark"] .honest-row:last-child { border-bottom-color: var(--line); }
html[data-theme="dark"] .honest-no { color: #94a3bd; }
html[data-theme="dark"] .honest-yes { color: #cfdcf7; }
html[data-theme="dark"] .honest-no > span { background: #3a2417; color: #ffb184; }
html[data-theme="dark"] .honest-yes > span { background: #12301f; color: #7fd1a4; }
html[data-theme="dark"] .timeline .t-dot { background: var(--surface); border-color: var(--border); color: #dfe8fa; }
html[data-theme="dark"] .timeline h3 { color: #dfe8fa; }
html[data-theme="dark"] .timeline p { color: #98a6bf; }
html[data-theme="dark"] .timeline .t-out { color: #7e8da6; }
html[data-theme="dark"] .chooser { background: var(--surface); border-color: var(--border); box-shadow: 0 30px 70px -50px #000; }
html[data-theme="dark"] .chooser-title { color: #dfe8fa; }
html[data-theme="dark"] .chooser-sub { color: #98a6bf; }
html[data-theme="dark"] .chooser-options button { background: #0f1930; border-color: var(--border); color: #c3cfe4; }
html[data-theme="dark"] .chooser-options button:hover { border-color: var(--cobalt); }
html[data-theme="dark"] .chooser-options button[aria-pressed="true"] { background: var(--cobalt); border-color: var(--cobalt); color: #071022; }
html[data-theme="dark"] .chooser-result { background: #16274a; border-color: #2f4676; }
html[data-theme="dark"] .chooser-result strong { color: #dfe8fa; }
html[data-theme="dark"] .chooser-result p { color: #a9b7cf; }
html[data-theme="dark"] .chooser-result .micro-label { color: #9fbcff; }
html[data-theme="dark"] .solution-block { border-color: var(--line); }
html[data-theme="dark"] .solution-block:last-of-type { border-bottom-color: var(--line); }
html[data-theme="dark"] .solution-side h2 { color: #dfe8fa; }
html[data-theme="dark"] .solution-side .service-number { color: #66789a; }
html[data-theme="dark"] .solution-main .situation { color: #dbe5f7; }
html[data-theme="dark"] .solution-main .situation small { color: #8fa0bb; }
html[data-theme="dark"] .solution-main > p { color: #9dabc3; }
html[data-theme="dark"] .check-list { background: var(--surface); border-color: var(--border); }
html[data-theme="dark"] .check-list li { color: #c3cfe4; }
html[data-theme="dark"] .check-list li > span { color: #7ea2ff; }
html[data-theme="dark"] .check-list > .micro-label { color: #8697b2; }
html[data-theme="dark"] .contact-steps li { border-color: var(--line); }
html[data-theme="dark"] .contact-steps li:last-child { border-bottom-color: var(--line); }
html[data-theme="dark"] .contact-steps strong { color: #dfe8fa; }
html[data-theme="dark"] .contact-steps p, html[data-theme="dark"] .contact-steps li > span { color: #98a6bf; }
html[data-theme="dark"] .contact-direct { color: #98a6bf; }
html[data-theme="dark"] .contact-direct a { color: #cfdcf7; border-color: #3d4d6a; }
html[data-theme="dark"] .contact-form { background: var(--surface); border-color: var(--border); box-shadow: 0 40px 90px -50px #000; }
html[data-theme="dark"] .contact-form h2 { color: #dfe8fa; }
html[data-theme="dark"] .contact-form > p, html[data-theme="dark"] .form-note { color: #98a6bf; }
html[data-theme="dark"] .field label { color: #b3c1d8; }
html[data-theme="dark"] .field label small { color: #7d8da8; }
html[data-theme="dark"] .field input, html[data-theme="dark"] .field select, html[data-theme="dark"] .field textarea { background: #0f1930; border-color: var(--border); color: var(--ink); }
html[data-theme="dark"] .field input::placeholder, html[data-theme="dark"] .field textarea::placeholder { color: #66789a; }
html[data-theme="dark"] .field input:focus, html[data-theme="dark"] .field select:focus, html[data-theme="dark"] .field textarea:focus { background: #131f3a; border-color: var(--cobalt); box-shadow: 0 0 0 4px #2455e733; }
html[data-theme="dark"] .form-status { background: #12301f; color: #a5e0bf; }
html[data-theme="dark"] .page-cta { background: #101a2e; }
html[data-theme="dark"] .page-cta h2 { color: #e2eaf9; }
html[data-theme="dark"] .page-cta::before { background: radial-gradient(circle, #1d3a86 0%, transparent 62%); opacity: .5; }
html[data-theme="dark"] .business-gallery figure { background: #16203a; }
html[data-theme="dark"] .business-gallery img, html[data-theme="dark"] .page-editorial-photo img { filter: brightness(.82) contrast(1.05); }


/* ---------- Sales Agent page (React build) ---------- */
.product-header .header-tools { margin-left: 0; }
html[data-theme="dark"] {
  --background: #0b1120;
  --foreground: #e7edf8;
  --border: #24314c;
}
html[data-theme="dark"] body { background: #0b1120; color: #e7edf8; }
html[data-theme="dark"] .product-header { background: #0b1120f2; border-color: #22304a; }
html[data-theme="dark"] .brand-divider { background: #33435f; }
html[data-theme="dark"] .product-name, html[data-theme="dark"] .desktop-nav { color: #a9b7cf; }
html[data-theme="dark"] .desktop-nav a:hover { color: #86a8ff; }
html[data-theme="dark"] .nav-contact { color: #cfdcf7; }
html[data-theme="dark"] .menu-button { color: #d7e3fb; }
html[data-theme="dark"] .mobile-nav { border-color: #22304a; }
html[data-theme="dark"] .skip-link { background: #111a2c; border-color: #7ea2ff; color: #e7edf8; }
html[data-theme="dark"] .hero-scroll { background: linear-gradient(180deg, #0b1120 0%, #101a2e 56%, #132038 84%, #0b1120 100%); }
html[data-theme="dark"] .hero-eyebrow { color: #93aee0; }
html[data-theme="dark"] h1 { color: #e8eeff; }
html[data-theme="dark"] h1 > span { color: #86a8ff; }
html[data-theme="dark"] .hero-description { color: #a9b7cf; }
html[data-theme="dark"] .eyebrow { color: #93a3bd; }
html[data-theme="dark"] .button-primary { background: #2c5ae0; }
html[data-theme="dark"] .button-primary:hover { background: #3f6bf0; }
html[data-theme="dark"] .button-text { color: #9fbcff; }
html[data-theme="dark"] .hero-proof { color: #8fa0bb; }
html[data-theme="dark"] .hero-proof > span + span { border-color: #33435f; }
html[data-theme="dark"] .scroll-card { background: #16203a; border-color: #35538f; }
html[data-theme="dark"] .scroll-card-inner { background: #0f1930; }
html[data-theme="dark"] h2 { color: #e2eaf9; }
html[data-theme="dark"] h2 > span { color: #8b9ab3; }
html[data-theme="dark"] .section-intro > p:last-child { color: #98a6bf; }
html[data-theme="dark"] .scenario-tabs { border-color: #24314c; }
html[data-theme="dark"] .scenario-tabs button { color: #94a4bf; }
html[data-theme="dark"] .scenario-tabs button[aria-selected="true"], html[data-theme="dark"] .scenario-tabs button:hover { color: #86a8ff; border-color: #86a8ff; }
html[data-theme="dark"] .tiny-label { color: #8fa0bb; }
html[data-theme="dark"] .scenario-story blockquote { color: #dbe5f7; }
html[data-theme="dark"] .scenario-story h3 { color: #dfe8fa; }
html[data-theme="dark"] .scenario-story > p { color: #98a6bf; }
html[data-theme="dark"] .scenario-outcome { color: #9fbcff; }
html[data-theme="dark"] .answer-workspace { background: #111a2c; border-color: #24314c; }
html[data-theme="dark"] .answer-brand { color: #dce7ff; }
html[data-theme="dark"] .answer-brand > span, html[data-theme="dark"] .sample-label { color: #8fa0bb; }
html[data-theme="dark"] .source-cards > div { background: #0f1930; border-color: #24314c; }
html[data-theme="dark"] .source-cards > div > span { color: #86a8ff; }
html[data-theme="dark"] .source-cards p { color: #8697b2; }
html[data-theme="dark"] .source-cards strong { color: #c3cfe4; }
html[data-theme="dark"] .answer-bubble { background: #16274a; border-color: #2f4676; }
html[data-theme="dark"] .answer-bubble p { color: #d3ddee; }
html[data-theme="dark"] .answer-label { color: #9fbcff; }
html[data-theme="dark"] .approval-note { color: #8697b2; }
html[data-theme="dark"] .approval-note svg { color: #7ea2ff; }
html[data-theme="dark"] .demo-disclaimer { color: #7e8da6; }
html[data-theme="dark"] .vietnam-section { background: #0e2050; }
html[data-theme="dark"] .handoff-note { background: #111a2c; border-color: #24314c; }
html[data-theme="dark"] .handoff-note h3 { color: #dfe8fa; }
html[data-theme="dark"] .handoff-note li { color: #a9b7cf; }
html[data-theme="dark"] .handoff-note li svg, html[data-theme="dark"] .note-top svg { color: #7ea2ff; }
html[data-theme="dark"] .note-top { color: #8fa0bb; }
html[data-theme="dark"] .note-bottom { color: #9fb0cb; border-color: #24314c; }
html[data-theme="dark"] .handoff-section > div > p:not(.eyebrow) { color: #98a6bf; }
html[data-theme="dark"] .handoff-photo { filter: brightness(.82) contrast(1.05); }
html[data-theme="dark"] .faq-section { border-color: #22304a; }
html[data-theme="dark"] .faq-list details { border-color: #24314c; }
html[data-theme="dark"] .faq-list summary { color: #dbe5f7; }
html[data-theme="dark"] .faq-list summary svg { color: #7d8da8; }
html[data-theme="dark"] .faq-list details p { color: #98a6bf; }
html[data-theme="dark"] .contact-section { background: #101a2e; border-color: #22304a; }
html[data-theme="dark"] .contact-section h2 { color: #d7e3fb; }
html[data-theme="dark"] .contact-bottom p { color: #98a6bf; }
html[data-theme="dark"] .contact-link { color: #cfdcf7; border-color: #3d4d6a; }
html[data-theme="dark"] footer p { color: #7e8da6; }
html[data-theme="dark"] footer > a:last-child, html[data-theme="dark"] .footer-bottom > a { color: #9fbcff; }