body { font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, sans-serif; background-color: #f8fafc; color: #1e293b; display: flex; justify-content: center; align-items: center; min-height: 100vh; margin: 0; padding: 15px; box-sizing: border-box; } .checkout-box { background: #ffffff; width: 100%; max-width: 380px; border-radius: 16px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); border: 1px solid #e2e8f0; overflow: hidden; text-align: center; } .brand-header { background: #0f172a; padding: 22px; color: #ffffff; } .brand-title { font-size: 20px; font-weight: 700; margin: 0; } .brand-subtitle { font-size: 11px; color: #94a3b8; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.05em; } .checkout-body { padding: 24px; } .order-summary { background: #f1f5f9; border-radius: 12px; padding: 14px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .summary-label { font-size: 13px; font-weight: 500; color: #64748b; } .summary-amount { font-size: 22px; font-weight: 800; color: #0f172a; } .section-title { font-size: 13px; font-weight: 700; color: #475569; text-transform: uppercase; margin: 15px 0 10px 0; letter-spacing: 0.03em; } .pay-btn-intent { display: block; background: #16a34a; color: #ffffff; text-decoration: none; padding: 14px; border-radius: 8px; font-size: 15px; font-weight: 600; margin-bottom: 12px; box-shadow: 0 4px 10px rgba(22, 163, 74, 0.15); } .pay-btn-generic { display: block; background: #2563eb; color: #ffffff; text-decoration: none; padding: 14px; border-radius: 8px; font-size: 15px; font-weight: 600; margin-bottom: 20px; } .qr-container { background: #ffffff; padding: 12px; border: 2px dashed #cbd5e1; border-radius: 12px; display: inline-block; margin-bottom: 8px; } .qr-container img { display: block; width: 180px; height: 180px; } .instruction-text { font-size: 12px; color: #64748b; line-height: 1.4; margin: 0 0 15px 0; } .compliance-alert { font-size: 11px; color: #ef4444; line-height: 1.4; background: #fef2f2; padding: 10px; border-radius: 8px; border: 1px solid #fee2e2; font-weight: 500; }

The Growth Pixels

Secure Merchant Checkout

Amount Due ₹2,499.00

📱 For Mobile Customers

Open Android UPI Apps Open iOS UPI Apps

💻 For Desktop Customers

Open GPay, PhonePe, or Paytm on your smartphone and scan this screen live to automatically load the ₹2,499.00 payment.

⚠️ Do not capture screenshots. Gallery-uploaded images cap limits at ₹2,000. Customers must use the direct mobile tap buttons or scan the desktop display live.