## 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/termsquad-com/d12b8131-9740-4063-aef8-780525dfffce-1789166959-6.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/termsquad-com/d12b8131-9740-4063-aef8-780525dfffce-1789166919347-full.webp
- Component on Kage: https://kage.design/component/termsquad-pricing-table

## Before you start
Ask what the user's product, audience, and brand are, then apply the principles below to their product rather than copying this reference.

Create a dark SaaS pricing section with a centered eyebrow, headline, supporting copy, and a thin row of included benefits. Below, show four equal-width monthly plan cards in a horizontal grid. Each card needs a plan name, concise positioning statement, prominent price with billing cadence, a full-width CTA, and a short list of included specifications. Highlight the recommended plan with a subtle green background, brighter border, and small badge, while keeping all other cards neutral. Use #07090a page background, #101516 cards, #28312e borders, #edf2ef text, #929a96 muted text, and #b8f3ce for the recommendation. Use 14–16px radii, 24px padding, consistent CTA placement, and ample space between intro and cards. Add a low-emphasis comparison link below. Make the table horizontally scrollable or stack cards on mobile, and ensure prices remain easy to compare.

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