.product-demo,.product-still{border:1px solid #d5dfe1;border-radius:19px;background:white;overflow:hidden;box-shadow:0 20px 55px #153e3610;color:var(--ink,#143d36)}.pd-heading{padding:14px 20px;display:flex;justify-content:space-between;gap:15px;font:500 11px var(--body);background:white}.pd-heading>span:first-child{font-weight:750;display:flex;align-items:center;gap:8px}.pd-heading i{width:7px;height:7px;border-radius:50%;background:var(--chapter-accent,#07887b)}.pd-screen,.pd-still-screen{position:relative;aspect-ratio:16/10;background:#edf0f4;overflow:hidden;border-block:1px solid #e1e7eb}.pd-screen iframe{width:100%;height:100%;display:block;border:0;pointer-events:none}.pd-poster{position:absolute;inset:0;pointer-events:none}.pd-poster picture,.pd-still-screen picture{display:block;width:100%;height:100%}.pd-poster img,.pd-still-screen img{display:block;width:100%;height:100%;object-fit:cover}.product-demo[data-ready=true] .pd-poster{display:none}.pd-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;gap:20px;min-height:112px}.pd-caption strong{font:800 22px/1.2 var(--disp);letter-spacing:-.03em}.pd-caption p{font:400 12px/1.6 var(--body);color:#637b73;margin:7px 0 0}.pd-transport{display:flex;gap:8px;flex-shrink:0}.pd-transport button{border-radius:99px;border:1px solid #d6e1db;background:white;padding:11px 17px;cursor:pointer;font:600 12px var(--body);color:#143d36}.pd-transport button:first-child{background:#077f73;color:white;border-color:#077f73;min-width:85px}.pd-transport button:hover{filter:brightness(.95)}.pd-transport button:focus-visible{outline:3px solid #098979;outline-offset:3px}.pd-timeline{height:3px;background:#e8efea}.pd-timeline i{display:block;width:100%;height:100%;background:#078c7e;transform:scaleX(0);transform-origin:left}.pd-still-note{padding:18px 22px;font:500 12px/1.5 var(--body);color:#637b73}.module-panel--product .module-visual{max-width:none}.product-still{contain:layout paint}@media(max-width:720px){.pd-heading{padding:12px;font-size:10px}.pd-screen,.pd-still-screen{aspect-ratio:1/1.15}.pd-caption{display:block;padding:17px 15px;min-height:163px}.pd-caption strong{font-size:20px}.pd-transport{margin-top:12px}.pd-transport button{padding:9px 15px}.pd-still-note{padding:15px}}
/* Match the portrait working surface of the three wider-framed walkthroughs. */
@media(max-width:720px){
 .product-demo:is([data-product-demo="automations"],[data-product-demo="ai-agent"],[data-product-demo="feature-requests"]) .pd-screen{aspect-ratio:4/5}
}