Responsive PDF to Invoice HTML Replica

I have a one–page PDF invoice that must appear pixel-perfect in every modern browser, yet remain fully responsive thanks to Bootstrap and jQuery. Your job is to translate that PDF into clean HTML and CSS, then wire it up with a small JavaScript layer so the text, dates, line items, totals, and logo can all be swapped out through a lightweight embedded or external JSON object.

The finished page should:
• mirror the PDF down to fonts, spacing, and alignment
• adapt gracefully from mobile screens to large desktops (Bootstrap grid / utilities are fine)
• pull its dynamic fields from JSON so I can load any future invoice without touching the markup

Deliverables I need from you:
1. index.html styled with Bootstrap 4 or 5 and jQuery
2. style sheet (internal or separate) matching the PDF exactly
3. script that reads a sample-invoice.json and injects the values
4. that sample JSON file populated with believable invoice data
5. quick read-me explaining how to swap in new JSON content

Please show me a working snippet or hosted sample that proves you can hit the visual fidelity before I award the project—the closer it looks to the attached PDF, the faster we can move.