/* Cool the original cream fields behind the transparent native artwork. */
.home-cast,.companions-page .companion-playground{background:linear-gradient(145deg,#c2cbdc 0%,#d0c8d6 55%,#b8c8d7 100%)}
.companions-page .companion-intro{background:linear-gradient(150deg,#171e324d,#0c12224d);backdrop-filter:blur(5px) saturate(110%);-webkit-backdrop-filter:blur(5px) saturate(110%)}
.companions-page .companion-intro .companion-scene{background:linear-gradient(145deg,#c2cbdc4d 0%,#d0c8d64d 55%,#b8c8d74d 100%)}
.home-cast .cast-name,.home-cast .cast-count{color:#34445d;text-shadow:none}
.companions-page .companion-intro .scene-caption{color:#f7f8fc;text-shadow:0 1px 6px #101827}
.companions-page .companion-hero-demo{background:transparent}
.companions-page .companion-demo-caption,.companions-page .companion-demo-caption button{color:#f7f8fc;text-shadow:0 1px 6px #101827}
.companions-page .companion-button,.companions-page .companion-intro .companion-button{gap:14px;min-height:48px;padding:12px 22px;border:1px solid #fff8eb99;border-radius:18px;background:linear-gradient(145deg,#fff8eb,#ffd9bd);color:#4c3326!important;box-shadow:inset 0 1px #fff,0 7px 18px #080d2026;font-weight:750;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.companions-page .companion-button:hover,.companions-page .companion-intro .companion-button:hover{border-color:#fff8eb;background:linear-gradient(145deg,#fff,#ffe5cf);box-shadow:inset 0 1px #fff,0 9px 22px #080d2038;transform:translateY(-1px)}
.companions-page .companion-button.secondary{border-color:#ffdbc47a;background:linear-gradient(145deg,#fff8eb26,#ffd9bd12);color:#fff8eb!important;box-shadow:inset 0 1px #ffffff26,0 4px 12px #080d201a}
.companions-page .companion-button.secondary:hover{border-color:#ffdbc4bb;background:linear-gradient(145deg,#fff8eb38,#ffd9bd26)}
.companions-page .companion-demo-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-top:10px}
.companions-page .companion-demo-controls button,.companions-page .companion-demo-controls a,.companions-page .companion-action-toolbar button{min-height:44px;padding:8px 10px;border:1px solid #fff8eb99;border-radius:14px;background:linear-gradient(145deg,#fff8ebeb,#ffd9bdd9);color:#4c3326;box-shadow:inset 0 1px #ffffffb3,0 5px 14px #080d2026;font-size:13px;font-weight:700;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.companions-page .companion-demo-controls button:hover:not(:disabled),.companions-page .companion-demo-controls a:hover,.companions-page .companion-action-toolbar button:hover:not(:disabled){border-color:#fff8eb;background:linear-gradient(145deg,#fff8eb,#ffe5cf);box-shadow:inset 0 1px #fff,0 7px 18px #080d2038;transform:translateY(-1px)}
.companions-page .companion-demo-controls button[aria-pressed=true]{border-color:#ffd9bd;background:linear-gradient(145deg,#ffd9bd,#ffc09b);color:#4c3326;box-shadow:inset 0 2px 5px #4c332619}
.companions-page .companion-demo-controls button:disabled,.companions-page .companion-action-toolbar button:disabled{opacity:.45;box-shadow:none;cursor:wait}
.companions-page .companion-demo-controls button{min-height:36px;padding:7px 14px;background:#fff8eb14;border-color:#fff8eb40;color:#fff8eb;box-shadow:inset 0 1px #ffffff14;font-size:12px}
.companions-page .companion-demo-controls button:hover:not(:disabled){color:#4c3326}
.companions-page .companion-demo-controls #petHello{width:40px;padding:7px;font-size:20px}
.companions-page .collection-categories button{min-height:40px;padding:8px 15px;border:1px solid #ffdbc459;border-radius:14px;background:linear-gradient(145deg,#fff8eb14,#ffd9bd08);color:#fff8eb;font-size:12px;font-weight:650;box-shadow:inset 0 1px #ffffff14;transition:background .18s,border-color .18s,box-shadow .18s}
.companions-page .collection-categories button:hover{border-color:#ffdbc499;background:#fff8eb26}
.companions-page .collection-categories button[aria-checked=true]{border-color:#fff8eb99;background:linear-gradient(145deg,#fff8eb,#ffd9bd);color:#4c3326;box-shadow:inset 0 1px #fff,0 4px 12px #080d2026}
.companions-page .companion-button:focus-visible,.companions-page .companion-demo-controls button:focus-visible,.companions-page .companion-demo-controls a:focus-visible,.companions-page .companion-action-toolbar button:focus-visible,.companions-page .collection-categories button:focus-visible{outline:2px solid #ffd9bd;outline-offset:4px}
.companions-page .companion-button:active,.companions-page .companion-demo-controls button:active:not(:disabled),.companions-page .companion-action-toolbar button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 2px 5px #4c332619}
@media(prefers-reduced-motion:reduce){.companions-page .companion-button,.companions-page .companion-demo-controls button,.companions-page .companion-demo-controls a,.companions-page .companion-action-toolbar button,.companions-page .collection-categories button{transition:none;transform:none}}
.companions-page .companion-hero-instruction{color:#f7f8fc;text-shadow:0 1px 6px #101827}
.companions-page .playground-hint{color:#34445d;text-shadow:none}
.companions-page .playground-topline{color:#34445d}
.companions-page .playground-topline .preview-label{background:#dfe3ec;color:#34445d}
.home-card-cta{border-color:#aab9da72;background:linear-gradient(145deg,#394966,#283750);color:#f8f9fd}
.home-product:hover .home-card-cta{background:linear-gradient(145deg,#465879,#324361)}

/* The browser page inside both desktop heroes has its own low-glare palette. */
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-browser{background:#202b3e;color:#e9edf6}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-browser-viewport{background:#202b3e}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-browser-page{color:#e9edf6}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-region h2,
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-region h3,
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-table td:first-child{color:#f7f8fc}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-lead,
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-region figcaption,
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-hint{color:#bfcbe0}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-flag{border-color:#7787a4;color:#c0cee4}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-facts li,
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-table,
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-checks li,
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-note-tail{border-color:#4a5a75;background:#2b3951;color:#e9edf6}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-table td{border-color:#4a5a75}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-browser-rail{border-color:#4a5a75;background:#26334a}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-browser-thumb{background:#71819c}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-browser-address{background:#30405a;color:#d5dfed}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .brow-region figure img{filter:brightness(.74) saturate(.9)}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-ai{background:#202b3e;color:#e9edf6}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-ai-tag{border-color:#4a5a75;color:#bfcbe0}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-ai-compose{border-color:#4a5a75}
:is(#homeToolsDesk,#reelDesk,#liveDesk) .desk-ai-compose>span{background:#2b3951;color:#bfcbe0}
.cc-page .feature-live .feature-big-head{background:#202b3e}
.cc-page .feature-live .feature-big-head h2{color:#f7f8fc}
.cc-page .feature-live .feature-big-head p{color:#d6dfed}
