.services-hero{padding:6rem 2rem 4rem;text-align:center}.services-hero-content{max-width:800px;margin:0 auto}.services-hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;animation:fadeInUp 0.8s ease}.services-hero-subtitle{font-size:1.3rem;opacity:0.95;max-width:800px;margin:0 auto;line-height:1.7;animation:fadeInUp 1s ease}.services-hero-light{background:linear-gradient(135deg,rgba(52,152,219,0.08) 0%,rgba(52,152,219,0.14) 100%);color:var(--secondary-color);border-bottom:1px solid rgba(52,152,219,0.15)}.services-hero-light .services-hero-title{color:var(--primary-color)}.services-hero-light .services-hero-subtitle{color:#4b5563}body.dark-mode .success-carousel-section{background:#0f172a}body.dark-mode .success-section-subtitle{color:#f8fafc}body.dark-mode .success-section-kicker{color:#60a5fa}body.dark-mode .section-title{color:#f8fafc}body.dark-mode .success-carousel-card,body.dark-mode .carousel-control,body.dark-mode .success-case-detail{background:#1e293b;box-shadow:0 8px 30px rgba(0,0,0,0.3)}body.dark-mode .success-carousel-card.active,body.dark-mode .success-carousel-card:hover{border-color:rgba(96,165,250,0.45)}body.dark-mode .success-carousel-caption h3,body.dark-mode .success-case-detail h3{color:#f8fafc}body.dark-mode .success-carousel-caption p,body.dark-mode .success-case-detail p{color:#cbd5e1}body.dark-mode .carousel-control{color:#60a5fa}body.dark-mode .carousel-control:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);color:#0f172a}body.dark-mode .indicator{background:#475569}body.dark-mode .indicator.active{background:#60a5fa}body.dark-mode .success-case-kicker{color:#60a5fa}body.dark-mode .success-case-detail{border-left-color:#60a5fa}body.dark-mode .services-hero-light{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-bottom-color:#475569}body.dark-mode .services-hero-light .services-hero-title{color:#f8fafc}body.dark-mode .services-hero-light .services-hero-subtitle{color:#cbd5e1}@media screen and (min-width:1700px){.services-hero-title{font-size:3.5rem}.services-hero-subtitle{font-size:1.4rem;max-width:900px}.section-title{font-size:3rem}.success-case-detail p{font-size:1.15rem}}.success-carousel-section{padding:5rem 2rem;background:var(--light-bg)}.success-section-heading{text-align:center;max-width:900px;margin:0 auto 2.5rem}.section-title{text-align:center;font-size:2.5rem;color:var(--secondary-color);margin-bottom:2rem;font-weight:700}.success-section-kicker{display:inline-block;font-size:0.9rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary-color);margin-bottom:0.75rem}.success-section-subtitle{font-size:1.08rem;line-height:1.8;color:#64748b;margin-top:0.5rem}.success-carousel-section .container{max-width:1440px;margin:0 auto}.success-carousel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;margin-bottom:2rem}.success-carousel-track-wrapper{overflow:hidden}.success-carousel-track{display:flex;gap:1.5rem;transition:-webkit-transform 0.5s ease,transform 0.5s ease}.success-carousel-card{min-width:calc(33.333% - 1rem);background:white;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.08);cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;opacity:0.75;border:2px solid transparent}.success-carousel-card.active,.success-carousel-card:hover{transform:translateY(-8px);box-shadow:0 14px 35px rgba(0,0,0,0.14);opacity:1;border-color:rgba(52,152,219,0.35)}.success-carousel-card img{width:100%;height:240px;object-fit:cover;display:block}.success-carousel-caption{padding:1.5rem}.success-card-hint{display:inline-flex;align-items:center;gap:0.4rem;margin-top:1rem;padding:0.45rem 0.85rem;border-radius:999px;background:rgba(52,152,219,0.12);color:var(--primary-color);font-size:0.85rem;font-weight:700;letter-spacing:0.02em;transition:all 0.3s ease}.success-card-hint::after{content:"\2192";font-size:0.95rem}.success-carousel-card.active .success-card-hint,.success-carousel-card:hover .success-card-hint{background:var(--primary-color);color:white}.success-carousel-caption h3{font-size:1.4rem;color:var(--secondary-color);margin-bottom:0.5rem}.success-carousel-caption p{color:var(--text-color);line-height:1.6;margin:0}.carousel-control{width:52px;height:52px;border:none;border-radius:50%;background:white;color:var(--primary-color);font-size:2rem;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,0.12);transition:all 0.3s ease}.carousel-control:hover{background:var(--primary-color);color:white;transform:scale(1.05)}.carousel-indicators{display:flex;justify-content:center;gap:0.75rem;margin-bottom:2.5rem}.indicator{width:12px;height:12px;border-radius:50%;border:none;background:#cbd5e1;cursor:pointer;transition:all 0.3s ease}.indicator.active{width:34px;border-radius:999px;background:var(--primary-color)}.success-case-detail{background:white;border-radius:18px;padding:2.75rem;box-shadow:0 8px 30px rgba(0,0,0,0.08);border-left:5px solid var(--primary-color)}.success-case-detail-header{margin-bottom:1.25rem}.success-case-kicker{display:inline-block;font-size:0.9rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary-color);margin-bottom:0.75rem}.success-case-detail h3{font-size:2rem;color:var(--secondary-color);margin:0}.success-case-detail p{font-size:1.08rem;line-height:2;color:var(--text-color);margin:0;max-width:1000px;text-wrap:pretty;overflow-wrap:break-word;word-break:break-word}
.services-cta-section{background:linear-gradient(135deg,rgba(52,152,219,0.08) 0%,rgba(52,152,219,0.14) 100%);padding:5rem 2rem;text-align:center;color:var(--secondary-color);border-top:1px solid rgba(52,152,219,0.12);border-bottom:1px solid rgba(52,152,219,0.12)}.services-cta-section h2{font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:var(--primary-color)}.services-cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:0.9;color:#4b5563}.services-cta-section .cta-button{background:var(--primary-color);color:white;padding:1rem 3rem;font-size:1.1rem;border-radius:50px;text-decoration:none;display:inline-block;transition:all 0.3s ease;box-shadow:0 5px 15px rgba(52,152,219,0.3)}.services-cta-section .cta-button:hover{background:#2980b9;transform:translateY(-3px);box-shadow:0 8px 25px rgba(52,152,219,0.4)}body.dark-mode .services-cta-section{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:#f8fafc}body.dark-mode .services-cta-section h2{color:#f8fafc}body.dark-mode .services-cta-section p{color:rgba(248,250,252,0.85)}body.dark-mode .services-cta-section .cta-button{background:#60a5fa;box-shadow:0 5px 15px rgba(96,165,250,0.3)}body.dark-mode .services-cta-section .cta-button:hover{background:#3b82f6;box-shadow:0 8px 25px rgba(96,165,250,0.4)}

@media screen and (max-width:1024px){
  .services-hero{padding:2.5rem 1rem 2rem}
  .services-hero-title{font-size:1.75rem;margin-bottom:0.5rem}
  .services-hero-subtitle{font-size:1rem;line-height:1.6}
  .success-carousel-section{padding:2.5rem 1rem}
  .success-section-heading{margin-bottom:1.5rem}
  .section-title{font-size:1.6rem;margin-bottom:1rem}
  .success-section-subtitle{font-size:0.9rem}
  .success-carousel{grid-template-columns:auto 1fr auto;gap:0.5rem;align-items:center}
  .carousel-control{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.4rem;box-shadow:0 2px 8px rgba(0,0,0,0.15);flex-shrink:0;line-height:1;padding:0}
  .success-carousel-track{gap:1rem}
  .success-carousel-card{min-width:calc(100% - 0px);border-radius:12px}
  .success-carousel-card img{height:180px}
  .success-carousel-caption{padding:1rem}
  .success-carousel-caption h3{font-size:1.1rem;margin-bottom:0.25rem}
  .success-carousel-caption p{font-size:0.9rem}
  .success-card-hint{font-size:0.78rem;padding:0.35rem 0.7rem;margin-top:0.6rem}
  .carousel-indicators{gap:0.5rem;margin-bottom:1.5rem}
  .indicator{width:9px;height:9px}
  .indicator.active{width:24px}
  .success-case-detail{padding:1.25rem;border-radius:12px;border-left-width:4px}
  .success-case-detail h3{font-size:1.3rem}
  .success-case-detail p{font-size:0.92rem;line-height:1.7}
  .success-case-kicker{font-size:0.78rem;margin-bottom:0.5rem}
  .services-cta-section{padding:2.5rem 1rem}
  .services-cta-section h2{font-size:1.4rem;margin-bottom:0.75rem}
  .services-cta-section p{font-size:0.95rem;margin-bottom:1.25rem}
  .services-cta-section .cta-button{padding:0.8rem 1.5rem;font-size:1rem;min-width:unset;width:100%;max-width:320px}
}

@media screen and (max-width:480px){
  .services-hero-title{font-size:1.5rem}
  .success-carousel-card img{height:160px}
  .success-case-detail{padding:1rem}
  .success-case-detail h3{font-size:1.15rem}
  .services-cta-section h2{font-size:1.2rem}
}