The prompt

Build a reserved-capacity pricing planner with Tailwind CSS. Include a workload slider, a region selector, three commitment cards for flexible, one-year, and three-year terms, and a cost summary comparing the selected term against flexible pricing. Show monthly cost, effective hourly rate, savings percentage, and break-even utilization. Add JavaScript that recalculates every card as capacity and region change, makes cards keyboard-selectable radio options, and updates the summary with annual savings.

Paste it into Claude, Cursor, v0 or any AI coding tool. Prefer the finished markup? Open the Tailwind source.