## 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/copilot-money/645bb157-e222-4315-91ed-1b76fbb9bd6b-1789146603-8.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/copilot-money/645bb157-e222-4315-91ed-1b76fbb9bd6b-1789146540058-full.webp
- Component on Kage: https://kage.design/component/copilot-money-cta

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

Build a closing conversion section:
- Place a left-aligned or centered heading around 38–46px, a two-line supporting statement, and one high-contrast CTA near the top of a spacious dark band.
- Below or beside the copy, show a composed set of responsive product previews on desktop, tablet, and mobile. Use neutral device frames or the user's own UI; overlap them slightly with a clear focal device.
- Keep the background #020d1b with a subtle blue-black panel #03172b, text #e5ecf4, muted text #a2b1c1, and blue CTA #1769ff.
- Use 80–110px section padding, a max-width around 760px, and enough negative space that devices feel intentional rather than crowded.
- Preserve a single primary action, provide descriptive alt text for previews, and stack copy above visuals on mobile.

Never:
- use logos, product names, copy, illustrations, or imagery from the reference;
- copy the exact promise or device arrangement;
- add competing CTAs or decorative imagery that distracts from conversion.