## 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/rocketmoney-com/33d2822e-a753-4b7c-bf3f-3f514d417ce5-1789146591-7.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/rocketmoney-com/33d2822e-a753-4b7c-bf3f-3f514d417ce5-1789146528240-full.webp
- Component on Kage: https://kage.design/component/rocketmoney-feature-grid-4

## Before you start
Ask what secondary capabilities matter to the user's product and what icon style matches its brand. Apply these principles to those capabilities.

Build a centered feature-grid section with a two-column desktop layout and two rows. Start with a centered 40–52px heading and optional short intro, then present four feature items. Each item should have a small circular or softly backed line icon, a 22–28px heading, 15–16px muted description, and an underlined text link. Use white background, #111111 headings, #606060 body text, #F7F7F7 icon backgrounds, #D23A5A or the user's accent for icon strokes, and generous 72–112px section padding. Keep columns aligned, use 56–88px row gaps, and ensure links have visible hover/focus states. Collapse to one column on mobile while preserving reading order.

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