Pricing Section With Usage Receipt

Use this when the product is metered and a three card grid would hide the real bill. The receipt sits above four slider boxes. Drag seats, API requests, storage, or AI credits and the matching line reprints. Monthly and annual sit on the receipt. Annual knocks twenty percent off the monthly figure and names the yearly charge. That is the point. A visitor should see how the invoice is built, not guess from a plan name.

Skip it when price is a single seat number, or when the sliders cannot change a line. Four meters that always land on the same total are a toy. The shipped copy is a fictional API floor called Lumen, so replace the meters, the rates, the base plan, and the receipt labels before this goes to production. The section has no fill of its own. It follows the page in light and dark.