.toggle{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:1rem}.switch{background:var(--muted,#ccc);border-radius:50px;cursor:pointer;height:24px;position:relative;transition:background .3s ease;width:46px}.switch .knob{background:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.switch.yearly{background:var(--accent,#4f46e5)}.switch.yearly .knob{transform:translateX(22px)}.cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:2rem}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.05);padding:24px;text-align:left;width:280px}.card h3{font-size:18px;padding:0}.cards p{font-size:14px;line-height:20px}.cards h4{font-size:28px;font-weight:600;margin-bottom:0;padding-bottom:6px;padding-top:12px}.cards h5{font-size:14px;font-weight:500;line-height:23px;margin-bottom:20px;margin-top:20px}.cards li{font-size:14px;line-height:24px;position:relative}span.amount{color:#121212;display:inline-block}.cards .card:first-child .price,.cards .card:last-child .price{display:none}.cards a.button.btn_style1{display:block}@media(min-width:768px){.card{padding-bottom:85px;position:relative}.cards a.button.btn_style1{bottom:30px;position:absolute;width:83%}}.price{margin-top:12px}.price-flip,.price-yearly{font-size:28px;font-weight:600}.price-yearly{color:var(--accent,#4f46e5);margin-top:8px}.duration,.price-yearly .yearly-total{color:var(--muted,#666);font-size:14px}.duration{font-weight:400}@media(min-width:768px) and (max-width:1300px){.card{width:48%}}@media(max-width:767px){.compare-table{overflow-x:scroll}}