## 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/bilt-com/b723ca8c-1652-4a12-a0a7-d6e12612eb4d-1789146825-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/bilt-com/b723ca8c-1652-4a12-a0a7-d6e12612eb4d-1789146766657-full.webp
- Component on Kage: https://kage.design/component/bilt-feature-grid-3

## Before you start
Ask what the user's product, audience, and brand are. Adapt the redemption architecture to the user's actual categories and partner ecosystem.

Build a flexible redemption section with a large heading followed by repeated two-column rows. In each row, place an explanatory title, short description, and CTA on the left; place a horizontal carousel of partner or destination cards on the right. Include category labels such as travel, everyday purchases, or gift cards only if relevant to the product. Each carousel needs previous/next controls, an obvious overflow treatment, and cards that communicate category recognition without making the brand marks the entire experience.

Design language: dark navy #020b15, off-white headings #f2f5f6, muted copy #a4b0b9, cards #1b2a35 with a thin #31414d border, 12px radius, and 24px internal padding. Use 28–40px row spacing and generous 80–120px section padding. Headings should be 18–20px; the section title can be 44–56px. Carousels should support drag, arrows, keyboard focus, screen-reader labels, and responsive card widths. On mobile, place the text above a full-width scroll rail.

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