.demo-video__inner{max-width:calc(var(--container-lg) + clamp(20px, 5vw, 32px)*2);text-align:center}.demo-video__heading{margin:var(--space-3) 0 var(--space-3)}.demo-video__body{color:var(--wb-sec-text);margin:0 auto var(--space-8);max-width:54ch}.demo-video__body p{margin:0 0 var(--space-4)}.demo-video__body p:last-child{margin-bottom:0}.demo-video__panel{aspect-ratio:16/9;background:var(--wb-blue);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:block;overflow:hidden;position:relative}.demo-video__poster{display:block;height:100%;object-fit:cover;width:100%}.demo-video__panel iframe{border:0;display:block;height:100%;width:100%}.demo-video__panel--interactive{aspect-ratio:auto}.demo-video__panel--interactive>iframe{aspect-ratio:16/9;height:auto;width:100%}.demo-video__placeholder{background:transparent;color:var(--wb-on-dark-soft);font-size:var(--fs-sm);font-weight:var(--fw-medium);inset:0;padding:var(--space-6);text-align:center}.demo-video__placeholder,.demo-video__play{align-items:center;display:flex;justify-content:center;position:absolute}.demo-video__play{background:var(--wb-accent);border-radius:var(--radius-pill);box-shadow:0 10px 30px var(--wb-accent-shadow);height:72px;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard);width:72px}.demo-video__play svg{margin-left:4px}button.demo-video__play{-webkit-appearance:none;appearance:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}button.demo-video__play:focus-visible{outline:2px solid var(--wb-accent);outline-offset:3px}.demo-video__panel:focus-within .demo-video__play,.demo-video__panel:hover .demo-video__play,.demo-video__play:focus-visible,.demo-video__play:hover{background:var(--wb-accent-strong);transform:translate(-50%,-50%) scale(1.08)}.demo-video__cta{margin-top:var(--space-7)}@media (min-width:900px){.demo-video__play{height:84px;width:84px}}@media (prefers-reduced-motion:reduce){.demo-video__play{transition:none}.demo-video__panel:focus-within .demo-video__play,.demo-video__panel:hover .demo-video__play,.demo-video__play:focus-visible,.demo-video__play:hover{transform:translate(-50%,-50%)}}