.services-hero{min-height:60vh;display:flex;align-items:center;justify-content:center;position:relative}.hero-gradient-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.08) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(56,189,248,.05) 0,transparent 40%);pointer-events:none}.hero-title{animation:hero-fade-in 1s ease-out forwards}.hero-subtitle,.hero-title{opacity:0;transform:translateY(30px)}.hero-subtitle{animation:hero-fade-in 1s ease-out .2s forwards}@keyframes hero-fade-in{to{opacity:1;transform:translateY(0)}}.hero-scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%)}.scroll-line{width:1px;height:60px;background:linear-gradient(180deg,rgba(56,189,248,.5),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}.services-page{overflow-x:clip}.services-grid{position:relative}.service-row,.services-grid,.services-grid>div{overflow:visible}.service-row{position:relative;opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1)}.service-content{overflow:visible}.service-number-col{overflow:visible;min-width:0}.service-row.from-left{transform:translateX(-60px)}.service-row.from-right{transform:translateX(60px)}.service-row.visible{opacity:1;transform:translateX(0)}.service-row.visible .service-number-col{animation:float-in .6s ease-out forwards;animation-delay:.1s;opacity:0}.service-row.visible .service-info{animation:float-in .6s ease-out forwards;animation-delay:.2s;opacity:0}.service-row.visible .service-card-col{animation:float-in .6s ease-out forwards;animation-delay:.3s;opacity:0}@keyframes float-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-number{display:block;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(56,189,248,.2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:.85}.service-label{position:relative;display:inline-block;padding-left:20px}.service-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:2px;background:linear-gradient(90deg,rgba(56,189,248,.8),rgba(56,189,248,.2))}.feature-tag{padding:4px 0;transition:all .3s ease}.feature-tag:hover{color:#38bdf8}.feature-dot{transition:all .3s ease}.feature-tag:hover .feature-dot{transform:scale(1.5);box-shadow:0 0 8px rgba(56,189,248,.5)}.service-card-wrapper{transition:transform .4s cubic-bezier(.16,1,.3,1)}.service-card-wrapper:hover{transform:translateY(-8px)}.connecting-line-container{display:flex;justify-content:center;padding:20px 0}.connecting-line{width:1px;height:120px;background:linear-gradient(180deg,transparent,rgba(56,189,248,.3) 20%,rgba(56,189,248,.3) 80%,transparent);position:relative}.connecting-line:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:rgba(56,189,248,.4);box-shadow:0 0 12px rgba(56,189,248,.3)}.services-cta{background:linear-gradient(180deg,#fff,rgba(56,189,248,.03))}.cta-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% 120%,rgba(56,189,248,.1) 0,transparent 50%);pointer-events:none}@media (max-width:1024px){.service-number{font-size:100px!important;text-align:center}.service-row.from-left,.service-row.from-right{transform:translateY(40px)}.service-row.visible{transform:translateY(0)}.service-content{text-align:center}.service-info{order:2!important}.service-number-col{order:1!important}.service-card-col{order:3!important}.service-label{display:flex}.feature-tag,.service-features,.service-label{justify-content:center}}.service-visual{position:absolute;z-index:0;pointer-events:none;width:220px;height:220px;opacity:0;transition:opacity .8s ease-out .4s}.service-row.visible .service-visual{opacity:1}.service-visual--top-info{top:-5%;left:42%;transform:translateX(-50%)}.service-visual--under-number{bottom:0;left:2%}.service-visual--card-corner{top:15%;right:5%}.service-visual-frame{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:frame-breathe 6s ease-in-out infinite}.service-visual-frame svg{width:80%;height:80%;stroke:rgba(56,189,248,.3);stroke-width:1.5;fill:none;stroke-dasharray:8 4;filter:drop-shadow(0 0 8px rgba(56,189,248,.15))}@keyframes frame-breathe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:.7}}@media (max-width:1024px){.service-visual{display:none}.service-number{font-size:100px!important;text-align:center}.service-row.from-left,.service-row.from-right{transform:translateY(40px)}.service-row.visible{transform:translateY(0)}.service-content{text-align:center}.service-info{order:2!important}.service-number-col{order:1!important}.service-card-col{order:3!important}.service-label{display:flex}.feature-tag,.service-features,.service-label{justify-content:center}}@media (max-width:640px){.service-number{font-size:80px!important}.services-hero{min-height:50vh}.hero-title{font-size:3rem!important}.connecting-line{height:50px}}@media (prefers-reduced-motion:reduce){.hero-subtitle,.hero-title,.scroll-line,.service-card-wrapper,.service-row,.service-visual-placeholder,.service-visual-placeholder:before{animation:none!important;transition:none!important;opacity:1;transform:none}}