.services-hero{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);color:white;padding:4rem 2rem;margin-bottom:3rem;border-radius:var(--radius-xl);text-align:center}.hero-content{max-width:var(--max-width-md);margin:0 auto}.services-hero h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:white}.hero-subtitle{font-size:1.125rem;margin-bottom:2rem;color:rgba(255,255,255,.9);line-height:1.6}.hero-features{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.feature-pill{background:rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:500;font-size:.95rem}.service-overview{text-align:center;margin-bottom:3rem}.service-overview h2{font-size:2rem;margin-bottom:1rem;color:var(--primary-dark)}.overview-text{font-size:1.125rem;color:var(--text-light);max-width:var(--max-width-md);margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.service-card{background:white;border-radius:var(--radius-lg);padding:2rem;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:all var(--transition-base);border:1px solid var(--border-color)}.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.service-header{gap:1rem;margin-bottom:1rem}.service-header,.service-icon{display:flex;align-items:center}.service-icon{font-size:2rem;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-light),var(--accent-color));border-radius:var(--radius-md);justify-content:center;flex-shrink:0}.service-header h2{font-size:1.5rem;color:var(--primary-dark);margin:0}.service-description{font-size:1rem;line-height:1.7;color:var(--text-color);margin:0}@media (max-width:768px){.services-hero{padding:3rem 1rem}.services-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}.service-header h2{font-size:1.25rem}.service-icon{width:40px;height:40px;font-size:1.5rem}.feature-pill{font-size:.875rem;padding:.5rem 1rem}}@media (max-width:480px){.services-hero{padding:2rem 1rem}.services-hero h1{font-size:1.75rem}.service-overview h2{font-size:1.5rem}.service-card{padding:1.25rem}}