/* Home-only presentation owner. The heading retains the common content rail. */
body.page-index .video-section {
 padding-block: clamp(36px, 4vw, 56px);
 background-size: cover;
}
body.page-index .mkt-video-stack {
 --video-overlap-drop: clamp(24px, 5vw, 48px);
 display: grid;
 grid-template-columns: repeat(12, minmax(0, 1fr));
 align-items: end;
 width: 100%;
 max-width: 980px;
 margin-top: clamp(24px, 3vw, 40px);
 padding-bottom: var(--video-overlap-drop);
 isolation: isolate;
}
body.page-index .mkt-video-window {
 position: relative;
 box-sizing: border-box;
 min-width: 0;
 border-radius: 28px;
 box-shadow: 0 12px 36px rgb(60 26 154 / 16%);
}
body.page-index .mkt-video-window--primary { grid-area: 1 / 1 / 2 / 10; z-index: 1; }
body.page-index .mkt-video-window--secondary {
 grid-area: 1 / 8 / 2 / 13;
 margin-bottom: calc(-1 * var(--video-overlap-drop));
 border: 4px solid white;
 border-radius: 24px;
 z-index: 2;
}
body.page-index .mkt-video-window.is-playing { z-index: 3; }
body.page-index .mkt-video-media {
 position: relative;
 overflow: hidden;
 aspect-ratio: 16 / 9;
 border-radius: inherit;
 background: #21113e;
}
body.page-index .mkt-video-media > img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
}
body.page-index .mkt-video-window.is-playing .mkt-video-media > img { visibility: hidden; }
body.page-index .mkt-video-launch {
 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 8px;
 width: 100%;
 height: 100%;
 border: 0;
 border-radius: inherit;
 padding: 0;
 color: white;
 background: rgb(28 10 54 / 14%);
 cursor: pointer;
 transition: background-color 180ms ease;
}
body.page-index .mkt-video-play-icon {
 display: grid;
 place-items: center;
 width: 76px;
 height: 76px;
 border-radius: 50%;
 background: #795bc3;
 box-shadow: 0 6px 20px rgb(38 15 89 / 24%);
 transition: background-color 180ms ease, box-shadow 180ms ease;
}
body.page-index .mkt-video-play-label { font-size: 16px; line-height: 1.4; font-weight: 600; text-shadow: 0 1px 5px #21113e; }
body.page-index .mkt-video-window--secondary .mkt-video-play-icon { width: 56px; height: 56px; }
body.page-index .mkt-video-window--secondary .mkt-video-play-label { font-size: 14px; }
body.page-index .mkt-video-demo-label {
 position: absolute;
 top: 12px;
 left: 12px;
 padding: 4px 8px;
 border-radius: 12px;
 color: white;
 background: rgb(33 17 62 / 82%);
 font-size: 11px;
 line-height: 16px;
 pointer-events: none;
}
body.page-index .mkt-video-window.is-playing .mkt-video-demo-label { display: none; }
body.page-index .mkt-video-iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
body.page-index .mkt-video-close {
 position: absolute;
 top: 8px;
 right: 8px;
 display: grid;
 place-items: center;
 width: 44px;
 height: 44px;
 padding: 0;
 border: 1px solid rgb(255 255 255 / 50%);
 border-radius: 50%;
 color: white;
 background: #392653;
 cursor: pointer;
 z-index: 1;
}
body.page-index .mkt-video-launch[hidden], body.page-index .mkt-video-close[hidden] { display: none; }
body.page-index .mkt-video-launch:focus-visible { outline: 3px solid #ffe28b; outline-offset: -5px; }
body.page-index .mkt-video-close:focus-visible { outline: 3px solid #ffe28b; outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
 body.page-index .mkt-video-launch:hover { background: rgb(28 10 54 / 22%); }
 body.page-index .mkt-video-launch:hover .mkt-video-play-icon { background: #6b4bb2; box-shadow: 0 8px 24px rgb(38 15 89 / 30%); }
 body.page-index .mkt-video-close:hover { background: #6b4bb2; }
}
@media (max-width: 767.98px) {
 body.page-index .mkt-video-window--primary { grid-column: 1 / 12; }
 body.page-index .mkt-video-window { border-radius: 22px; }
 body.page-index .mkt-video-window--secondary { grid-column: 6 / 13; border-width: 3px; border-radius: 18px; }
 /* Keep the main play control inside the part left clear by the overlap. */
 body.page-index .mkt-video-window--primary .mkt-video-launch { box-sizing: border-box; padding-right: 35%; }
 body.page-index .mkt-video-play-icon { width: 64px; height: 64px; }
 body.page-index .mkt-video-window--secondary .mkt-video-play-icon { width: 48px; height: 48px; }
}
@media (max-width: 479.98px) {
 body.page-index .mkt-video-launch { gap: 4px; }
 body.page-index .mkt-video-play-label { font-size: 13px; }
 body.page-index .mkt-video-window--secondary .mkt-video-play-label { display: none; }
 body.page-index .mkt-video-demo-label { top: 6px; left: 6px; padding: 2px 5px; font-size: 9px; line-height: 13px; }
}
@media (prefers-reduced-motion: reduce) {
 body.page-index .mkt-video-launch, body.page-index .mkt-video-play-icon { transition: none; }
}