/* 0080 - Customer Service Warm Lavender Style */
:root { --purple: #8b5cf6; --purple-light: #a78bfa; --bg: #fafafa; }

* { scroll-behavior: smooth; }
body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }

/* Navbar */
.nav-warm { backdrop-filter: blur(20px); background: rgba(255,255,255,0.92); border-bottom: 1px solid #f3f0ff; }
.btn-purple { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.btn-purple:hover { background: linear-gradient(135deg, #a78bfa, #8b5cf6); box-shadow: 0 8px 25px rgba(139,92,246,0.35); transform: translateY(-2px); }

/* Hero */
.hero-warm { background: linear-gradient(180deg, #fafafa 0%, #f5f3ff 50%, #fafafa 100%); }

/* Features */
.feature-card-warm { background: #fff; border: 1px solid #f3f0ff; }
.feature-card-warm:hover { border-color: #8b5cf6; box-shadow: 0 15px 40px rgba(139,92,246,0.12); transform: translateY(-5px); }

/* Stats */
.stat-card-warm { transition: all 0.3s ease; }

/* Testimonials */
.testimonial-warm { transition: all 0.3s ease; }

/* FAQ */
.faq-item-warm { transition: all 0.3s ease; }
.faq-item-warm.active { border-color: #8b5cf6; box-shadow: 0 4px 20px rgba(139,92,246,0.08); }
.faq-item-warm .faq-body-warm { max-height: 0; opacity: 0; overflow: hidden; transition: all 0.4s ease; padding-top: 0; padding-bottom: 0; }
.faq-item-warm.active .faq-body-warm { max-height: 400px; opacity: 1; padding-top: 0.25rem; padding-bottom: 1.25rem; }
.faq-item-warm.active .faq-arrow-warm { transform: rotate(45deg); color: #8b5cf6; }
.faq-tag-btn.active { background: #8b5cf6 !important; color: #fff !important; }

/* CTA */
.cta-warm { background: linear-gradient(135deg, #f5f3ff 0%, #fdf2f8 50%, #eef2ff 100%); }

/* Counter */
.counter { font-variant-numeric: tabular-nums; }

/* FAQ filter animation */
.faq-item-warm.filtered-out { display: none; }