.pricing-hero { background: #f8fafc; padding: 80px 0; border-bottom: 1px solid #e2e8f0; text-align: center; }
.pricing-hero h1 { font-weight: 800; font-size: 3rem; color: #1e293b; margin-bottom: 20px; }

.pricing-grid { margin-top: -50px; padding-bottom: 80px; }
.pricing-card { background: white; border-radius: 20px; border: 1px solid #e2e8f0; padding: 40px; height: 100%; transition: all 0.3s; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05); }
.pricing-card:hover { transform: translateY(-10px); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); border-color: var(--primary); }
.pricing-card.featured { border: 2px solid var(--primary); position: relative; }
.featured-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(--primary); color: white; padding: 5px 20px; border-radius: 20px; font-weight: 700; font-size: 0.85rem; }

.price { font-size: 3.5rem; font-weight: 800; color: #1e293b; margin-bottom: 10px; }
.price span { font-size: 1rem; color: #64748b; font-weight: 600; }

.feature-list { list-style: none; padding: 0; margin: 30px 0; }
.feature-list li { margin-bottom: 15px; display: flex; align-items: center; gap: 12px; color: #475569; }
.feature-list li i { color: #10b981; }

.btn-pricing { width: 100%; padding: 15px; border-radius: 10px; font-weight: 700; text-decoration: none; display: block; text-align: center; transition: all 0.3s; }
.btn-outline-primary { border: 2px solid var(--primary); color: var(--primary); }
.btn-primary { background: var(--primary); color: white; border: none; }

.faq-section { background: #f8fafc; padding: 100px 0; }