.page-content{max-width:960px}.plans-alert.visible{margin-bottom:14px}.plans-panel{flex-direction:column;display:flex}.plans-panel[hidden]{display:none}.section-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.purchase-tabs{grid-template-columns:repeat(2,1fr);gap:10px;max-width:640px;margin:0 auto 24px;display:grid}.purchase-tab{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:14px 16px;font-weight:700;display:grid}.purchase-tab small{color:var(--muted);grid-column:2;font-size:11px;font-weight:400}.purchase-tab.active{border-color:var(--accent);background:var(--accent-soft)}.purchase-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-heading .section-title{margin-bottom:3px}.section-assurance{border:1px solid var(--border);color:var(--muted);border-radius:999px;flex-shrink:0;padding:6px 9px;font-size:11px}.subscription-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:14px;display:grid}.subscription-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;justify-content:space-between;gap:14px;min-height:230px;padding:20px;display:flex;position:relative}.subscription-card.recommended{border-color:var(--accent);box-shadow:0 0 0 1px var(--border)}.recommended-label{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.subscription-card .btn{width:100%}.subscription-name{font-size:16px;font-weight:700}.subscription-price{margin-top:4px;font-size:22px;font-weight:700}.subscription-price span{color:var(--muted);font-size:12px;font-weight:500}.subscription-meta{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.45}.plan-benefits{color:var(--text);gap:7px;margin:14px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.plan-benefits li:before{content:"✓";color:var(--accent);margin-right:7px;font-weight:700}.renewal-note{color:var(--muted);text-align:center;margin:0;font-size:11px}.plan-multiplier-note{max-width:560px;color:var(--muted);text-align:center;margin:0 auto 8px;font-size:12px;line-height:1.5}.credits-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:600px;margin:0 auto;padding:20px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.preset-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:center;padding:14px 8px;font-family:inherit;font-size:15px;font-weight:700;transition:border-color .15s,background .15s}.preset-btn small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:500;display:block}.preset-btn:hover{border-color:var(--accent)}.preset-btn.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.credits-panel>.label{margin-bottom:6px}.amount-input-wrap{margin-bottom:16px;position:relative}.amount-input-wrap .currency-prefix{color:var(--muted);pointer-events:none;font-size:15px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.amount-input-wrap input{padding-left:28px}.purchase-summary{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);gap:8px;margin-bottom:16px;padding:14px;display:grid}.purchase-summary>div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.purchase-summary>div:first-child{color:var(--muted)}.purchase-summary p{color:var(--muted);margin:2px 0 0;font-size:10px}.auto-recharge-card{margin-bottom:16px;padding:16px}.auto-recharge-card .toggle-row{background:0 0;border:0;border-radius:0;gap:16px;padding:0}.auto-recharge-card .toggle-label{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;line-height:1.35;display:flex}.auto-recharge-card .toggle-label small{color:var(--muted);font-size:12px;font-weight:400;display:block}.auto-recharge-fields{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.auto-recharge-fields .label{margin-bottom:6px}.auto-recharge-fields .form-control{width:100%}.auto-recharge-fields .form-control+.label{margin-top:10px}.auto-recharge-note{color:var(--muted);margin-top:8px;font-size:12px}.checkout-btn{width:100%}.checkout-btn .material-symbols-outlined{font-size:18px}.checkout-assurance{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:11px;font-size:10px;display:flex}.checkout-assurance>span{align-items:center;gap:4px;display:inline-flex}.checkout-assurance .material-symbols-outlined{font-size:14px}@media (width<=720px){.purchase-tabs,.subscription-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;gap:8px}.subscription-card{min-height:220px}}.plans-byok-note{text-align:center;max-width:640px;color:var(--muted);margin:0 auto 22px;font-size:13px}.plans-byok-note .material-symbols-outlined{color:var(--accent);vertical-align:-4px;margin-right:4px;font-size:18px}.plans-byok-note a{color:var(--accent);font-weight:600}.plan-fine-print{margin-top:16px}.plan-fine-print summary{color:var(--muted);cursor:pointer;font-size:13px}.plan-fine-print summary:hover{color:var(--text)}.plan-fine-print[open] summary{margin-bottom:8px}.plan-estimate-card{gap:10px;margin-bottom:12px;display:grid}.secondary-plans{margin-bottom:14px}.secondary-plans[open]{gap:8px;display:grid}.secondary-plan-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}@media (width<=640px){.secondary-plan-row{flex-direction:column;align-items:stretch}}.subscription-credits{color:var(--muted);margin:12px 0 0;font-size:11.5px}.other-amount{color:var(--muted);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;margin:-4px 0 16px;padding:0;font-size:13px;text-decoration:underline;display:block}.other-amount:hover{color:var(--text)}.plans-config-failed{color:var(--muted);margin:0 0 12px;font-size:13px}.plans-config-failed .other-amount{margin:0;display:inline}
