## 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/lull/1eb36b3c-9a0d-499b-8ae4-8916c2d1f7b6-1789884097-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/lull/1eb36b3c-9a0d-499b-8ae4-8916c2d1f7b6-1789884066726-full.webp
- Component on Kage: https://kage.design/component/lull-feature-grid-2

## Before you start
Ask what evidence, principles, or outcome categories support the user's product. Turn those into a trustworthy editorial section for the user's audience.

Create an image-backed, darkened section with a small uppercase eyebrow, a centered serif statement, and a short explanatory paragraph. Below it, lay out three equal cards that each contain a quiet index number, a clear outcome title, and two lines of supporting detail. Cards should feel like translucent panels floating over the image, with enough padding and text contrast to scan quickly. Use a responsive three-column grid that becomes one column on narrow screens. Add hover feedback through a subtle border or background shift, not a dramatic animation.

Design language: #0a0a0a overlay over a muted lifestyle image, #f0ece5 headings, #aaa49c body copy, cards rgba(255,255,255,.09), border rgba(255,255,255,.15), 16px radius, 24–32px padding, index in a low-opacity accent color. The headline should be 36–48px italic serif; cards use 15–16px bold sans-serif titles and 13–14px body text.

### Never
- Never copy the reference claims, names, image, product, or illustration.
- Never imply scientific certainty without appropriate evidence.
- Never overcrowd cards with long paragraphs or feature checklists.