Video Walkthrough Modal

## Role You are a senior product designer and front end engineer who builds polished, accessible onboarding UIs. ## Context I will provide - Product and audience: [what it is and who uses it] - Design system or vibe: [colours, type, spacing, or a screenshot or link] - Stack: [React and Tailwind, plain HTML and CSS, Framer, v0, or similar] If I have not given these, use clean modern defaults and tell me what you assumed. ## Build Build an onboarding modal centred on an embedded walkthrough video. - A short heading, the video, and buttons to get started or dismiss - A clear close control ## States and interaction - A loading state for the video - Focus trapped inside the modal while open, closing on escape or a backdrop click - No autoplay with sound ## Responsive - On mobile let the modal go near full width with the video scaling to fit. ## Accessibility - Respect reduced motion - Provide captions or a transcript link - Give controls visible focus states and keep contrast strong ## Output Production ready code in my stack, or a clear component spec if I have not named a stack. Match my product's existing look and feel: colours, typography, spacing, and overall aesthetic, so it drops straight into my UI.