.pricing-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: center}
.pricing-card{background: #FFFFFF; border-radius: 24px; padding: 40px 35px; border: 1px solid #E2E8F0; transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; height: 100%; position: relative}
.pricing-card:hover{transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.06)}
.pricing-card.popular{position: relative; border: 2px solid #71A6DB; box-shadow: 0 20px 40px rgba(0,0,0,0.06); transform: scale(1.05); z-index: 2; padding: 50px 40px}
.pricing-card.popular:hover{transform: scale(1.05) translateY(-5px)}
.popular-badge{position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(262.89deg, #71A6DB 0.44%, #C5E5FF 100%); color: #1E293B; padding: 8px 24px; border-radius: 100px; font-weight: 700; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap}
.pricing-header{text-align: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #E2E8F0}
.pricing-header h3{font-size: 1.6rem; font-weight: 700; color: #1E293B; margin-bottom: 10px; margin-top: 0}
.pricing-desc{color: #64748B; font-size: 0.92rem; margin-bottom: 20px; min-height: 45px; line-height: 1.4}
.price{font-size: 3rem; font-weight: 800; color: #1E293B; display: flex; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap}
.price-from{font-size: 1.2rem; color: #64748B; font-weight: 500; align-self: flex-start; margin-top: 8px}
.price-currency{font-size: 1.3rem; color: #64748B; font-weight: 500; align-self: flex-end; margin-bottom: 8px}
.pricing-card.popular .price{color: #71A6DB}
.pricing-features{list-style: none; flex-grow: 1; margin-bottom: 30px; padding: 0}
.pricing-features li{display: flex; align-items: center; gap: 12px; margin-bottom: 14px; font-size: 1rem; color: #1E293B; line-height: 1.4}
.pricing-features li iconify-icon{font-size: 1.3rem; color: #71A6DB; flex-shrink: 0}
.pricing-features li.disabled{color: #94A3B8}
.pricing-features li.disabled iconify-icon{color: #CBD5E1}
@media (max-width: 1229px){
	.pricing-grid{gap: 20px}
    .pricing-card{padding: 30px 25px; border-radius: 20px}
    .pricing-card.popular{padding: 40px 30px; transform: scale(1.03)}
    .pricing-card.popular:hover{transform: scale(1.03) translateY(-5px)}
    .pricing-header h3{font-size: 1.4rem}
    .price{font-size: 2.5rem}
    .pricing-features li{font-size: 0.9rem; gap: 10px}
    .pricing-features li iconify-icon{font-size: 1.1rem}
}
@media (max-width: 991px){
	.pricing-grid{grid-template-columns: 1fr; max-width: 450px; margin: 0 auto; gap: 30px}
    .pricing-card{padding: 30px 25px}
    .pricing-card.popular{transform: scale(1); padding: 35px 30px}
    .pricing-card.popular:hover{transform: translateY(-5px)}
    .price{font-size: 2.6rem}
    .pricing-features li{font-size: 0.95rem}
}
@media (max-width: 767px){
	.pricing-grid{max-width: 100%; gap: 25px; padding: 0 5px}
    .pricing-card{padding: 28px 20px; border-radius: 18px}
    .pricing-card.popular{padding: 32px 22px; border-width: 2px}
    .popular-badge{font-size: 0.75rem; padding: 6px 18px}
    .pricing-header{margin-bottom: 20px; padding-bottom: 20px}
    .pricing-header h3{font-size: 1.3rem;}
    .pricing-desc{font-size: 0.85rem; min-height: 35px}
    .price{font-size: 2.2rem}
    .price-from{font-size: 1rem; margin-top: 4px}
    .price-currency{font-size: 1.1rem; margin-bottom: 4px}
    .pricing-features{margin-bottom: 20px}
    .pricing-features li{font-size: 0.9rem; gap: 10px; margin-bottom: 10px}
    .pricing-features li iconify-icon{font-size: 1.1rem}
}
@media (max-width: 575px){
	.pricing-grid{gap: 20px; padding: 0}
    .pricing-card{padding: 22px 16px; border-radius: 16px}
    .pricing-card.popular{padding: 26px 18px}
    .popular-badge{font-size: 0.7rem; padding: 5px 14px}
    .pricing-desc{min-height: 30px}
    .price{font-size: 2rem}
    .price-from{font-size: 0.95rem}
    .price-currency{font-size: 1rem}
    .pricing-features li{gap: 8px; margin-bottom: 8px}
}
@media (max-width: 480px){
	.pricing-grid{gap: 16px}
    .pricing-card{padding: 18px 14px; border-radius: 14px}
    .pricing-card.popular{padding: 22px 14px}
    .popular-badge{font-size: 0.6rem; padding: 4px 12px; letter-spacing: 0.5px}
    .pricing-header{margin-bottom: 16px; padding-bottom: 16px}
    .pricing-desc{min-height: 25px; margin-bottom: 14px}
    .price{ gap: 3px}
    .price-from, .price-currency{font-size: 0.85rem;}
    .pricing-features{margin-bottom: 16px}
    .pricing-features li{gap: 6px; margin-bottom: 6px}
}