## 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-1792821691-7.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-feature-grid-3

## Before you start
Ask what the user's actual workflow stages are and what evidence or screenshot best explains each stage. Then create a process section that fits their product.

Create a workflow section with a centered title and subtitle above a four-column step grid. Each card should have a light header area containing a bold step title and two-sentence explanation, then a dark or richly colored media panel showing an abstract product state. Make the sequence easy to scan left to right and number or visually connect the steps.

Use 24–30px heading text, 15px subtitle, 14–16px card titles, and 13px descriptions. Cards should have 12–16px radius, a 1px #E5E5E5 border, white header backgrounds, and dark media panels around #0D1320. Use a restrained purple or mint accent for progress indicators. Add hover lift and keyboard focus; on mobile, turn the row into a vertically numbered list or horizontally scrollable cards.

Never: use the reference's workflow labels, exact descriptions, screenshots, product name, or illustrations.