## 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/takweem-ai/0f53cdf8-216d-4033-bf99-d7586d054974-1791439459-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/takweem-ai/0f53cdf8-216d-4033-bf99-d7586d054974-1791439356553-full.webp
- Component on Kage: https://kage.design/component/takweem-feature-grid

## Before you start
Ask the user what three outcomes matter most for their customers and what visual language their brand uses. Then build an original benefits strip using these rules.

- Create a three-column grid inside a centered max-width container.
- Give each item a tiny index label, a compact editorial heading, and two or three lines of explanatory copy.
- Use thin vertical dividers between columns and a subtle top or bottom rule; avoid cards with heavy fills.
- Make headings serif/display-led and body copy small, calm, and sans-serif.
- Keep all columns aligned at the same top and give the section generous vertical breathing room.
- Use #ffffff or #fcfcfa, text #171717, muted text #686864, and border #e5e5e0.
- Stack columns on mobile and replace vertical dividers with horizontal rules.

Never: use logos, product names, copy, illustrations, or imagery from the reference.