.services-hero {
     background: linear-gradient(to bottom right, #1a237e, #303f9f);
     color: white;
     padding: 100px 20px 60px;
     text-align: center;
 }

 .services-hero .hero-content {
     position: relative;
     z-index: 2;
     max-width: 800px;
     margin: 0 auto;
 }

 .cta-glow {
     background-color: #ffffff;
     color: #303f9f;
     padding: 12px 26px;
     font-weight: bold;
     border-radius: 30px;
     text-decoration: none;
     box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3);
     transition: all 0.3s ease;
 }

 .cta-glow:hover {
     background-color: #eaf1ff;
     color: #1a237e;
 }

 .hero-curve {
     position: absolute;
     bottom: -1px;
     left: 0;
     width: 100%;
     height: 100px;
     background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'><path fill='%23ffffff' fill-opacity='1' d='M0,128L48,154.7C96,181,192,235,288,229.3C384,224,480,160,576,122.7C672,85,768,75,864,106.7C960,139,1056,213,1152,240C1248,267,1344,245,1392,234.7L1440,224L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'/></svg>");
     background-size: cover;
     z-index: 1;
 }

 .services-section {
     max-width: 1200px;
     margin: 3rem auto;
     padding: 0 20px;
 }

 .services-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
     gap: 2rem;
     margin-top: 2rem;
 }

 .service-card {
     background-color: #f9faff;
     padding: 2rem;
     border-radius: 12px;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
     text-align: center;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .service-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 12px 30px rgba(87, 99, 236, 0.15);
 }

 .service-card i {
     font-size: 2rem;
     color: #5763ec;
     margin-bottom: 1rem;
 }

 .service-card h4 {
     margin-bottom: 0.5rem;
     color: #303f9f;
 }

 .service-card p {
     font-size: 0.95rem;
     color: #444;
 }

 .service-cta {
     text-align: center;
     margin-top: 3rem;
 }

 .audience-section {
     max-width: 1200px;
     margin: 4rem auto;
     padding: 0 20px;
     text-align: center;
 }

 .audience-section h2 {
     color: #303f9f;
     margin-bottom: 1rem;
 }

 .audience-section>p {
     max-width: 700px;
     margin: 0 auto 2rem;
     color: #555;
 }

 .audience-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     gap: 2rem;
 }

 .audience-card {
     background: #ffffff;
     padding: 2rem;
     border-radius: 12px;
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .audience-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 35px rgba(87, 99, 236, 0.18);
 }

 .audience-card i {
     font-size: 2rem;
     color: #5763ec;
     margin-bottom: 1rem;
 }

 .audience-card h4 {
     color: #303f9f;
     margin-bottom: 0.5rem;
 }