#scl-clients-page{--primary:#0459D7;--secondary:#0EA5E9;--dark-bg:#0B1121;--text-dark:#1E293B;--text-body:#475569;--bg-light:#F8FAFC;--white:#ffffff;--grad-main:linear-gradient(135deg,#0459D7 0%,#0EA5E9 100%);--card-shadow:0 10px 30px rgba(0,0,0,0.04);--hover-shadow:0 20px 40px rgba(4,89,215,0.12);--radius-lg:24px;--radius-md:16px;font-family:'DM Sans',sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6;overflow-x:hidden;width:100%}#scl-clients-page .container{max-width:1320px;width:100%;padding:0 24px;margin:0 auto;position:relative}#scl-clients-page .animate-up{opacity:0;transform:translateY(30px);transition:all 0.8s ease-out}#scl-clients-page .animate-up.visible{opacity:1;transform:translateY(0)}@keyframes floatImg{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}#scl-clients-page .hero-clients{position:relative;padding:140px 0 120px;background:linear-gradient(rgba(11,17,33,0.85),rgba(11,17,33,0.95)),url('https://sourcecodelab.co/wp-content/uploads/2025/11/gavel-handcuffs.jpg') center/cover no-repeat;overflow:hidden;display:flex;align-items:center}#scl-clients-page .hero-shape{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;pointer-events:none}#scl-clients-page .shape-1{top:-10%;left:-5%;width:500px;height:500px;background:rgba(4,89,215,0.15)}#scl-clients-page .shape-2{bottom:-10%;right:-5%;width:500px;height:500px;background:rgba(14,165,233,0.15)}#scl-clients-page .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}#scl-clients-page .hero-tag{display:inline-flex;align-items:center;padding:8px 20px;background:rgba(14,165,233,0.15);color:var(--secondary);border-radius:50px;font-weight:700;font-size:13px;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}#scl-clients-page h1{font-size:clamp(36px,4vw,52px);font-weight:800;line-height:1.2;margin-bottom:24px;color:#fff!important}#scl-clients-page .hero-desc{font-size:18px;color:rgba(255,255,255,0.8)!important;margin-bottom:40px;max-width:550px}#scl-clients-page .hero-btn{display:inline-flex;align-items:center;padding:18px 40px;background:var(--grad-main);color:#fff!important;border-radius:50px;font-weight:700;text-decoration:none;box-shadow:0 10px 25px rgba(4,89,215,0.3);transition:transform 0.3s,box-shadow 0.3s}#scl-clients-page .hero-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(4,89,215,0.4)}#scl-clients-page .hero-img-container{position:relative;text-align:center}#scl-clients-page .hero-main-img{max-width:100%;width:550px;animation:floatImg 6s ease-in-out infinite;filter:drop-shadow(0 30px 60px rgba(0,0,0,0.2))}#scl-clients-page .audience-section{padding:100px 0;background-color:var(--bg-light)}#scl-clients-page .sec-header{text-align:center;max-width:800px;margin:0 auto 60px}#scl-clients-page .sec-header h2{font-size:clamp(32px,3.5vw,42px);font-weight:800;margin-bottom:16px;color:var(--text-dark)}#scl-clients-page .sec-header p{font-size:18px;color:var(--text-body)}#scl-clients-page .audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}#scl-clients-page .audience-card{background:var(--white);padding:40px 24px;border-radius:var(--radius-md);text-align:center;box-shadow:var(--card-shadow);transition:0.3s;border-bottom:4px solid transparent}#scl-clients-page .audience-card:hover{transform:translateY(-8px);border-bottom-color:var(--primary);box-shadow:var(--hover-shadow)}#scl-clients-page .audience-icon{width:70px;height:70px;background:rgba(4,89,215,0.08);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 24px;transition:0.3s}#scl-clients-page .audience-card:hover .audience-icon{background:var(--grad-main);color:var(--white)}#scl-clients-page .audience-card h4{font-size:18px;font-weight:700;margin:0;color:var(--text-dark)}#scl-clients-page .services-section{padding:100px 0;background:var(--white)}#scl-clients-page .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}#scl-clients-page .service-card{background:var(--bg-light);padding:48px 32px;border-radius:var(--radius-lg);transition:all 0.4s ease;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,0.04);display:flex;flex-direction:column;justify-content:space-between}#scl-clients-page .service-card:hover{background:var(--white);transform:translateY(-8px);box-shadow:var(--hover-shadow);border-color:rgba(4,89,215,0.1)}#scl-clients-page .service-icon{width:64px;height:64px;background:var(--grad-main);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin-bottom:30px;box-shadow:0 10px 20px rgba(4,89,215,0.25)}#scl-clients-page .service-card h3{font-size:22px;margin-bottom:16px;font-weight:700;color:var(--text-dark);min-height:56px}#scl-clients-page .service-card p{color:var(--text-body);font-size:16px;margin-bottom:32px;flex-grow:1}#scl-clients-page .service-link{font-weight:700;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:8px;transition:gap 0.3s,color 0.3s;font-size:15px}#scl-clients-page .service-link:hover{gap:12px;color:var(--secondary)}#scl-clients-page .why-section{padding:120px 0;background-color:var(--dark-bg);color:#fff;position:relative;overflow:hidden}#scl-clients-page .why-section::before{content:'';position:absolute;top:-30%;right:-10%;width:800px;height:800px;background:radial-gradient(circle,rgba(14,165,233,0.15) 0%,transparent 70%);pointer-events:none}#scl-clients-page .why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;position:relative;z-index:2}#scl-clients-page .why-item{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:48px 40px;border-radius:20px;transition:0.3s}#scl-clients-page .why-item:hover{background:rgba(255,255,255,0.06);transform:translateY(-5px);border-color:rgba(14,165,233,0.4)}#scl-clients-page .why-icon{font-size:36px;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px;display:inline-block}#scl-clients-page .why-item h3{font-size:22px;margin-bottom:16px;font-weight:700;color:#fff}#scl-clients-page .why-item p{font-size:16px;color:rgba(255,255,255,0.7);line-height:1.7;margin:0}#scl-clients-page .contact-section{padding:100px 0;background:var(--bg-light);margin-top:-40px;position:relative;z-index:5}#scl-clients-page .contact-box{background:var(--white);border-radius:24px;padding:64px;box-shadow:0 20px 60px rgba(0,0,0,0.06);max-width:900px;margin:0 auto;text-align:left;border:1px solid rgba(0,0,0,0.03)}#scl-clients-page .contact-box h2{font-size:36px;font-weight:800;color:var(--text-dark);margin-bottom:16px}#scl-clients-page .contact-box p{color:var(--text-body);max-width:600px;margin-bottom:40px;font-size:17px}@media (max-width:1024px){#scl-clients-page .hero-grid{grid-template-columns:1fr;text-align:center}#scl-clients-page .hero-content{margin:0 auto}#scl-clients-page .hero-img-container{margin-top:50px}#scl-clients-page .hero-main-img{width:450px;margin:0 auto}#scl-clients-page .services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#scl-clients-page .hero-clients{padding:120px 0 80px}#scl-clients-page h1{font-size:32px}#scl-clients-page .sec-header h2{font-size:32px}#scl-clients-page .audience-grid{grid-template-columns:1fr 1fr}#scl-clients-page .services-grid{grid-template-columns:1fr}#scl-clients-page .why-grid{grid-template-columns:1fr}#scl-clients-page .contact-box{padding:40px 24px}#scl-clients-page .contact-box h2{font-size:28px}}@media (max-width:480px){#scl-clients-page .audience-grid{grid-template-columns:1fr}#scl-clients-page .hero-main-img{width:100%}}