/* Play directly on the existing hero image without adding layout height. */
.home-overview{position:absolute;inset:0;z-index:3;pointer-events:none}
.home-overview-watch{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:14px;width:max-content;max-width:90%;text-decoration:none;pointer-events:auto;border-radius:18px}
.home-overview-play{position:relative;display:grid;place-items:center;width:84px;height:84px;border:2px solid #fff;border-radius:50%;background:linear-gradient(140deg,#008aff,#005bd7);color:#fff;box-shadow:0 8px 30px #005fe659,0 0 0 8px #ffffff70;transition:transform .2s,box-shadow .2s}
.home-overview-play svg{position:relative;z-index:1;margin-left:-3px}
.home-overview-play::before,.home-overview-play::after{content:"";position:absolute;inset:-9px;border:2px solid #fff;border-radius:50%;pointer-events:none;opacity:0;animation:overview-beacon 2.8s ease-out infinite}
.home-overview-play::after{animation-delay:1.4s;border-color:#58baff}
.home-overview-label{padding:8px 16px;border:1px solid #ffffff80;border-radius:100px;background:#102b49ed;color:#fff;font-size:13px;font-weight:650;line-height:1.4;box-shadow:0 5px 18px #102b4926;text-align:center}
.home-overview-watch:hover .home-overview-play{transform:scale(1.07);box-shadow:0 10px 38px #005fe680,0 0 0 9px #ffffff90}
.home-overview-watch:focus-visible{outline:3px solid #005bd7;outline-offset:12px}
@keyframes overview-beacon{0%{transform:scale(.95);opacity:.7}80%,100%{transform:scale(1.5);opacity:0}}
.home-overview-dialog{width:min(960px,calc(100vw - 40px));height:min(880px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:1px solid #dce7f0;border-radius:14px;background:#fff;color:#13263f;box-shadow:0 28px 90px #08182b40;overflow:hidden}
.home-overview-dialog[open]{display:flex;flex-direction:column}
.home-overview-dialog::backdrop{background:rgba(10,27,45,.6)}
.home-overview-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid #edf2f6;flex-shrink:0}
.home-overview-dialog-header h2{font:600 15px/1.4 var(--font-public),sans-serif;margin:0}
.home-overview-dialog-header button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:#f2f7fc;color:#35546e;font-size:26px;cursor:pointer}
.home-overview-dialog-header button:focus-visible{outline:3px solid #0084ff;outline-offset:2px}
.home-overview-dialog iframe{display:block;width:100%;flex:1;min-height:0;border:0}
html.overview-open{overflow:hidden;scrollbar-gutter:stable}
@media(max-width:600px){.home-overview-dialog{width:calc(100vw - 16px);height:calc(100dvh - 20px);border-radius:10px}.home-overview-dialog-header{padding:6px 12px}}

@media(max-width:600px){.home-overview-play{width:76px;height:76px}.home-overview-label{font-size:12px;padding:7px 14px}.home-overview-watch{gap:12px}}
@media(prefers-reduced-motion:reduce){.home-overview-play{transition:none}.home-overview-play::before,.home-overview-play::after{animation:none}.home-overview-watch:hover .home-overview-play{transform:none}}