.product-demos .section-heading{max-width:680px;margin:0 auto 30px;text-align:center}
.product-demos .section-heading p{max-width:540px;margin-left:auto;margin-right:auto}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1020px;margin:0 auto}
.demo-card{min-width:0;margin:0;text-align:left}
.demo-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:16px;background:#e8e3db;isolation:isolate}
.demo-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#e8e3db}
.demo-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;border:0;background:linear-gradient(transparent 48%,rgba(0,0,0,.17));color:#fff;cursor:pointer;font:inherit;padding:0}
.demo-start[hidden]{display:none}
.demo-play-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.95);color:#222;box-shadow:0 3px 24px #0002;transition:transform .15s ease}
.demo-start:hover .demo-play-icon{transform:scale(1.06)}
.demo-play-icon svg{width:23px;height:23px;margin-left:4px;fill:currentColor}
.demo-time{position:absolute;top:14px;right:14px;background:#0008;border-radius:20px;padding:5px 10px;color:#fff;font-size:13px;line-height:1.3;pointer-events:none}
.demo-start:focus-visible{outline:3px solid var(--accent,#b84b22);outline-offset:-5px}
.demo-card figcaption{padding:17px 2px 0}
.demo-card h3{margin:0 0 6px;font-size:22px;line-height:1.25}
.demo-card figcaption p{margin:0;font-size:16px;line-height:1.55}
.demo-status{font-size:14px;margin:8px 0 0}.demo-status:empty{display:none}
@media(max-width:700px){.demo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:0 0 14px;scrollbar-width:thin}.demo-card{flex:0 0 82%;scroll-snap-align:start}.demo-frame{border-radius:12px}.demo-card h3{font-size:22px}.product-demos .section-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.demo-play-icon{transition:none}}