.plan-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:10px;flex-direction:column;width:100%;max-width:320px;padding:20px 22px;transition:all .3s;display:flex;position:relative}.plan-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0030241a}.plan-card.featured{border:2px solid var(--primary)}.badge-container{flex-flow:wrap;gap:8px;margin-bottom:12px;display:flex}.trial-badge,.offer-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#666;border-radius:16px;width:fit-content;padding:4px 10px;font-size:10px;font-weight:600;display:inline-block}.plan-name{color:#2c2c2c;overflow-wrap:break-word;word-wrap:break-word;margin-bottom:3px;font-size:20px;font-weight:600}.plan-description{color:#666;overflow-wrap:break-word;word-wrap:break-word;min-height:28px;margin-bottom:12px;font-size:12px;line-height:1.3}.plan-price{margin-bottom:14px}.price-original{color:#999;margin-bottom:3px;font-size:12px;text-decoration:line-through}.price-amount{color:#2c2c2c;margin:1px 0;font-size:28px;font-weight:700}.plan-card.featured .price-amount{color:#2c2c2c}.price-period{color:#666;font-size:13px}.price-annual{color:#999;margin-top:4px;font-size:11px}.savings-badge{color:#666;background:#f5f5f5;border-radius:4px;margin-top:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.trial-note{color:#666;margin-top:4px;font-size:12px;font-weight:500}.offer-note{color:#666;margin-top:4px;font-size:11px;font-weight:600}.features-list{flex:1;margin-bottom:14px;list-style:none}.feature-item{color:#2c2c2c;border-bottom:1px solid #f5f5f5;align-items:flex-start;gap:8px;padding:5px 0;font-size:12px;display:flex}.feature-item:last-child{border-bottom:none}.feature-icon{width:16px;height:16px;color:var(--primary);background:#0030241a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:11px;display:flex}.feature-icon.available{color:#22c55e;background:#22c55e1a}.feature-icon.unavailable{color:#ef4444;background:#ef44441a}.feature-text{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;flex:1;min-width:0;line-height:1.4}.feature-highlight{color:#2c2c2c;font-weight:600}.select-btn{width:100%;color:var(--primary);border:2px solid var(--primary);cursor:pointer;background:#fff;border-radius:7px;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.select-btn:hover,.plan-card.featured .select-btn{background:var(--primary);color:#fff}.plan-card.featured .select-btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.plans-page{background:#fafafa;min-height:100vh;padding:30px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}.plans-container{max-width:1100px;margin:0 auto}.loading-state{text-align:center;padding:40px 20px}.spinner{border:4px solid #e0e0e0;border-top-color:#000;border-radius:50%;width:48px;height:48px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.plans-header{text-align:center;margin-bottom:30px}.plans-logo{color:#2c2c2c;margin-bottom:20px;font-size:22px;font-weight:600}.plans-title{color:#2c2c2c;margin-bottom:10px;font-size:28px;font-weight:600}.plans-subtitle{color:#666;font-size:15px;line-height:1.5}.billing-toggle{justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.toggle-label{color:#666;font-size:13px;transition:all .2s}.toggle-label.active{color:#2c2c2c;font-weight:600}.toggle-switch{cursor:pointer;background:#e5e5e5;border-radius:13px;width:48px;height:26px;transition:background .3s;position:relative}.toggle-switch.annual{background:#7fa69c}.toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.toggle-switch.annual .toggle-slider{transform:translate(22px)}.save-badge{color:#7fa69c;text-transform:uppercase;letter-spacing:.5px;background:#7fa69c1a;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:600}.plans-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px;margin-bottom:40px;display:flex}.plans-grid>*{flex:0 0 340px;width:340px;min-width:340px;max-width:340px}.comparison-section{text-align:center;margin-bottom:40px}.comparison-link{color:#06c;cursor:pointer;font-size:13px;text-decoration:none;transition:all .2s}.comparison-link:hover{text-decoration:underline}@media (max-width:768px){.plans-grid{flex-direction:column;align-items:center}.plans-grid>*{flex:0 0 340px;width:340px;min-width:340px;max-width:340px}.plans-title{font-size:24px}.plans-page{padding:20px 10px}}@media (max-width:380px){.plans-grid>*{flex:none;width:calc(100vw - 40px);min-width:280px;max-width:340px}}@media (max-width:1024px) and (min-width:769px){.plans-grid>*{flex:0 0 340px;width:340px;min-width:340px;max-width:340px}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 8px 32px #0003}.modal-title{color:#000;margin-bottom:12px;font-size:18px;font-weight:600}.modal-message{color:#333;margin-bottom:20px;font-size:14px;line-height:1.5}.modal-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;width:100%;padding:10px;font-size:14px;font-weight:500;transition:background .2s}.modal-btn:hover{background:#333}