.subscription-hero{text-align:center;margin:var(--space-2xl) 0 var(--space-3xl) 0}.subscription-hero h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-md);color:var(--color-text-primary)}.subscription-hero p{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.current-subscription{margin:var(--space-2xl) 0}.subscription-card{background:var(--color-surface);border:2px solid var(--color-accent);border-radius:8px;padding:var(--space-xl)}.pricing-section{margin:var(--space-3xl) 0}.pricing-section h3{text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--space-2xl);color:var(--color-text-primary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);max-width:1200px;margin:0 auto}.pricing-card{position:relative;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;padding:var(--space-2xl);display:flex;flex-direction:column;transition:all .3s ease}.pricing-card:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.pricing-card.featured{border-color:var(--color-accent);background:linear-gradient(135deg,#e945600d,#4a90e20d)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:4px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pricing-header{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.pricing-header h4{font-size:var(--font-size-xl);margin:0 0 var(--space-md) 0;color:var(--color-text-primary)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.price-amount{font-size:2.5rem;font-weight:700;color:var(--color-accent)}.price-period{font-size:var(--font-size-base);color:var(--color-text-secondary)}.pricing-savings{font-size:var(--font-size-sm);color:var(--color-success);font-weight:600;margin:0}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-xl) 0;flex:1}.pricing-features li{padding:var(--space-sm) 0;color:var(--color-text-secondary);line-height:1.6}.pricing-features li:before{content:"✓";color:var(--color-success);font-weight:700;margin-right:var(--space-sm)}.payment-methods-section{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.payment-modal-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.payment-modal-content h3{margin-top:0;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.payment-plan-info{color:var(--color-text-secondary);margin-bottom:var(--space-xl);padding:var(--space-md);background:#4a90e21a;border-radius:4px;text-align:center}.payment-methods{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.payment-method-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.payment-method-btn:hover{border-color:var(--color-accent);background:#e945600d}.payment-icon{font-size:2rem;flex-shrink:0}.payment-name{font-weight:600;color:var(--color-text-primary);display:block}.payment-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:block}.comparison-section{margin:var(--space-3xl) 0}.comparison-section h3{text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--space-2xl);color:var(--color-text-primary)}.comparison-table-wrapper{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.comparison-table thead{background:#e945601a}.comparison-table th{padding:var(--space-lg);text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid var(--color-border)}.comparison-table th:first-child{width:40%}.comparison-table td{padding:var(--space-md) var(--space-lg);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:#ffffff05}.faq-section{margin:var(--space-3xl) 0;max-width:800px;margin-left:auto;margin-right:auto}.faq-section h3{text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--space-2xl);color:var(--color-text-primary)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:var(--space-md);overflow:hidden}.faq-item summary{padding:var(--space-lg);font-weight:600;color:var(--color-text-primary);cursor:pointer;user-select:none;list-style:none;display:flex;justify-content:space-between;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.5rem;color:var(--color-accent);transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item summary:hover{background:#ffffff05}.faq-item p{padding:0 var(--space-lg) var(--space-lg) var(--space-lg);color:var(--color-text-secondary);line-height:1.6;margin:0}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{order:-1}.subscription-hero h2{font-size:var(--font-size-2xl)}.comparison-table{font-size:var(--font-size-sm)}.comparison-table th,.comparison-table td{padding:var(--space-sm)}.payment-modal-content{padding:var(--space-lg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-card{animation:slideUp .5s ease forwards}.pricing-card:nth-child(1){animation-delay:.1s}.pricing-card:nth-child(2){animation-delay:.2s}.pricing-card:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion: reduce){.pricing-card{animation:none}.pricing-card:hover{transform:none}}