## 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/lemonade-com/fec12946-54bf-4cf0-ac52-dcd9bbeb95c9-1789146825-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lemonade-com/fec12946-54bf-4cf0-ac52-dcd9bbeb95c9-1789146795796-full.webp
- Component on Kage: https://kage.design/component/lemonade-feature-grid

## Before you start
Ask what the user's product, offer structure, and brand are, then use this pattern to design an original version.

Build a product-category feature grid with a centered heading, supporting line, five equal cards on desktop, and a centered CTA beneath the cards. Use an off-white section background around #f7f7f7, charcoal headings #414141, and white cards with a subtle #e7e7e7 border, 10–14px radius, and soft shadow. Each card should contain a small selectable control or indicator, a simple original line icon, category name, and compact pricing or descriptor. Maintain equal heights, a 16px grid gap, and 20–24px internal padding; on smaller screens switch to a two-column grid or horizontal scroll with clear focus states. Use a 30–36px heading, 15–16px support text, and a high-contrast #f50087 CTA repeated only after the comparison content. Make cards clickable as a whole while retaining accessible semantic links.

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