## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Component: https://kage-design-assets.t3.tigrisfiles.io/components/movo-ai/8c1aa91f-026c-4018-9b05-6044a1e6f3fb-1792821688-1.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/movo-ai/8c1aa91f-026c-4018-9b05-6044a1e6f3fb-1792821641495-full.webp
- Component on Kage: https://kage.design/component/movo-hero

## Before you start
Ask what the user's product does, who the target audience is, and what visual tone their brand should have. Apply these rules to make an original hero rather than reproducing the reference.

Create a full-viewport-width hero directly beneath the header. Use a cinematic, edge-to-edge video or image background with a dark-to-transparent overlay for readability. Center a compact trust badge above a large two-line headline, a short supporting sentence, and two adjacent CTAs: a bright primary button and a dark app-store-style secondary button. Keep the content vertically centered and constrain it to roughly 680px.

Add an optional floating promotional card on the right side, vertically centered, with a white surface, 20px radius, subtle shadow, a close button, a bold benefit headline, a short list of four benefits with small icons, and a full-width green or brand-colored action. Make it disappear or become an inline card on small screens.

Typography should use a bold 42–56px headline, 16px supporting text, and 14px buttons. Use 20–24px corner radii, minimal borders, and strong contrast. Approximate colors: overlay #00000055, white #FFFFFF, purple #7B3FE4, pale lavender #F1EDFF, and success green #43D77A. The hero should support autoplay-muted video, pause controls, and keyboard-accessible buttons.

Never: use the reference's product name, exact headline, promotional wording, logo, person, video, illustration, or app-store artwork.