/* Public landing only. Keep the approved dark artwork and product layout. */
body:not(.dark) {
  --page:#f7f5ef; --off:#faf8f3; --paper:#eeeae1;
  --ink:#25231f; --ink2:#403c35; --muted:#656057; --muted2:#777168;
  --border:#e6e0d5; --border2:#d9d1c4;
  color-scheme:light;
}
body:not(.dark) .hero7 { background:var(--page); }
body:not(.dark) .hero7 .h7 { color:var(--ink); text-shadow:none; }
body:not(.dark) .px7 { filter:none; mix-blend-mode:normal; }
body:not(.dark) .px7[data-mode="8"] { opacity:.38; }
body:not(.dark) .hero7 .sub7, body:not(.dark) .hero7 .hero-platform-note { color:#514b43; }
body:not(.dark) .hero7-more { background:#fffaf1e6; border-color:var(--border2); }

/* Windows scenes, chrome and keyboard cues in the first monitor. */
body:not(.dark) .stage6 { color:var(--ink); border-color:var(--border2); background:radial-gradient(ellipse at 20% 10%,#f3d6c3,transparent 65%),radial-gradient(ellipse at 85% 90%,#e4ddd0,transparent 60%),#eeeae1; box-shadow:0 28px 70px -30px #51412d40; }
body:not(.dark) .stage6::before, body:not(.dark) .stage6::after { background:none; }
body:not(.dark) .fit6 { background:#f0f2f5; border-color:#dfe1e5; box-shadow:0 0 0 8px #e8eaed70,0 28px 70px -30px #25304430; }
body:not(.dark) .fit6::after { background:radial-gradient(ellipse at center,#f0f2f530 25%,#f0f2f5b0 100%); }
body:not(.dark) .fit6 .concept-aurora { opacity:.24; }
body:not(.dark) .fit6 .concept-system { color:#514b43; }
body:not(.dark) .fit6 .concept-system small { color:#777168; }
body:not(.dark) .fit6 .stage6 { background:transparent; border:0; box-shadow:none; }
body:not(.dark) .fit6 .stage6 .w6 { box-shadow:0 18px 48px -16px #25304430!important; border-color:#dadce0!important; }
body:not(.dark) .w6 { color:var(--ink); background:#fcfaf5; border-color:#d9d1c4; box-shadow:0 18px 48px -16px #51412d40; }
body:not(.dark) .w6-bar, body:not(.dark) .tb6 { background:#f1f3f4ed; color:#3c4043; border-color:#dadce0; }
body:not(.dark) .tb6 .search, body:not(.dark) .tb6 .app.on { background:#fff; color:#5f6368; }
body:not(.dark) .tb6 .tray { color:#514b43; }
body:not(.dark) .keys6 { background:#fffaf2e8; border-color:#d9d1c4; }
body:not(.dark) .keys6 .k { background:#f7f3eb; color:#403c35; border-color:#d9d1c4; }
body:not(.dark) .keys6 .k.down { background:var(--accent); color:#fff; border-color:var(--accent); }
body:not(.dark) .keys6 .hold { color:#a63f20; }
/* Other apps use their native light palettes; cream belongs to the Twocy UI. */
body:not(.dark) #stage6 .w6 { background:#fff; color:#202124; }
body:not(.dark) #stage6 .w6-bar { background:#f1f3f4; color:#3c4043; border-color:#dadce0; }
body:not(.dark) #stage6 #w6-browser .art6 { background:#fff; }
body:not(.dark) #stage6 #w6-twocy .w6-bar { background:#eeeae1; color:#403c35; }
body:not(.dark) #stage6 :is(.reference-v2,.pdf-reader) { background:#e8eaed; color:#3c4043; }
body:not(.dark) #stage6 :is(.reference-v2 aside,.pdf-reader>aside,.pdf-tools) { background:#f8f9fa; color:#3c4043; border-color:#dadce0; }
body:not(.dark) #stage6 :is(.reference-v2 aside b,.reference-v2 aside p.on) { color:#202124; }
body:not(.dark) #stage6 .reference-v2 aside p.on { background:#e3e8ef; }
body:not(.dark) #stage6 .reference-canvas { background-image:radial-gradient(#bdc1c6 1px,transparent 1px); }
body:not(.dark) #stage6 .reference-caption { color:#5f6368; }
body:not(.dark) #stage6 :is(.meeting-app,.cu6-tree,.cu6-tabs,.cu6-agent,.cu6-input) { background:#f3f3f3; color:#333; border-color:#ddd; }
body:not(.dark) #stage6 :is(.cu6-ed,.cu6-tabs .on,.cu6-msg.ai,.cu6-field,.cu6-send) { background:#fff; color:#333; border-color:#ddd; }
body:not(.dark) #stage6 :is(.cu6-tabs span,.cu6-tree span,.cu6-tree b,.cu6-agent-head,.cu6-code,.cu6-field .ph) { color:#555; }
body:not(.dark) #stage6 .cu6-code .kw { color:#0000ff; }
body:not(.dark) #stage6 .cu6-code .fn { color:#795e26; }
body:not(.dark) #stage6 :is(.meeting-app>header,.meeting-content p,.meeting-content>aside>small,.meeting-agenda) { color:#5f6368; }
body:not(.dark) #stage6 .meeting-app>header b { color:#202124; }
body:not(.dark) #stage6 .wa-side { background:#fff; color:#111b21; }
body:not(.dark) #stage6 .wa-head, body:not(.dark) #stage6 .wa-input { background:#f0f2f5; color:#111b21; }
body:not(.dark) #stage6 .wa-body { background:#efeae2; }
body:not(.dark) #stage6 .wa-chat.on { background:#f0f2f5; }
body:not(.dark) #stage6 :is(.wa-side b,.wa-head b,.wa-chat b) { color:#111b21; }
body:not(.dark) #stage6 :is(.wa-side small,.wa-head small,.wa-chat small,.wa-chat em,.wa-msg small) { color:#667781; }
body:not(.dark) #stage6 :is(.wa-day,.wa-field,.wa-search,.wa-msg) { background:#fff; color:#111b21; }
body:not(.dark) #stage6 .wa-msg.me { background:#d9fdd3; }
body:not(.dark) #stage6 .wa-msg::before { border-right-color:#fff; }
body:not(.dark) #stage6 .wa-msg.me::before { border-right-color:transparent; border-left-color:#d9fdd3; }
body:not(.dark) #stage6 .saved-v2 { background:#fffaf2ed; color:#326841; border-color:#abc4a4; box-shadow:0 8px 25px #51412d20; }
body:not(.dark) .concept .tb6 { box-shadow:0 12px 35px #51412d20; }

/* Pet desktop: warm paper, soft violet pixels, no black vignette. */
body:not(.dark) .agentv4-screen { background:#f0f2f5; border-color:#dfe1e5; box-shadow:0 0 0 8px #e8eaed70,0 28px 70px -30px #25304430; }
body:not(.dark) .agentv4-screen .agentv4-aurora { opacity:.22; }
body:not(.dark) .agentv4-screen::after { background:radial-gradient(ellipse at center,#f0f2f530 25%,#f0f2f5b0 100%); }
body:not(.dark) .agentv4-steps button, body:not(.dark) .agentv4-note { color:var(--muted); }

/* Use cases retain animated pixels without dark surfaces or pale lettering. */
body:not(.dark) .card8 { background:#f0eade!important; color:var(--ink); border-color:var(--border2); }
body:not(.dark) .card8 > canvas.card8-art { opacity:.23; }
body:not(.dark) .card8::after { background:linear-gradient(180deg,#faf7f1f5 0%,#faf7f1dc 30%,#faf7f140 65%,#faf7f1bb 100%); }
body:not(.dark) .card8-top, body:not(.dark) .card8-p { color:var(--ink); border-color:#d9d1c4; }
body:not(.dark) .card8-top em { color:var(--ink); border-color:#cfc6b8; background:#fff9f0b3; }
body:not(.dark) .card8-glyph { color:#54493c; text-shadow:none; }
body:not(.dark) .card8[data-who="2"] .card8-glyph { color:#b74422; text-shadow:none; }
body:not(.dark) .card8-tag, body:not(.dark) .card8-see { color:#5f574c; }
body:not(.dark) .card8-see i { color:#403c35; background:#fffaf2; border-color:#d9d1c4; }
body:not(.dark) .card8:hover .card8-see i { color:#fff; background:var(--accent); }

body:not(.dark) .lib7 { background:var(--page); }
body:not(.dark) .lib7-frame { background:#eae4d8; border-color:var(--border2); box-shadow:0 22px 65px -30px #51412d40; }
body:not(.dark) .lib7-frame .v2-product-frame { background:#faf8f3; }
body:not(.dark) .library9-controls #library9-pause:hover, body:not(.dark) #ia #ai9-pause:hover { color:var(--ink); background:#eae4d8; }
body:not(.dark) .library9-caption { color:var(--muted); }

/* Shared spaces: every animated label must remain legible on cream. */
body:not(.dark) .sv-tile { background:#fffcf6; color:var(--ink); border-color:var(--border); }
body:not(.dark) .sv-tile:hover { background:#f0eade; }
body:not(.dark) .sv-tile[aria-pressed=true] { background:#fff0e5; color:var(--ink); border-color:#ca9076; }
body:not(.dark) .sv-tile img { filter:none; }
body:not(.dark) .sv-tile small, body:not(.dark) .sv-core small, body:not(.dark) .sv-caption { color:var(--muted); }
body:not(.dark) .sv-core b, body:not(.dark) .sv-person b { color:var(--ink); }
body:not(.dark) .sv-person small { background:#e9e3d8; color:#5f574c; }
body:not(.dark) .sv-person.is-reader small { background:#e9effa; color:#355990; }
body:not(.dark) .sv-new, body:not(.dark) .sv-slot { color:#6a6257; border-color:#bdb3a3; }
body:not(.dark) .sv-lines line { stroke:#b6aa98; }
body:not(.dark) .sv-lines line.is-reader { stroke:#c4bbae; }
body:not(.dark) .sv-lines line.is-live { stroke:#b84a2b; }
body:not(.dark) .sv-pill, body:not(.dark) .sv-chip { background:#fffaf2; color:var(--ink); border-color:var(--border2); box-shadow:0 8px 24px #51412d18; }
body:not(.dark) .sv-pill.ok { background:#e9f2e7; color:#315d3b; border-color:#abc4a4; }

body:not(.dark) .pl7 { color:var(--ink); }
body:not(.dark) .pl7.is-pro { background:linear-gradient(150deg,#fff5ec,#fffdf8 55%,#f6eee5)!important; border-color:#ca9076!important; box-shadow:0 0 0 1px #ff5a2c0a,0 20px 65px -30px #8c624530!important; }
body:not(.dark) .pl7.is-pro .pl7-price { color:var(--ink); }
body:not(.dark) .pl7.is-pro #pxa-pro { opacity:.16!important; }
body:not(.dark) .pl7.is-pro .pl7-tag, body:not(.dark) .pl7.is-pro #pro-cta { background:#c34c27!important; color:#fff!important; }
body:not(.dark) .pl7.is-pro #pro-cta:hover { background:#ab3d1c!important; }
body:not(.dark) .pl7-all { color:#514b43; }
body:not(.dark) .pl7-top span, body:not(.dark) .pl7-price small, body:not(.dark) .pl7 li small, body:not(.dark) .price7 .trust7 { color:var(--muted); }
body:not(.dark) .pl7-save { color:#326841; }
body:not(.dark) .pl7.is-pro::before { opacity:.4; }
body:not(.dark) .pl7 > canvas#pxa-pro { opacity:.2; }
body:not(.dark) .h2-sub { color:#6b6256; -webkit-text-fill-color:#6b6256; }
body:not(.dark) .eb7, body:not(.dark) .loop2-card .lcta { color:#ad3d1b; }
body:not(.dark) .bill7 em { color:#2b643d; }

/* Social pixels and tutorial thumbnails, with a distinct treatment for the film poster. */
body:not(.dark) #pxa-loop { opacity:.2; filter:none; mix-blend-mode:normal; }
body:not(.dark) .loop2-card { background:#fffcf4d9; color:var(--ink); border-color:var(--border2); }
body:not(.dark) .loop2-card p, body:not(.dark) .loop2-card .lcount { color:var(--muted); }
body:not(.dark) #loop .thumb:not(.thumb-film) .tv.v2-video { background-image:linear-gradient(#fff8eea6,#fff8eec9),url('/assets/brand-orange.png')!important; filter:none!important; color:#5b3927; border-color:var(--border2); }
body:not(.dark) #loop .thumb:nth-child(4) .tv.v2-video { background-image:linear-gradient(#f7f0e9af,#f7f0e9cc),url('/assets/violet-coral.png')!important; }
body:not(.dark) #loop .thumb:not(.thumb-film) .tv small { color:#514b43; }
body:not(.dark) #loop .thumb:not(.thumb-film) .tv i { color:#5b3927; background:#fffaf2d9; border-color:#cfc6b8; }
body:not(.dark) #loop .thumb b { color:var(--ink); }
body:not(.dark) #loop .thumb-film { color:var(--ink); background:#fffaf2; }
body:not(.dark) :focus-visible { outline-color:#b94c29; }

/* Shared CTA corrections apply to both landing themes. */
.nav-cta { justify-content:center; min-height:41px; line-height:1; }
.nav-cta > svg { width:16px; height:16px; flex:0 0 16px; display:block; }
.nav-cta > span { display:block; line-height:1; }
.foot-cta7 .btn-dark > span { color:inherit; }
.store-download-note { margin:14px 0 0; font-size:13px; line-height:1.5; text-align:center; }
.store-download-note a { color:var(--ink); text-decoration:underline; text-decoration-color:var(--border2); text-underline-offset:4px; }
.store-download-note a:hover { text-decoration-color:currentColor; }