/* AiServa demos: embedding rules (hand written). The page is a one-slide deck shown at a fixed 1280 x 720 design size inside a scaled frame. */
html, body { height: 100%; margin: 0; overflow: hidden; background: #eef4fb; }
.demo-body .slide { opacity: 1; visibility: visible; pointer-events: auto; }
.demo-body .stage { width: calc(100% - 56px); padding-block: 22px; }
.demo-body .kw { max-width: none; }
@media (prefers-reduced-motion: reduce) { .demo-body *, .demo-body *::before, .demo-body *::after { animation: none !important; } }
/* the AI Agent screen: the deck gave it up to 600px on a 900px slide with a title row above; here there is no title row, so use the height */
.demo-body .ag-win { height: min(560px, calc(100svh - 150px)); }