.subscription-container{max-width:480px;margin:0 auto;padding:0 16px 40px}.subscription-container>.hero-section+*{margin-top:12px}.subscription-header{text-align:center;margin-bottom:24px}.subscription-header h2{font-size:1.5em;margin:.83em 0;color:var(--color-dark-grey);font-weight:700}.status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-bottom:16px}.status-card h3{margin:0 0 8px;color:#1c2332;font-size:1rem}.status-row{display:flex;justify-content:space-between;gap:10px;font-size:.92rem;color:#475569;margin:4px 0}.trial-card{background:#fff7ed;border:1px solid #fdba74;border-radius:12px;padding:14px;margin-bottom:16px}.trial-card h3{margin:0 0 8px;color:#9a3412;font-size:1rem}.locked-features-card{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:14px;margin-bottom:16px}.locked-features-card h3{margin:0 0 8px;color:#991b1b;font-size:1rem}.limits-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-bottom:16px}.limits-card h3{margin:0 0 8px;color:#1e293b;font-size:1rem}.limits-card ul,.locked-features-card ul{margin:0;padding-left:18px;color:#475569;font-size:.92rem}.thank-you-card{background:#ecfdf5;border:1px solid #86efac;border-radius:12px;padding:14px;margin-bottom:16px}.thank-you-card h3{margin:0 0 6px;color:#166534;font-size:1rem}.thank-you-card p{margin:0;color:#166534;font-size:.92rem}.feature-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:.95rem}.feature-table th{text-align:center;padding:8px 4px;font-weight:600;color:#5b6479;font-size:.85rem}.feature-table th:first-child{text-align:left}.feature-table td{padding:10px 4px;border-bottom:1px solid #e5e7eb;vertical-align:top}.feature-table td:first-child{color:#1c2332;vertical-align:middle}.feature-table td:not(:first-child){text-align:center;width:34%}.feature-table td:first-child{width:32%}.feature-check{color:#16a34a;font-size:1.1rem}.feature-cross{color:#dc2626;font-size:1.1rem}.feature-value{color:#5b6479;font-weight:500}.feature-value-stack{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px}.feature-value-main{display:block;line-height:1.1}.feature-value-main.main-empty{min-height:1.1em}.feature-value-sub{display:block;min-height:1.1em;color:#5b6479;font-size:.84rem;line-height:1.1}.feature-icon-align{display:inline-flex;align-items:center;justify-content:center;min-height:calc(2.2em + 2px)}.feature-small{font-size:.78rem;line-height:1.1}.feature-subtype-label,.feature-subtype-text{font-size:.65rem;line-height:1.1}.feature-value.free-limit{color:inherit;font-weight:500}.feature-value .free-limit-number{color:#b91c1c;font-weight:700}.feature-value.pro-unlimited{color:inherit;font-weight:500}.feature-value .unlimited-word,.feature-value-main.pro-main-green,.feature-value.pro-main-green{color:#15803d;font-weight:700}.feature-value .green-check-symbol{color:#16a34a;font-weight:700}.see-benefits-link{display:block;text-align:center;color:#2563eb;font-size:.9rem;margin-bottom:24px;text-decoration:none}.see-benefits-link:hover{text-decoration:underline}.plan-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.plan-card{position:relative;display:flex;align-items:flex-start;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:border-color .2s,background-color .2s;background:#fff}.plan-card:hover{border-color:#d1d5db}.plan-card.selected{border-color:#f59e0b;background:#fffbeb}.plan-card input[type=radio]{display:none}.plan-radio{width:24px;height:24px;min-width:24px;border:2px solid #d1d5db;border-radius:50%;margin-right:14px;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background-color .2s}.plan-card.selected .plan-radio{border-color:#f59e0b;background:#f59e0b}.plan-radio-inner{width:10px;height:10px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.plan-card.selected .plan-radio-inner{opacity:1}.plan-info{flex:1}.plan-title{font-weight:600;font-size:1rem;color:#1c2332;display:flex;align-items:center;gap:8px;line-height:1.3}.plan-title-old-price{text-decoration:line-through;color:#9ca3af;font-weight:500}.plan-title-current-price{color:#1c2332}.plan-marketing-row{margin-top:2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-subtitle{font-size:.85rem;color:#6b7280;margin-top:4px}.plan-savings{font-size:.82rem;color:#15803d}.plan-price{text-align:right;align-self:flex-start;padding-top:2px;min-width:124px}.plan-price-month{font-size:.9rem;color:#5b6479}.plan-price-month.discount-green{color:#15803d;font-weight:700}.plan-price-pill{display:inline-block;padding:3px 8px;border-radius:999px;background:#ecfdf5;border:1px solid #86efac}.best-value-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:12px;white-space:nowrap}.terms-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.95rem}.terms-row input[type=checkbox]{width:18px;height:18px;margin:0}.terms-row label{margin:0;color:#5b6479}.terms-row a{color:#2563eb;text-decoration:none}.terms-row a:hover{text-decoration:underline}.subscribe-btn{width:100%;padding:14px 20px;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;background:#f59e0b;color:#fff;transition:background-color .2s;margin-bottom:12px}.subscribe-btn:hover:not(:disabled){background:#d97706}.subscribe-btn:disabled{background:#d1d5db;cursor:not-allowed}.cancel-link{display:block;text-align:center;color:#6b7280;font-size:.9rem;text-decoration:none}.cancel-link:hover{color:#374151;text-decoration:underline}.trial-flow-note{margin:6px 0 12px;font-size:.9rem;color:#5b6479;text-align:center}.policy-notes{margin-top:16px;font-size:.9rem;color:#5b6479;line-height:1.5}.policy-notes p{margin:6px 0}.ios-message{text-align:center;padding:40px 20px}.ios-message h3{margin:10px 0;font-size:1.3rem}.ios-message p{color:#5b6479;margin-bottom:20px}@media(max-width:480px){.subscription-container{padding:0 12px 32px}.plan-card{padding:14px 12px;flex-wrap:wrap;align-items:flex-start}.plan-info{min-width:0}.plan-title{flex-wrap:wrap;gap:4px}.plan-marketing-row{gap:4px}.plan-subtitle{line-height:1.35}.plan-price{width:100%;min-width:0;text-align:left;padding-top:8px;margin-left:38px}.terms-row{align-items:flex-start}.terms-row label{line-height:1.35}.feature-table{font-size:.9rem}}