.seo-pricing-section { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #333; max-width: 1000px; margin: 40px auto; padding: 20px; text-align: center; }
.pricing-header h2 { font-size: 2.5rem; margin-bottom: 10px; color: #1a1a1a; }
.pricing-header p { color: #666; margin-bottom: 30px; }
.toggle-container { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; gap: 15px; font-weight: bold; }
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 34px; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: #0073aa; }
input:checked + .slider:before { transform: translateX(26px); }
.pricing-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.pricing-card { background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 30px; width: 280px; transition: transform 0.3s ease; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.pricing-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); border-color: #0073aa; }
.pricing-card h3 { margin-top: 0; color: #0073aa; font-size: 1.5rem; }
.price-box { margin: 20px 0; font-size: 2.5rem; font-weight: 800; }
.price-box span { font-size: 1rem; color: #888; font-weight: 400; }
.features-list { list-style: none; padding: 0; margin: 20px 0; text-align: left; }
.features-list li { padding: 8px 0; border-bottom: 1px solid #eee; font-size: 0.95rem; }
.features-list li:before { content: "✓"; color: #28a745; margin-right: 10px; font-weight: bold; }
.cta-btn { display: block; background: #0073aa; color: #fff; padding: 12px; text-decoration: none; border-radius: 5px; font-weight: bold; transition: background 0.3s; margin-top: 20px; }
.cta-btn:hover { background: #005177; color: #fff; }
.popular { border: 2px solid #0073aa; position: relative; }
.popular-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #0073aa; color: #fff; padding: 5px 15px; border-radius: 20px; font-size: 0.8rem; }
Monthly
Yearly (Save 20%)
Starter
$29/mo
- 5 Project Managed
- Basic SEO Audit
- Weekly Reporting
- Email Support
Get Started
Most Popular
Professional
$79/mo
- 20 Project Managed
- Advanced Keyword Research
- Daily Data Refresh
- Priority Support
Go Pro
Business
$149/mo
- Unlimited Projects
- Custom API Access
- Dedicated Account Manager
- 24/7 Phone Support
Contact Sales