## 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/art4/7829dcfa-a9d2-43f5-a84e-0a12e7aa84a2-1791180358-2.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/art4/7829dcfa-a9d2-43f5-a84e-0a12e7aa84a2-1791180184357-full.webp
- Component on Kage: https://kage.design/component/art4-feature-grid

## Before you start
Ask what the user's product's most important capabilities are and what evidence best demonstrates each one. Apply the principles below to that product.

Build a feature section with a centered heading and one or two lines of supporting copy, followed by a two-column grid of four feature cards. Use a max-width content container around 780–820px, a 32–40px column gap, and generous vertical spacing. Each card should place a wide product screenshot or visual demonstration above a compact title and two-line description. Give visuals a pale gray frame #eef0ee, 16–20px rounded corners, and a soft diffuse shadow; keep card text left-aligned with a 16–18px title and 13–15px muted body copy. Let the grid breathe instead of adding heavy borders. On mobile, switch to one column and preserve the visual-before-copy ordering.

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