The prompt

Create a pricing block with Tailwind CSS where a range slider chooses the plan. Centre a max-w-xl card. Above the slider, a question reading "How many events do you send a month?" and the current value as a large number with a muted unit. The range input is styled full width with an accent-neutral-900 accent colour, tick labels under it at 10k, 100k, 1M and 10M, and the matched plan shown beneath as a bordered strip with the plan name, its monthly price, and a muted line describing what it includes. Below that, a two-column list of the features unlocked at that tier, where features above the current tier are shown greyed with a muted lock note. Finish with a dark call-to-action button and a small line offering a custom quote above 10M events. Then add JavaScript that maps the slider position to four tiers, formats the event count, swaps the plan strip content and dims features that belong to higher tiers.

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