Pricing Table (₹)

Build a responsive three-plan pricing section as ONE self-contained snippet (HTML + <style> + <script>, every class prefixed "pt-") that I can drop into any page.

MY PLANS (edit freely)
- Business: [Your business name]
- Brand colour: #2563eb
- Plans: Starter ₹999/month, Growth ₹2,499/month (most popular), Business ₹5,999/month; yearly price = 10 × monthly (2 months free)

DESIGN
- White cards (24px radius, 1px #E2E8F0 border) on a soft dotted background; the popular plan in dark navy #0F172A with a brand-coloured "Most popular" pill and button
- "Plus Jakarta Sans" font, large bold prices with Indian digit grouping (e.g. ₹24,990), green tick and grey cross icons as inline SVG data URIs
- Hover lift; on mobile the plans stack into one column (max 440px wide)

BEHAVIOUR
- A Monthly/Yearly switch (role="switch" with aria-checked) that updates every price using Intl.NumberFormat('en-IN'); yearly shows the effective monthly price plus a "₹X billed yearly" line
- A "Save 2 months" badge next to the switch
- A note below the plans: "All prices in Indian Rupees and exclusive of 18% GST."

Return the snippet in one code block, and explain in 2 lines how to add a fourth plan.