.service-hero{position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0);text-align:center;overflow:hidden;padding:10rem 2.5rem 4rem}.service-hero-background{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) .0625rem,transparent .0625rem),linear-gradient(90deg,rgba(0,0,0,.03) .0625rem,transparent .0625rem);background-size:3.125rem 3.125rem;opacity:.5}.service-hero-content{position:relative;z-index:1}.service-hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:300;color:#1e293b;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.1}.service-hero .highlight{font-weight:400;background:linear-gradient(135deg,#2563eb,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-hero p{font-size:1.25rem;color:#64748b;max-width:32rem;margin:0 auto;font-weight:300;line-height:1.6}.services-section{background:#fff;position:relative;padding:100px 40px}.services-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:80px;background:linear-gradient(to bottom,transparent,#e2e8f0,transparent)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:32px}.service-card{background:#fff;border-radius:24px;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.165,.84,.44,1);box-shadow:0 8px 32px #0000000a;border:1px solid rgba(226,232,240,.6);backdrop-filter:blur(10px)}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f605,#06b6d405);opacity:0;transition:opacity .4s ease;pointer-events:none}.service-card:hover{transform:translateY(-16px) scale(1.02);box-shadow:0 32px 64px #0000001f;border-color:#3b82f633}.service-card:hover:before{opacity:1}.service-image-container{position:relative;height:21rem;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.service-image{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.165,.84,.44,1);filter:brightness(1.1) contrast(1.05)}.service-card:hover .service-image{transform:scale(1.08);filter:brightness(1.2) contrast(1.1)}.service-image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a1a,#1e293b66);display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;opacity:0;transition:all .4s cubic-bezier(.165,.84,.44,1)}.service-card:hover .service-image-overlay{opacity:1}.service-number-overlay{font-size:3rem;font-weight:800;color:#fffffff2;text-shadow:0 4px 20px rgba(0,0,0,.5);font-family:system-ui,-apple-system,sans-serif;letter-spacing:-.02em}.service-content{padding:36px 32px 32px;position:relative;background:linear-gradient(135deg,#ffffffe6,#f8fafce6);backdrop-filter:blur(20px)}.service-number{font-size:.8rem;color:#3b82f6;font-weight:700;margin-bottom:16px;letter-spacing:3px;text-transform:uppercase;position:relative;display:inline-block}.service-number:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;box-shadow:0 2px 8px #3b82f64d}.service-title{font-size:1.75rem;font-weight:700;margin-bottom:18px;color:#0f172a;line-height:1.25;transition:all .3s ease;letter-spacing:-.025em}.service-card:hover .service-title{color:#1e40af;transform:translate(4px)}.service-description{color:#475569;font-size:1rem;line-height:1.7;margin-bottom:28px;font-weight:400;opacity:.9}.service-link{color:#0f172a;text-decoration:none;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:1.5px;display:inline-flex;align-items:center;gap:10px;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;padding:12px 0}.service-link:before{content:"";position:absolute;bottom:8px;left:0;width:0;height:3px;background:linear-gradient(90deg,#3b82f6,#06b6d4);transition:width .4s cubic-bezier(.165,.84,.44,1);border-radius:3px}.service-link:hover:before{width:calc(100% - 30px)}.service-link:after{content:"→";transition:all .4s cubic-bezier(.165,.84,.44,1);font-size:1.25rem;color:#3b82f6;font-weight:400}.service-link:hover{color:#1e40af;transform:translate(8px)}.service-link:hover:after{transform:translate(8px) scale(1.2);color:#1d4ed8}.service-hover-effect{position:absolute;inset:0;background:linear-gradient(135deg,#3b82f608,#06b6d408);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:24px}.service-card:hover .service-hover-effect{opacity:1}.cta-section{padding:80px 0;background:#f8f9fa;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);z-index:2}.cta-title{font-size:2.5rem;font-weight:300;color:#333;margin-bottom:25px;letter-spacing:-1px;position:relative;z-index:3}.cta-description{font-size:1.1rem;color:#666;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;font-weight:300;position:relative;z-index:3}.cta-button{background:transparent;color:#333;padding:15px 40px;border:2px solid #333333;text-decoration:none;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;display:inline-block;transition:all .4s ease;position:relative;overflow:hidden;border-radius:20rem;z-index:3}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#333;transition:left .4s ease;z-index:-1}.cta-button:hover:before{left:0}.cta-button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}@media (max-width: 1200px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px}}@media (max-width: 768px){.services-section{padding:80px 20px}.services-grid{grid-template-columns:1fr;gap:28px}.service-image-container{height:220px}.service-content{padding:28px 24px}.service-title{font-size:1.5rem}.cta-section{padding:100px 20px}.cta-title{font-size:2rem;margin-bottom:24px}.cta-description{font-size:1.05rem;margin-bottom:36px}.cta-button{padding:16px 40px;font-size:.9rem}}@media (max-width: 480px){.service-hero{padding:8rem 1.5rem 3rem}.services-section{padding:60px 16px}.service-card{max-width:100%;border-radius:20px}.service-content{padding:24px 20px}.service-image-container{height:200px}.service-number{font-size:2.2rem}.service-title{font-size:1.8rem}.service-description{font-size:1.2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 8px 32px #3b82f666}50%{box-shadow:0 12px 40px #3b82f699}}.service-number{animation:slideInFromLeft .8s cubic-bezier(.165,.84,.44,1)}.service-link{animation:slideInFromRight .8s cubic-bezier(.165,.84,.44,1)}.service-card:nth-child(odd){transform:translateY(8px)}.service-card:nth-child(2n){transform:translateY(-8px)}.service-card:hover:nth-child(odd),.service-card:hover:nth-child(2n){transform:translateY(-16px) scale(1.02)}.services-section:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.015) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.015) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(59,130,246,.01) 0%,transparent 50%);pointer-events:none}