/* Contained, click-to-play videos with generous surrounding whitespace. */
.site-modern .video-block{width:100%;max-width:940px;margin:72px auto 36px;padding:28px 48px 40px}
.site-modern .video-block .video-label{margin:0 auto 28px;font-size:15px;line-height:1.8;text-align:center}
.demo-video-frame{width:100%;max-width:820px;margin:auto}
.demo-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:14px;background:#eef2f5;box-shadow:0 10px 32px #20384e0d}
.demo-video-frame.is-portrait{max-width:320px}
.demo-video-frame.is-portrait video{aspect-ratio:9/16;max-height:620px}
.home-page .video-overview-section{padding-bottom:32px}
.home-page .video-overview-section .video-block{margin:36px auto 0;padding-top:0;padding-bottom:0}
.site-modern .video-play-cta{border:1px solid #66c5e7;background:linear-gradient(145deg,#182630,#050b12);color:#fff;box-shadow:0 0 0 2px #82d0e533,0 6px 18px #142f4320;padding:12px 24px;gap:20px}
.site-modern .video-play-cta:hover{background:#14283b;color:#fff}
@media(max-width:650px){
 .site-modern .video-block{margin:42px auto 24px;padding:20px 16px 28px}
 .site-modern .video-block .video-label{font-size:13px;margin-bottom:22px}
 .demo-video-frame.is-portrait{max-width:270px}
 .demo-video-frame video{border-radius:10px}
 .home-page .video-overview-section{padding-bottom:24px}
 .home-page .video-overview-section .video-block{margin-top:28px}
}