## 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/qagent/ac07fafb-2e50-4f4b-8444-88a4bcf31a5f-1789711535-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/qagent/ac07fafb-2e50-4f4b-8444-88a4bcf31a5f-1789711433120-full.webp
- Component on Kage: https://kage.design/component/qagent-feature-grid-4

## Before you start
Ask what the user's product is, who it serves, and what brand personality and visual system it should use. Then apply the principles below to that product rather than reproducing this reference.

Build a six-item capability grid with three columns and two rows. Place a centered eyebrow, large heading, and subtitle above it. Each card needs a compact icon tile, a two-line title, a short explanation, and a small footer line showing a metric identifier and an automation/status label. Use consistent card heights, 18–22px gaps, 16–20px padding, pale cream backgrounds (#eee8da), subtle borders (#d8d0c0), 8–10px radius, and restrained shadow. Use charcoal headings, muted body text, and small brick-red or green status accents. Stack to one column on mobile.

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