Scratch Card Interface + Additional Tasks

I operate a WordPress-based store that sells licence-key digital products. Right after a successful purchase I want buyers to “scratch” a virtual card on screen and uncover their unique key, all within a modern, sleek UI that follows my existing brand guidelines.

Core scope
• Build an HTML5 / JavaScript scratch surface that feels smooth on both desktop (mouse) and mobile (touch).
• Hook it into WooCommerce’s order-completed event (or equivalent) so the card appears only for the rightful purchaser.
• Pull the licence key from the order meta, hide it behind the coating layer, and show it in plain text with a convenient “Copy” button once at least 70 % of the surface is scratched.
• Prevent premature access: no key should be exposed in page source or network calls before reveal.
• Make the module responsive, lightweight, and easy for me to drop into a shortcode or Gutenberg block.

Design
I will supply colours, typography and spacing references; the overall look must stay modern and sleek.

What I need from you in your bid
1. Your fixed price for the feature.
2. Estimated timeline (ideally broken down by milestone or phases).
3. A short note on similar WordPress / Canvas / WooCommerce integrations you have completed.

If we work well together I already have four-plus related tasks queued up, so think of this as the first step in an ongoing collaboration.