Priced Add-ons Sponsorship Contact Block for React

Edit ADD_ONS at the top of the file: each has a name, a line, a price in dollars for one run and the reach it adds. The total and the reach are sums of the ticked ones, and the "Estimated reach" figure in the header's sentence is the sum of all four. The prices and the reach are invented; the note under the total says reach is an estimate, not a promise: keep it only if it is true for you.

The total cell has a polite status line that reads the count, the total and the estimated reach ("2 add-ons, $1,050, estimated reach 32,000") each time a box changes. The rolling numbers are decorative copies of it, hidden from assistive technology.

Yes. Every price is a single left-to-right span and the reach badges and counts are isolated with bdi, so digits and the dollar sign keep their order next to Arabic or Hebrew text.

Each cell is drawn with Guides at its sm overshoot, so the hairlines run a little past the corners and a plus sits on each; the cells are 24 pixels apart (32 from lg) so neighbouring lines never touch, and the grid is inset from the rails so the overshoot never reaches them.

Nowhere yet: the submit handler waits 800 milliseconds, then shows the confirmation, which repeats the number of add-ons, the total and the goal. Replace the timer in submit with a call that sends details and picked to your sales inbox; the price list is also yours to check on the server.