/* Dark theme: near-black page with warm brass "window light" gradients. Contrast sections flip to paper (the --n* tokens).
   Every selector is scoped to dark only. Loaded after site.css and plays.css. Generated as one rule list for both scopes. */
:root[data-theme=dark]{color-scheme:dark;
  --bg:#0B110E;--bg-2:#121A16;--surface:#0F1612;--white:#141D18;--fg:#ECEFEC;--fg-2:#C3CBC6;--mut:#8D9892;--faint:#5C6660;
  --line:rgba(236,239,236,.09);--line-2:rgba(236,239,236,.15);--line-3:rgba(236,239,236,.28);
  --acc:#9CC7B3;--acc-soft:rgba(156,199,179,.11);--hi:rgba(156,199,179,.2);--tint:#0F1C15;
  --night:#0D1511;--nfg:#ECEFEC;--nmut:#8D9892;--nline:rgba(236,239,236,.08);--nacc:#9CC7B3;--nsurf:#141D18;
  --nlogo:none;--nglyph:invert(1);--plogo:none;
  --ink:#14201A;--ink-fg:#ECEFEC;--cta-glow:rgba(46,122,88,.16)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;
  --bg:#0B110E;--bg-2:#121A16;--surface:#0F1612;--white:#141D18;--fg:#ECEFEC;--fg-2:#C3CBC6;--mut:#8D9892;--faint:#5C6660;
  --line:rgba(236,239,236,.09);--line-2:rgba(236,239,236,.15);--line-3:rgba(236,239,236,.28);
  --acc:#9CC7B3;--acc-soft:rgba(156,199,179,.11);--hi:rgba(156,199,179,.2);--tint:#0F1C15;
  --night:#0D1511;--nfg:#ECEFEC;--nmut:#8D9892;--nline:rgba(236,239,236,.08);--nacc:#9CC7B3;--nsurf:#141D18;
  --nlogo:none;--nglyph:invert(1);--plogo:none;
  --ink:#14201A;--ink-fg:#ECEFEC;--cta-glow:rgba(46,122,88,.16)}}
:root[data-theme=dark] .nav{background:rgba(11,17,14,.86)}
:root[data-theme=dark] .nav.compact .nav-in{background:rgba(20,29,24,.92);box-shadow:0 0 0 1px var(--line-2),0 18px 40px -26px rgba(0,0,0,.7)}
:root[data-theme=dark] .brand .wm,:root[data-theme=dark] .brand .mk{filter:invert(1) brightness(1.05)}
:root[data-theme=dark] .btn-dark{background:#ECEFEC;color:#0B110E;--bc:#ECEFEC}
:root[data-theme=dark] .btn-dark:hover{background:#FFFFFF}
:root[data-theme=dark] .mega{box-shadow:0 0 0 1px var(--line-2),0 30px 60px -30px rgba(0,0,0,.85)}
:root[data-theme=dark] .mega a:hover{background:var(--bg-2)}
:root[data-theme=dark] .hero{background:radial-gradient(70% 55% at 50% 108%,rgba(46,122,88,.13),transparent 70%)}
:root[data-theme=dark] .logowall{background:linear-gradient(180deg,rgba(46,122,88,.02),rgba(46,122,88,.06))}
:root[data-theme=dark] .logowall > div:hover{background:rgba(46,122,88,.05)}
:root[data-theme=dark] .waves stop{stop-color:#2F6B50}
:root[data-theme=dark] .waves .flow path{stroke:#9CC7B3}
:root[data-theme=dark] .res.feat{background:linear-gradient(160deg,#13241B,#0E1813)}
:root[data-theme=dark] .res.feat:hover{background:linear-gradient(160deg,#183024,#101C16)}
:root[data-theme=dark] .tools .core{background:linear-gradient(160deg,#22302A,#141B17);box-shadow:0 0 0 1px var(--line-2),0 20px 40px -18px rgba(0,0,0,.8)}
:root[data-theme=dark] .tools .t{box-shadow:0 0 0 1px var(--line-2)}
:root[data-theme=dark] .tools .t img,:root[data-theme=dark] .tlogos img{filter:invert(1);opacity:.7}
:root[data-theme=dark] .tools .t:hover img,:root[data-theme=dark] .tlogos > div:hover img{filter:invert(1);opacity:1}
:root[data-theme=dark] .logowall img{filter:brightness(0) invert(1);opacity:.72}
:root[data-theme=dark] .rgrid .vid .thumb{background:linear-gradient(150deg,#1A2A21,#0B110E)}
:root[data-theme=dark] .team .hd{box-shadow:0 0 0 1px var(--line-2),0 18px 36px -24px rgba(0,0,0,.8)}
:root[data-theme=dark] .team .rows div{background:var(--white);box-shadow:0 0 0 1px var(--line-2)}
:root[data-theme=dark] .sys polygon[fill="#FFFFFF"]{fill:#22342A}
:root[data-theme=dark] .sys polygon[fill="#FBFAF7"]{fill:#1C2B23}
:root[data-theme=dark] .sys polygon[fill="#E7E6DF"]{fill:#16221C}
:root[data-theme=dark] .sys polygon[fill="#DCDBD3"]{fill:#0E1813}
:root[data-theme=dark] .sys polygon[fill="#1F5A43"]{fill:#9CC7B3}
:root[data-theme=dark] .sys polygon,:root[data-theme=dark] .sys line,:root[data-theme=dark] .sys g{stroke:rgba(236,239,236,.26)}
:root[data-theme=dark] .sys rect{fill:#9CC7B3}
:root[data-theme=dark] .flowsvg path{stroke:rgba(236,239,236,.25)}
:root[data-theme=dark] .flowsvg path.go,:root[data-theme=dark] .cv-lines path.go,:root[data-theme=dark] .hw-lines path.go{stroke:#9CC7B3}
:root[data-theme=dark] .flowsvg rect{fill:#ECEFEC}
:root[data-theme=dark] .hw-r.act{background:rgba(156,199,179,.09)}
:root[data-theme=dark] .hw-pill{background:#16201B;color:var(--fg-2)}
:root[data-theme=dark] .hw-pill.on{background:#1D2A23;color:var(--fg);box-shadow:0 0 0 1px var(--line-3),0 14px 30px -18px rgba(0,0,0,.8)}
:root[data-theme=dark] .hw-p2::before,:root[data-theme=dark] .hw > .hw-pipe::before{border-left-color:#9CC7B3}
:root[data-theme=dark] .chip.on{box-shadow:0 0 0 1px rgba(156,199,179,.5)}
:root[data-theme=dark] .quotes .av{background:var(--fg);color:var(--bg)}
:root[data-theme=dark] .fchip.on{color:#0B110E}
:root[data-theme=dark] .dtx .n{color:#0B110E}
:root[data-theme=dark] .plays-hero,:root[data-theme=dark] .phero{background:radial-gradient(80% 120% at 50% 0%,#0F1F17,var(--bg) 70%)}
:root[data-theme=dark] .pthumb,:root[data-theme=dark] .pdg{border-color:var(--line-2)}
:root[data-theme=dark] .pcard:hover{background:linear-gradient(180deg,transparent,rgba(46,122,88,.05))}
:root[data-theme=dark] .pcard:hover .pthumb{border-color:rgba(156,199,179,.5)}
:root[data-theme=dark] .ptools span,:root[data-theme=dark] .ptchips a{background:#141D18}
:root[data-theme=dark] .ptools img,:root[data-theme=dark] .ptchips img,:root[data-theme=dark] .tsel-l img{filter:grayscale(1) invert(1) brightness(1.1);opacity:.75}
:root[data-theme=dark] .subcard{background:linear-gradient(170deg,#13201A,#0F1612)}
:root[data-theme=dark] .rgrid article:hover,:root[data-theme=dark] .strip > div:hover,:root[data-theme=dark] .gets > div:hover{background:linear-gradient(180deg,transparent,rgba(46,122,88,.05))}
:root[data-theme=dark] .night:not(:has(.foot)){background:radial-gradient(80% 60% at 50% 100%,rgba(46,122,88,.22),transparent 72%),var(--night)}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]) .nav{background:rgba(11,17,14,.86)}
:root:not([data-theme=light]) .nav.compact .nav-in{background:rgba(20,29,24,.92);box-shadow:0 0 0 1px var(--line-2),0 18px 40px -26px rgba(0,0,0,.7)}
:root:not([data-theme=light]) .brand .wm,:root:not([data-theme=light]) .brand .mk{filter:invert(1) brightness(1.05)}
:root:not([data-theme=light]) .btn-dark{background:#ECEFEC;color:#0B110E;--bc:#ECEFEC}
:root:not([data-theme=light]) .btn-dark:hover{background:#FFFFFF}
:root:not([data-theme=light]) .mega{box-shadow:0 0 0 1px var(--line-2),0 30px 60px -30px rgba(0,0,0,.85)}
:root:not([data-theme=light]) .mega a:hover{background:var(--bg-2)}
:root:not([data-theme=light]) .hero{background:radial-gradient(70% 55% at 50% 108%,rgba(46,122,88,.13),transparent 70%)}
:root:not([data-theme=light]) .logowall{background:linear-gradient(180deg,rgba(46,122,88,.02),rgba(46,122,88,.06))}
:root:not([data-theme=light]) .logowall > div:hover{background:rgba(46,122,88,.05)}
:root:not([data-theme=light]) .waves stop{stop-color:#2F6B50}
:root:not([data-theme=light]) .waves .flow path{stroke:#9CC7B3}
:root:not([data-theme=light]) .res.feat{background:linear-gradient(160deg,#13241B,#0E1813)}
:root:not([data-theme=light]) .res.feat:hover{background:linear-gradient(160deg,#183024,#101C16)}
:root:not([data-theme=light]) .tools .core{background:linear-gradient(160deg,#22302A,#141B17);box-shadow:0 0 0 1px var(--line-2),0 20px 40px -18px rgba(0,0,0,.8)}
:root:not([data-theme=light]) .tools .t{box-shadow:0 0 0 1px var(--line-2)}
:root:not([data-theme=light]) .tools .t img,:root:not([data-theme=light]) .tlogos img{filter:invert(1);opacity:.7}
:root:not([data-theme=light]) .tools .t:hover img,:root:not([data-theme=light]) .tlogos > div:hover img{filter:invert(1);opacity:1}
:root:not([data-theme=light]) .logowall img{filter:brightness(0) invert(1);opacity:.72}
:root:not([data-theme=light]) .rgrid .vid .thumb{background:linear-gradient(150deg,#1A2A21,#0B110E)}
:root:not([data-theme=light]) .team .hd{box-shadow:0 0 0 1px var(--line-2),0 18px 36px -24px rgba(0,0,0,.8)}
:root:not([data-theme=light]) .team .rows div{background:var(--white);box-shadow:0 0 0 1px var(--line-2)}
:root:not([data-theme=light]) .sys polygon[fill="#FFFFFF"]{fill:#22342A}
:root:not([data-theme=light]) .sys polygon[fill="#FBFAF7"]{fill:#1C2B23}
:root:not([data-theme=light]) .sys polygon[fill="#E7E6DF"]{fill:#16221C}
:root:not([data-theme=light]) .sys polygon[fill="#DCDBD3"]{fill:#0E1813}
:root:not([data-theme=light]) .sys polygon[fill="#1F5A43"]{fill:#9CC7B3}
:root:not([data-theme=light]) .sys polygon,:root:not([data-theme=light]) .sys line,:root:not([data-theme=light]) .sys g{stroke:rgba(236,239,236,.26)}
:root:not([data-theme=light]) .sys rect{fill:#9CC7B3}
:root:not([data-theme=light]) .flowsvg path{stroke:rgba(236,239,236,.25)}
:root:not([data-theme=light]) .flowsvg path.go,:root:not([data-theme=light]) .cv-lines path.go,:root:not([data-theme=light]) .hw-lines path.go{stroke:#9CC7B3}
:root:not([data-theme=light]) .flowsvg rect{fill:#ECEFEC}
:root:not([data-theme=light]) .hw-r.act{background:rgba(156,199,179,.09)}
:root:not([data-theme=light]) .hw-pill{background:#16201B;color:var(--fg-2)}
:root:not([data-theme=light]) .hw-pill.on{background:#1D2A23;color:var(--fg);box-shadow:0 0 0 1px var(--line-3),0 14px 30px -18px rgba(0,0,0,.8)}
:root:not([data-theme=light]) .hw-p2::before,:root:not([data-theme=light]) .hw > .hw-pipe::before{border-left-color:#9CC7B3}
:root:not([data-theme=light]) .chip.on{box-shadow:0 0 0 1px rgba(156,199,179,.5)}
:root:not([data-theme=light]) .quotes .av{background:var(--fg);color:var(--bg)}
:root:not([data-theme=light]) .fchip.on{color:#0B110E}
:root:not([data-theme=light]) .dtx .n{color:#0B110E}
:root:not([data-theme=light]) .plays-hero,:root:not([data-theme=light]) .phero{background:radial-gradient(80% 120% at 50% 0%,#0F1F17,var(--bg) 70%)}
:root:not([data-theme=light]) .pthumb,:root:not([data-theme=light]) .pdg{border-color:var(--line-2)}
:root:not([data-theme=light]) .pcard:hover{background:linear-gradient(180deg,transparent,rgba(46,122,88,.05))}
:root:not([data-theme=light]) .pcard:hover .pthumb{border-color:rgba(156,199,179,.5)}
:root:not([data-theme=light]) .ptools span,:root:not([data-theme=light]) .ptchips a{background:#141D18}
:root:not([data-theme=light]) .ptools img,:root:not([data-theme=light]) .ptchips img,:root:not([data-theme=light]) .tsel-l img{filter:grayscale(1) invert(1) brightness(1.1);opacity:.75}
:root:not([data-theme=light]) .subcard{background:linear-gradient(170deg,#13201A,#0F1612)}
:root:not([data-theme=light]) .rgrid article:hover,:root:not([data-theme=light]) .strip > div:hover,:root:not([data-theme=light]) .gets > div:hover{background:linear-gradient(180deg,transparent,rgba(46,122,88,.05))}
:root:not([data-theme=light]) .night:not(:has(.foot)){background:radial-gradient(80% 60% at 50% 100%,rgba(46,122,88,.22),transparent 72%),var(--night)}
}
:root[data-theme=dark] .themesw button[aria-pressed=true]{background:#1C2822;box-shadow:0 0 0 1px var(--line-2)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .themesw button[aria-pressed=true]{background:#1C2822;box-shadow:0 0 0 1px var(--line-2)}}
:root[data-theme=dark]{--gtx:linear-gradient(180deg,#ECEFEC 30%,#9CC7B3 100%);--gtx-n:linear-gradient(180deg,#ECEFEC 30%,#9CC7B3 100%)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--gtx:linear-gradient(180deg,#ECEFEC 30%,#9CC7B3 100%);--gtx-n:linear-gradient(180deg,#ECEFEC 30%,#9CC7B3 100%)}}
:root[data-theme=dark] .res.feat .big,:root[data-theme=dark] .case.dark .k .big,:root[data-theme=dark] .proof .k .big{background:linear-gradient(180deg,#ECEFEC 30%,#9CC7B3 100%);-webkit-background-clip:text;background-clip:text}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .res.feat .big,:root:not([data-theme=light]) .case.dark .k .big,:root:not([data-theme=light]) .proof .k .big{background:linear-gradient(180deg,#ECEFEC 30%,#9CC7B3 100%);-webkit-background-clip:text;background-clip:text}}
:root[data-theme=dark]{--faint:#7E8983}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--faint:#7E8983}}
:root[data-theme=dark] .rgrid .tag{background:rgba(156,199,179,.12)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .rgrid .tag{background:rgba(156,199,179,.12)}}
:root[data-theme=dark] .pill{background:rgba(156,199,179,.12)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pill{background:rgba(156,199,179,.12)}}
:root[data-theme=dark] .mail .pill{color:#CFE6D8;background:rgba(156,199,179,.14)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mail .pill{color:#CFE6D8;background:rgba(156,199,179,.14)}}

/* light sections inside dark mode: undo the dark-only component overrides */
:root[data-theme=dark] .cx-ld .tlogos img{filter:none;opacity:.75}
:root[data-theme=dark] .cx-ld .tlogos > div:hover img{filter:none;opacity:1}
:root[data-theme=dark] .cx-ld .btn-dark{background:var(--fg);color:var(--bg);--bc:var(--fg)}
:root[data-theme=dark] .cx-ld .btn-dark:hover{background:#26332C}
:root[data-theme=dark] .cx-ld .pill,:root[data-theme=dark] .cx-ld .mail .pill{color:#174A37;background:#E6F0E9}
:root[data-theme=dark] .cx-ld .chip.on{box-shadow:0 0 0 1px rgba(31,90,67,.45)}
:root[data-theme=dark] .cx-ld .flowsvg path{stroke:rgba(20,27,23,.28)}
:root[data-theme=dark] .cx-ld .flowsvg path.go,:root[data-theme=dark] .cx-ld .cv-lines path.go{stroke:#1F5A43}
:root[data-theme=dark] .cx-ld .flowsvg rect{fill:#141B17}
:root[data-theme=dark] .cx-ld .quotes .av{background:var(--fg);color:var(--bg)}
:root[data-theme=dark] .cx-ld .rgrid .tag{background:#E6F0E9}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]) .cx-ld .tlogos img{filter:none;opacity:.75}
:root:not([data-theme=light]) .cx-ld .tlogos > div:hover img{filter:none;opacity:1}
:root:not([data-theme=light]) .cx-ld .btn-dark{background:var(--fg);color:var(--bg);--bc:var(--fg)}
:root:not([data-theme=light]) .cx-ld .btn-dark:hover{background:#26332C}
:root:not([data-theme=light]) .cx-ld .pill,:root:not([data-theme=light]) .cx-ld .mail .pill{color:#174A37;background:#E6F0E9}
:root:not([data-theme=light]) .cx-ld .chip.on{box-shadow:0 0 0 1px rgba(31,90,67,.45)}
:root:not([data-theme=light]) .cx-ld .flowsvg path{stroke:rgba(20,27,23,.28)}
:root:not([data-theme=light]) .cx-ld .flowsvg path.go,:root:not([data-theme=light]) .cx-ld .cv-lines path.go{stroke:#1F5A43}
:root:not([data-theme=light]) .cx-ld .flowsvg rect{fill:#141B17}
:root:not([data-theme=light]) .cx-ld .quotes .av{background:var(--fg);color:var(--bg)}
:root:not([data-theme=light]) .cx-ld .rgrid .tag{background:#E6F0E9}
}

/* the closing call to action and the footer stay in the light theme in both modes (his call 2026-10-25) */
:root[data-theme=dark] .night:has(.foot){color-scheme:light;--bg:#F4F3EE;--bg-2:#EDECE5;--surface:#FBFAF7;--white:#FFFFFF;--fg:#141B17;--fg-2:#38423D;--mut:#68706B;--faint:#757C77;--line:rgba(20,27,23,.10);--line-2:rgba(20,27,23,.16);--line-3:rgba(20,27,23,.30);--acc:#1F5A43;--acc-soft:#DCEBE1;--night:#EDECE5;--nfg:#141B17;--nmut:#68706B;--nline:rgba(20,27,23,.10);--nacc:#1F5A43;--nsurf:#FFFFFF;--nlogo:brightness(0);--plogo:brightness(0);--nglyph:none;--cta-glow:rgba(46,122,88,.20);background:var(--night);color:var(--fg)}
:root[data-theme=dark] .night:has(.foot) .btn-dark,:root[data-theme=dark] .night:has(.foot) .final .btn-dark,:root[data-theme=dark] .night:has(.foot) .talk .btn{background:#141B17;color:#F4F3EE;--bc:#141B17}
:root[data-theme=dark] .night:has(.foot) .eyebrow{color:#1F5A43;--bc:#1F5A43}
@media (prefers-color-scheme:dark){
:root:not([data-theme=light]) .night:has(.foot){color-scheme:light;--bg:#F4F3EE;--bg-2:#EDECE5;--surface:#FBFAF7;--white:#FFFFFF;--fg:#141B17;--fg-2:#38423D;--mut:#68706B;--faint:#757C77;--line:rgba(20,27,23,.10);--line-2:rgba(20,27,23,.16);--line-3:rgba(20,27,23,.30);--acc:#1F5A43;--acc-soft:#DCEBE1;--night:#EDECE5;--nfg:#141B17;--nmut:#68706B;--nline:rgba(20,27,23,.10);--nacc:#1F5A43;--nsurf:#FFFFFF;--nlogo:brightness(0);--plogo:brightness(0);--nglyph:none;--cta-glow:rgba(46,122,88,.20);background:var(--night);color:var(--fg)}
:root:not([data-theme=light]) .night:has(.foot) .btn-dark,:root:not([data-theme=light]) .night:has(.foot) .final .btn-dark,:root:not([data-theme=light]) .night:has(.foot) .talk .btn{background:#141B17;color:#F4F3EE;--bc:#141B17}
:root:not([data-theme=light]) .night:has(.foot) .eyebrow{color:#1F5A43;--bc:#1F5A43}
}