## 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/domestika-org/a1bec580-5d19-4289-a277-048dcd6cb3c6-1789146411-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/domestika-org/a1bec580-5d19-4289-a277-048dcd6cb3c6-1789146385540-full.webp
- Component on Kage: https://kage.design/component/domestika-feature-grid-2

## Before you start
Ask what the user's product, audience, and brand are, then apply these principles to that context.

Build an explanatory benefits section with a centered heading and an eight-item two-column grid. Each item should use a lightweight outlined icon at the left, a concise title, and a two- or three-line description. Use a white background, dark charcoal typography, pale gray icons and dividers, and generous 28–40px row spacing. Align text baselines consistently and make the grid collapse to one column on mobile. Keep the hierarchy quiet and editorial: the heading should orient the reader, while the benefit titles provide scan points. Any “pro” or premium badge should be a small accent pill integrated into the relevant title.

Never: copy the reference's benefit titles, exact copy, icon drawings, product name, logos, illustrations, or imagery.