/* Demo benefit sub-pages: embedded video fits in viewport so users can watch without huge scroll */
.demo-benefits-video-wrap {
    position: relative;
    width: 100%;
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.75rem;
    overflow: hidden;
    border: 4px solid rgba(129, 140, 248, 0.35);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
    background: rgba(0, 0, 0, 0.55);
    /* Cap height so video + controls stay roughly on-screen with nav/title */
    max-height: min(58dvh, 640px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.demo-benefits-video-wrap video {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: min(58dvh, 640px);
    height: auto;
    object-fit: contain;
    vertical-align: middle;
}

.demo-benefits-section + .demo-benefits-section {
    margin-top: 1.5rem;
}