.pricing-section{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-8);width:100%;margin-inline:auto}.pricing-toggle{display:inline-flex;align-self:center;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-1)}.pricing-toggle-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);background:transparent;color:var(--color-text-muted);border:0;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-default)}.pricing-toggle-btn.active{background:var(--color-accent);color:#fff}.pricing-toggle-btn:not(.active):hover{color:var(--color-text);background:var(--color-surface-hover)}.pricing-save{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-green);background:rgba(var(--color-green-rgb),.15);padding:1px var(--space-2);border-radius:var(--radius-sm)}.pricing-toggle-btn.active .pricing-save{color:#fff;background:#fff3}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%;margin-inline:auto}.pricing-card{position:relative;display:flex;flex-direction:column;width:100%;min-width:0;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-default)}.pricing-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.pricing-card-featured{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.pricing-card-featured:hover{box-shadow:0 0 0 1px var(--color-accent),var(--shadow-lg)}.pricing-popular{position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);white-space:nowrap}.pricing-card h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.pricing-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.pricing-price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-6)}.pricing-amount{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:0}.pricing-period{font-size:var(--text-sm);color:var(--color-text-muted)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.pricing-check{color:var(--color-green);font-weight:var(--weight-bold);flex-shrink:0}.pricing-card>.btn{width:100%;justify-content:center;margin-top:auto}.pricing-loading{width:100%;text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.payment-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.payment-modal{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);max-width:480px;width:100%;padding:var(--space-8);position:relative;box-shadow:var(--shadow-xl)}.payment-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-default)}.payment-modal-close:hover{color:var(--color-text)}.payment-modal-header{margin-bottom:var(--space-6);padding-right:var(--space-8)}.payment-modal-header h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.payment-modal-plan{color:var(--color-text-muted);font-size:var(--text-sm)}.payment-modal-methods{display:flex;flex-direction:column;gap:var(--space-3)}.payment-method-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--duration-fast) var(--ease-default);cursor:pointer}.payment-method-button{width:100%;text-align:left;font:inherit}a.payment-method-card:hover,.payment-method-button:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.payment-method-button:disabled{cursor:not-allowed;opacity:.8}.payment-method-disabled{opacity:.55;cursor:not-allowed}.payment-method-icon{font-size:var(--text-2xl);flex-shrink:0}.payment-method-info{flex:1}.payment-method-info h4{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:2px}.payment-method-info p{font-size:var(--text-xs);color:var(--color-text-muted)}.payment-method-badge{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-bg-elevated);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.pricing-checkout-notice{max-width:720px;margin:0 auto var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.pricing-checkout-notice--info{background:color-mix(in srgb,var(--color-surface) 88%,var(--color-accent) 12%);border-color:color-mix(in srgb,var(--color-border) 55%,var(--color-accent) 45%)}.pricing-checkout-notice--success{background:color-mix(in srgb,var(--color-surface) 86%,#16a34a 14%);border-color:color-mix(in srgb,var(--color-border) 45%,#16a34a 55%)}.pricing-checkout-notice--error{background:color-mix(in srgb,var(--color-surface) 86%,#dc2626 14%);border-color:color-mix(in srgb,var(--color-border) 45%,#dc2626 55%)}@media(max-width:980px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card{padding:var(--space-6)}}@media(max-width:640px){.pricing-toggle{width:100%;justify-content:center}.pricing-toggle-btn{flex:1}.pricing-grid{grid-template-columns:1fr}.pricing-card{padding:var(--space-5)}.payment-modal{padding:var(--space-6)}.payment-method-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4)}.payment-method-badge{display:none}}
