Fix Subscribe button: payment-method dialog was hidden behind trial-expired overlay

z-index was trial-expired=999 > payment-method=995, so clicking Subscribe opened the payment-method dialog underneath the still-visible trial-expired overlay - it existed in the DOM and was 'open', but completely covered and unclickable. Swapped so payment-method (999) now renders above trial-expired (990) and trial-info (990, unchanged), matching the native dialog stacking (PaymentMethodDialog opens on top of TrialExpiredDialog).

Author: Android-PowerUser

index.html

@@ -399,7 +399,7 @@
 
 /* ── Trial dialogs ────────────────────────────────────────────── */
 /* Persistent (non-dismissable) backdrop for the expired dialog */
-#trial-expired-overlay{display:none;position:fixed;inset:0;background:var(--scrim);z-index:999;align-items:center;justify-content:center;padding:24px}
+#trial-expired-overlay{display:none;position:fixed;inset:0;background:var(--scrim);z-index:995;align-items:center;justify-content:center;padding:24px}
 #trial-expired-overlay.open{display:flex}
 .trial-dialog{background:var(--bg);border-radius:18px;padding:24px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px;align-items:stretch}
 .trial-dialog-title{font-size:20px;font-weight:600;color:var(--text-primary);text-align:center}
@@ -408,7 +408,7 @@
 #trial-info-overlay{display:none;position:fixed;inset:0;background:var(--scrim);z-index:990;align-items:center;justify-content:center;padding:24px}
 #trial-info-overlay.open{display:flex}
 /* Payment method dialog */
-#payment-method-overlay{display:none;position:fixed;inset:0;background:var(--scrim);z-index:995;align-items:center;justify-content:center;padding:24px}
+#payment-method-overlay{display:none;position:fixed;inset:0;background:var(--scrim);z-index:999;align-items:center;justify-content:center;padding:24px}
 #payment-method-overlay.open{display:flex}
 </style>
 <script>