/* Video-to-page handoff. Native CTA styling comes from the landing page. */
@font-face{font-family:DemoOutfit;src:url('./demo-outfit-600.woff2') format('woff2');font-weight:600;font-display:swap}
.product-demo{position:relative;width:100%;margin:0;text-align:center;isolation:isolate}
.product-demo.product-frame{overflow:visible;background:transparent;border:0;box-shadow:none;transform-origin:50% var(--demo-height,100%)}
.demo-stage{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(11,28,33,.08);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 22px 60px -12px rgba(11,28,33,.22),0 6px 16px -6px rgba(11,28,33,.10);isolation:isolate}
.demo-stage video{display:block;width:100%;height:100%;object-fit:contain;background:white}
.demo-stage:focus-within{outline:2px solid #006CE0;outline-offset:3px}
.demo-landing-slots{display:none;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:40px;min-height:96px}
.demo-landing-slot{height:56px;flex:none}
.demo-live-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:24px auto 0}
.demo-live-actions .btn-cta{font-family:DemoOutfit,'Outfit',sans-serif;box-sizing:border-box}
.demo-live-actions .brand-mark img{width:26px;height:26px;display:block;max-width:none}
.product-demo.is-enhanced .demo-landing-slots{display:flex}
.product-demo.is-enhanced .demo-live-actions{position:absolute;inset:0;margin:0;display:block;pointer-events:none;z-index:4;overflow:visible;clip-path:inset(var(--demo-floor,100%) -80px -600px -80px)}
.product-demo.is-enhanced .demo-live-actions .btn-cta{position:absolute;left:0;top:0;transform-origin:0 0;transition:none;visibility:hidden;pointer-events:none;will-change:transform}
.product-demo.is-landed .demo-live-actions .btn-cta{will-change:auto}
.product-demo.is-landed .demo-live-actions .btn-cta:hover{filter:brightness(.97)}
.demo-status{min-height:20px;font-size:13px;margin:6px auto;color:var(--text-2,#4A5D64)}
.product-demo:fullscreen{width:100%;height:100%;max-width:none;margin:0;padding:20px;background:#E3F3EC;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto}
.product-demo:fullscreen .demo-stage{width:min(100%,calc((100dvh - 260px)*16/9));flex:none}
.product-demo:fullscreen .demo-landing-slots{width:100%;flex:none}
@media(max-width:520px){.demo-stage{border-radius:14px}.demo-landing-slots{flex-direction:column;gap:12px;padding-top:30px;min-height:154px}.product-demo:fullscreen{padding:12px}}


.demo-status:empty{display:none}
.demo-live-actions a:focus-visible{outline:3px solid #006CE0;outline-offset:5px}