.video-intro{box-sizing:border-box;padding:28px 24px 36px;background:#f3f6fb;font-family:Heebo,Arial,sans-serif;color:#243d60;text-align:center;border-bottom:1px solid #dce5f0}
.video-intro-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1000px;margin:0 auto 20px}
.video-intro-heading img{display:block;width:220px;max-width:100%;height:auto}
.video-intro-heading h1{font-size:clamp(1.25rem,3vw,1.8rem);font-weight:600;margin:0}
.intro-video{display:block;width:100%;max-width:1000px;max-height:72svh;aspect-ratio:910/512;object-fit:contain;margin:auto;background:#f3f6fb;border:1px solid #dce5f0;border-radius:16px;box-shadow:0 12px 40px #243d6010}
.video-intro-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:22px}
.video-intro-actions a,.video-intro-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 24px;border-radius:10px;border:1px solid var(--brand-blue);font:600 1rem Heebo,Arial,sans-serif;text-decoration:none;cursor:pointer}
.video-intro-actions a{background:var(--brand-blue);color:white}.video-intro-actions button{background:white;color:var(--brand-blue)}
.video-intro-actions [hidden]{display:none}.video-intro-actions a:hover{background:var(--brand-blue-dark)}
.video-intro a:focus-visible,.video-intro button:focus-visible,.intro-video:focus-visible{outline:3px solid #477dbf;outline-offset:4px}
#root{scroll-margin-top:16px}#video-error{font-size:1rem;margin:14px auto}
@media(max-width:600px){.video-intro{padding:20px 12px 28px}.video-intro-heading{gap:12px;margin-bottom:18px}.video-intro-heading img{width:170px}.video-intro-heading h1{font-size:1.1rem}.intro-video{border-radius:10px}.video-intro-actions{margin-top:18px}}