/* Demo recordings presented as an Apple-style stage: large radii, no frame, one quiet playback toggle. */
.demo-media { position: relative; }
/* clip-path rounds the frame without a background colour, so no dark fringe shows on the light top corners. */
.demo-media video { display: block; width: 100%; height: auto; clip-path: inset(0 round 28px); }
.demo-toggle {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--r-pill);
    background: rgba(232, 232, 237, 0.72);
    color: #1d1d1f;
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    transition: background var(--t-fast);
}
.demo-toggle:hover { background: rgba(232, 232, 237, 0.92); }
.demo-toggle svg { width: 14px; height: 14px; fill: currentColor; }

@media (max-width: 600px) {
    .demo-media video { clip-path: inset(0 round 18px); }
    .demo-toggle { right: 12px; bottom: 12px; width: 36px; height: 36px; }
}