/* Marketing treatment only; the copied production stylesheet remains byte-identical. */
body.popup { min-width:360px; width:360px; overflow:hidden; }
.popup-shell { pointer-events:none; }
.mail,.infall { opacity:.2; }
.orbit-outer,.orbit-mid { opacity:.3; }
#move-count { height:42px; overflow:hidden; }
.demo-count-reel { display:flex; flex-direction:column; transition:transform 440ms cubic-bezier(.16,1,.3,1); }
.demo-count-reel>span { height:42px; flex:none; }
.spammish-object { transition:filter 700ms cubic-bezier(.16,1,.3,1); }
body[data-phase="recognized"] .spammish-object { filter:brightness(1.35) drop-shadow(0 9px 18px #078ae52b); }
.abyss-link { transition:background 450ms ease-out,border-color 450ms ease-out; }
body[data-phase="recover"] .abyss-link { background:#102639; border-color:#4bc6ff; }
body.demo-paused *,body.demo-static * { animation-play-state:paused !important; }
body.demo-static * { transition:none !important; }
@media(prefers-reduced-motion:reduce) { * { animation:none !important; transition:none !important; } }

/* OFF is inactive, not an error. The real power control supplies the activation cue. */
.spammish-object.is-off { filter:grayscale(1) brightness(.65); }
.power-control { transition:color 550ms ease-out,border-color 550ms ease-out,box-shadow 650ms ease-out; }
body[data-phase="activating"] .power-control { animation:demo-power-on 700ms cubic-bezier(.16,1,.3,1) both; }
@keyframes demo-power-on {
  0% { transform:scale(1); }
  18% { transform:scale(.94); }
  65% { transform:scale(1.03); }
  100% { transform:scale(1); }
}
