## 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/sponkly/bd3f409f-e542-449e-8bba-263211d90a1c-1792735460-10.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/sponkly/bd3f409f-e542-449e-8bba-263211d90a1c-1792735346298-full.webp
- Component on Kage: https://kage.design/component/sponkly-pricing-table

## Before you start
Ask me about my product's plans, billing model, limits, and target buyers, plus the brand direction. Then create an original pricing table using these principles.

Build a centered pricing section with a 32–40px heading, short subtitle, and an accessible monthly/yearly toggle. Use three primary plan columns with equal widths, then optionally add enterprise/team cards below. Highlight one recommended plan with a stronger border or dark top treatment, but keep all plans comparable. Use white cards, #E6E6E6 borders, 14–18px radii, #171717 text, #737373 descriptions, green checkmarks around #318A69, and a single branded accent around the recommended plan. Show price, billing cadence, a clear CTA, and grouped feature lists with comfortable 12–14px line height.

Keep column alignment exact across plan names, prices, buttons, and feature sections. Add tooltips or expandable details for complex limits, preserve readable contrast, and make the table horizontally scrollable or stackable on mobile. Clearly communicate which prices are recurring and whether taxes or trials apply.

### Never
- Never copy the reference plan names, prices, product name, logos, feature copy, or claims.
- Never reuse its exact table styling or content.