## 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/chime-com/8a783617-6b1d-44ef-a500-84b69ae63fa0-1789146544-9.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/chime-com/8a783617-6b1d-44ef-a500-84b69ae63fa0-1789146449552-full.webp
- Component on Kage: https://kage.design/component/chime-footer

## Before you start
Ask what legal disclosures, support links, company links, contact channels, and app or social destinations the user's product requires. Then build a scalable footer using the rules below.

Create a full-width deep-green footer around #003B2B with a top link area and a lower legal area. In the top area, use five responsive columns: grouped navigation links, company/resources links, privacy links, and a contact/download block with optional social icons. Use 12–14px headings with medium weight, 12–13px links, 8–12px vertical gaps, and strong contrast without making every item bright white. Add a thin muted divider around #6B8B7B before dense legal text. The legal area should use 9–11px readable text, 1.45 line-height, clear paragraph spacing, and a final address/copyright block. On mobile, collapse link groups into accordions or stack them in a logical order; never let legal copy become horizontally cramped.

Never: copy the reference's link labels, legal text, contact details, social marks, app badges, logos, product name, or exact copy.