.pricing-page{gap:40px;max-width:1120px;margin:0 auto;padding:48px 24px 96px;display:grid}.pricing-hero{gap:12px;max-width:720px;display:grid}.pricing-hero h1{font-size:clamp(30px,4.4vw,48px);line-height:1.3}.pricing-closed,.billing-notice{border:1px solid var(--border);background:var(--warning-bg);color:var(--warning-text);font-size:var(--text-compact);border-radius:12px;margin:0;padding:12px 16px}.billing-notice.success{background:var(--subtle);color:var(--success)}.pricing-catalog{gap:24px;display:grid}.cycle-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;justify-self:center;gap:4px;padding:4px;display:inline-flex}.cycle-switch button{min-height:40px;font-size:var(--text-compact);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:6px 18px;display:inline-flex}.cycle-switch button.active{background:var(--ink);color:var(--surface)}.cycle-save{font-size:var(--text-secondary);color:var(--accent-text)}.cycle-switch button.active .cycle-save{color:inherit;opacity:.85}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.plan-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-rows:auto auto auto 1fr auto;gap:12px;padding:24px;display:grid}.plan-card.featured{border-color:var(--strong);box-shadow:0 18px 40px #00000014}.plan-card.current{outline:2px solid var(--accent-text);outline-offset:-2px}.plan-card header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plan-card h3{margin:0;font-size:22px}.plan-badge{font-size:var(--text-secondary);background:var(--subtle);color:var(--accent-text);border-radius:999px;padding:2px 10px}.plan-price{gap:2px;display:grid}.plan-price strong{font-size:28px;line-height:1.4}.plan-card ul,.pricing-notes{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan-card li{font-size:var(--text-compact);align-items:flex-start;gap:10px;display:flex}.plan-card li svg{color:var(--success);margin-top:6px}.plan-action{justify-content:center;align-self:end;align-items:center;min-height:48px;display:flex}.plan-action .selected{outline:2px solid var(--accent-text);outline-offset:3px}.pricing-section{gap:16px;display:grid}.pricing-section h2{font-size:24px}.topup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.topup-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;grid-template-columns:1fr auto minmax(120px,auto);align-items:center;gap:16px;padding:18px 20px;display:grid}.topup-card h3{margin:0;font-size:18px}.pricing-notes li{font-size:var(--text-compact);padding-inline-start:18px;position:relative}.pricing-notes li:before{content:"";inset-inline-start:0;background:var(--accent-text);border-radius:50%;width:6px;height:6px;position:absolute;top:.8em}.billing-page .breadcrumb a{text-underline-offset:4px;text-decoration:underline}.billing-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.billing-summary>div{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:4px;padding:20px;display:grid}.billing-summary strong{font-size:28px;line-height:1.4}.table-scroll{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;font-size:var(--text-compact)}.orders-table th,.orders-table td{text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px}.orders-table th{color:var(--muted);font-weight:500}@media (max-width:860px){.plan-grid,.billing-summary,.topup-grid{grid-template-columns:1fr}}@media (max-width:480px){.pricing-page{padding:32px 16px 72px}.topup-card{grid-template-columns:1fr auto}.topup-card>:last-child{grid-column:1/-1}}
