## 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/godaylight-com/ca5e907b-4256-46ba-9367-b5c95fdb4894-1791311229-3.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/godaylight-com/ca5e907b-4256-46ba-9367-b5c95fdb4894-1791311174290-full.webp
- Component on Kage: https://kage.design/component/godaylight-feature-grid

## Before you start
Ask what the user's product is, who it serves, and what its brand personality and visual identity are. Apply the principles below to that product rather than reproducing this reference.

Build a vertical three-step feature section on a cream page. Each step should be a large inset card with a pale beige surface (#f0e7d3), 8–10px radius, and generous internal padding. Use a consistent small uppercase step label, a large dark heading, a short uppercase descriptor, body copy, and one contextual visual on the opposite side. Alternate or vary visual treatments: a branded object, a simple technical installation diagram, and a lightweight energy dashboard. Preserve a strong two-column desktop layout, with text around 35–40% and visual around 60–65%; stack on mobile. Use dark charcoal (#191817), fine beige borders, restrained shadows, and clear spacing between cards. Let visuals be modular and product-specific rather than decorative filler.

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