.hero-watch{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#c6d9fc;font-size:13px;font-weight:700;text-decoration:none}
.hero-watch:hover{text-decoration:underline;text-underline-offset:4px}
.hero-watch svg{width:15px;height:15px;fill:currentColor}
.intro-preview{margin:0;overflow:hidden;border:1px solid rgba(24,33,48,.12);border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(38,64,108,.13)}
.intro-play{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#f5f5ef;color:#fff}
.intro-play img{display:block;width:100%;height:100%;object-fit:cover}
.intro-play:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,26,48,.22))}
.intro-play-icon{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#2467cc;box-shadow:0 8px 32px rgba(21,63,120,.3);transform:translate(-50%,-50%);transition:background .2s ease}
.intro-play:hover .intro-play-icon{background:#154d9f}
.intro-play-icon svg{width:24px;height:24px;margin-left:4px;fill:currentColor}
.intro-duration{position:absolute;right:16px;bottom:14px;z-index:1;padding:4px 8px;border-radius:6px;background:rgba(18,28,43,.82);font-size:12px;font-weight:700}
.intro-preview figcaption{padding:20px 24px 22px}
.intro-preview strong{display:block;font-family:var(--font-display);font-size:19px;letter-spacing:-.03em;color:var(--ink)}
.intro-preview figcaption p{margin:7px 0 0;font-size:12px;line-height:1.6;color:#625e6e}
.intro-play:focus-visible,.hero-watch:focus-visible,.intro-close:focus-visible{outline:3px solid #2474dd;outline-offset:4px}
.intro-play:focus-visible{outline-offset:-4px}
.intro-dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #ccd4e0;border-radius:18px;background:#fff;color:var(--ink);overflow:auto;box-shadow:0 32px 100px rgba(0,0,0,.3)}
.intro-dialog::backdrop{background:rgba(10,16,28,.8)}
.intro-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px}
.intro-dialog-head h2{margin:0;font-family:var(--font-display);font-size:18px;letter-spacing:-.03em}
.intro-close{flex:none;min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:700 12px var(--font-body);cursor:pointer}
.intro-player{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 170px);background:#10141c}
.intro-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px}
.intro-dialog-footer p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}
.intro-dialog-footer a{flex:none;font-size:13px;font-weight:800;color:#245eae}
.intro-error{margin:0;padding:12px 20px;color:#983328;font-size:13px}
html.intro-open{overflow:hidden}
@media(max-width:640px){.intro-play-icon{width:60px;height:60px}.intro-preview figcaption{padding:18px}.intro-preview strong{font-size:18px}.intro-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.intro-dialog-head{padding:10px 12px}.intro-dialog-head h2{font-size:15px}.intro-dialog-footer{padding:14px;align-items:flex-start;flex-direction:column}.intro-dialog-footer p{font-size:11px}}