.guide-video-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:rgba(8,12,31,.72);backdrop-filter:blur(7px)}
.guide-video-backdrop[hidden]{display:none}
.guide-video-dialog{position:relative;width:min(880px,100%);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:#0f1329;color:#fff;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.guide-video-close{position:absolute;z-index:2;top:14px;right:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(15,19,41,.82);color:#fff;font:700 24px/1 sans-serif;cursor:pointer}
.guide-video-close:hover{background:#f53f63}
.guide-video-close:focus-visible,.guide-video-primary:focus-visible,.guide-video-secondary:focus-visible,.guide-video-start:focus-visible{outline:3px solid #ffd45a;outline-offset:3px}
.guide-video-copy{padding:26px 72px 18px 28px}
.guide-video-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:6px 10px;border-radius:999px;background:#ffd45a;color:#11152a;font-size:13px;font-weight:900}
.guide-video-title{margin:0;font-size:clamp(24px,4vw,38px);line-height:1.18;letter-spacing:-.04em}
.guide-video-subtitle{margin:9px 0 0;color:#cfd5ec;font-size:15px;line-height:1.55}
.guide-video-stage{position:relative;margin:0 28px;border-radius:20px;overflow:hidden;background:#070a18;aspect-ratio:16/9}
.guide-video-poster,.guide-video-player{display:block;width:100%;height:100%;object-fit:cover}
.guide-video-poster{border:0;padding:0;background:#070a18;cursor:pointer}
.guide-video-poster img{display:block;width:100%;height:100%;object-fit:cover}
.guide-video-play{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:#f53f63;color:#fff;font:900 16px/1 sans-serif;box-shadow:0 10px 28px rgba(245,63,99,.4);pointer-events:none}
.guide-video-player[hidden],.guide-video-poster[hidden]{display:none}
.guide-video-footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 28px 24px}
.guide-video-secondary,.guide-video-primary,.guide-video-start{min-height:44px;border-radius:12px;padding:0 16px;font:800 14px/1 sans-serif;cursor:pointer}
.guide-video-secondary{border:1px solid rgba(255,255,255,.2);background:transparent;color:#dfe4f4}
.guide-video-primary,.guide-video-start{border:0;background:#f53f63;color:#fff}
.guide-video-complete{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;background:linear-gradient(145deg,rgba(15,19,41,.96),rgba(30,25,68,.96));text-align:center}
.guide-video-complete[hidden]{display:none}
.guide-video-complete strong{font-size:clamp(23px,4vw,36px);letter-spacing:-.03em}
.guide-video-start{min-width:190px;min-height:50px;font-size:16px}
.guide-video-dialog.is-complete .guide-video-footer{display:none}
body.guide-video-open{overflow:hidden}
body.guide-video-open .onae-sup-fab{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:640px){
  .guide-video-backdrop{place-items:end center;padding:0;background:rgba(8,12,31,.6)}
  .guide-video-dialog{width:100%;max-height:min(88dvh,760px);border-width:1px 0 0;border-radius:24px 24px 0 0}
  .guide-video-copy{padding:22px 68px 14px 20px}
  .guide-video-stage{margin:0 14px;border-radius:16px}
  .guide-video-footer{justify-content:stretch;padding:14px 14px max(18px,env(safe-area-inset-bottom))}
  .guide-video-footer button{flex:1;padding:0 10px}
  .guide-video-play{bottom:14px;min-height:44px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.guide-video-backdrop,.guide-video-dialog,.guide-video-play{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
