## 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/humalike-x-gta-rp/6ac3c297-ddf9-47c3-9f0d-e872104f2707-1790575369-5.webp
- Full page it was cut from: https://kage-design-assets.t3.tigrisfiles.io/screenshots/humalike-x-gta-rp/6ac3c297-ddf9-47c3-9f0d-e872104f2707-1790575278727-full.webp
- Component on Kage: https://kage.design/component/humalike-x-gta-rp-pricing-table

## Before you start
Ask what the user's product sells, how many plans are needed, and which limits or benefits should determine the choice. Then apply these principles to that pricing model.

Create a focused pricing section over a dark atmospheric background with two or three horizontally aligned plan cards. Give every card the same structure: plan label, prominent price and billing cadence, concise benefit checklist, primary CTA, and small notes for overages or integrations. Use one visually emphasized recommended plan with a lighter surface or brighter border while keeping the other plans clearly scannable. Keep the cards equal in height where possible and stack them on narrow screens.

Use near-black translucent cards #111111DD, warm white #f7f5ef, muted text #a9a59e, and one highlighted surface around #f7f5ef with dark text. Use 12–16px radii, 1px borders around #ffffff40, 28–36px padding, and consistent button sizing. Include hover and focus states, but never make pricing details appear only on hover.

### Never
- Never use logos, product names, copy, illustrations, or imagery from the reference.
- Never reuse the reference prices, plan names, background, or benefit claims.