:root{--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--r-md:var(--r-lg);--muted:var(--text-3)}.subscription-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.subscription-plan{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);flex-direction:column;min-width:0;display:flex}.subscription-plan h2,.subscription-plan h3{margin:0;font-size:16px}.subscription-price{font-variant-numeric:tabular-nums;font-size:24px;font-weight:660}.subscription-details{gap:var(--space-2);margin:0;display:grid}.subscription-details div{justify-content:space-between;gap:var(--space-3);display:flex}.subscription-details dt{color:var(--muted)}.subscription-details dd{font-variant-numeric:tabular-nums;margin:0}.subscription-plan .subscription-action{margin-block-start:auto}.subscription-meter{width:100%;height:8px;accent-color:var(--accent)}.subscription-quota{gap:var(--space-2);display:grid}.subscription-quota-header{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.subscription-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.subscription-list li{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--r-sm);flex-wrap:wrap;display:flex}.subscription-section{padding:var(--space-5);gap:var(--space-4);display:grid}.subscription-editor{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:1024px){.subscription-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.subscription-grid,.subscription-editor{grid-template-columns:minmax(0,1fr)}}.pf-action-fields{display:contents}.subscription-plan h2,.subscription-plan h3,.subscription-details dd{overflow-wrap:anywhere;min-width:0}.plan-section{gap:18px;display:grid}.plan-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-section-head h2{margin:0;font-size:18px}.plan-interval{border:1px solid var(--line);background:var(--surface);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.plan-interval button{height:34px;color:var(--text-2);font:inherit;cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.plan-interval button:hover{color:var(--text)}.plan-interval button[aria-checked=true]{background:var(--accent-soft);color:var(--accent-text)}.plan-saving{background:var(--ok-soft);color:var(--ok);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:1px 7px;font-size:11.5px;font-weight:700;display:inline-flex}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.plan-card{border:1px solid var(--line);background:var(--surface);min-width:0;transition:border-color var(--dur) var(--ease);border-radius:16px;flex-direction:column;padding:22px;display:flex}.plan-card:hover{border-color:var(--line-strong)}.plan-card{--tier:var(--accent);--tier-soft:var(--accent-soft);--tier-solid:var(--accent-solid);background:linear-gradient(180deg, color-mix(in srgb, var(--tier-soft) 70%, var(--surface)), var(--surface) 34%)}.plan-card[data-current]{border-color:var(--tier)}.plan-icon{background:var(--tier-soft);width:36px;height:36px;color:var(--tier);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.plan-card .plan-action{--btn-bg:var(--tier-solid);--btn-line:var(--tier-solid);--btn-fg:#fff;--btn-hover:color-mix(in srgb, var(--tier-solid) 85%, #000)}.plan-card .plan-action:disabled{--btn-bg:var(--tier-soft);--btn-line:transparent;--btn-fg:var(--tier);opacity:1}.plan-head{align-items:center;gap:10px;display:flex}.plan-head h3{overflow-wrap:anywhere;flex:1;margin:0;font-size:16px;font-weight:650}.plan-tag{background:var(--tier-soft);color:var(--tier);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:11.5px;font-weight:650}.plan-description{color:var(--text-3);margin:4px 0 0;font-size:13.5px;line-height:1.5}.plan-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:18px;display:flex}.plan-price strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.1}.plan-price span{color:var(--text-3);font-size:13.5px}.plan-billing{min-height:22px;color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;font-size:12.5px;display:flex}.plan-action{width:100%;margin-top:18px}.plan-features{gap:11px;margin:22px 0 0;padding:0;list-style:none;display:grid}.plan-features li{color:var(--text-2);align-items:center;gap:10px;font-size:13.5px;display:flex}.plan-features li svg{flex-shrink:0}.plan-features li[data-strong]{color:var(--text)}.plan-features li svg{color:var(--tier);opacity:.75}.plan-features li[data-strong] svg{opacity:1}.plan-footnote{color:var(--text-3);margin:0;font-size:12.5px}@media (prefers-reduced-motion:reduce){.plan-card,.plan-interval button{transition:none}}