@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.services{background:#000;color:#fff;font-family:Inter,sans-serif;position:relative;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#fff6}.services-banner{min-height:80vh;display:flex;align-items:center;position:relative;background:#000;overflow:hidden}.banner-container{max-width:1400px;margin:0 auto;padding:0 40px;text-align:center}.banner-content{animation:bannerContentReveal 1.5s cubic-bezier(.4,0,.2,1) both}@keyframes bannerContentReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.banner-title{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1;margin-bottom:32px;color:#fff}.title-highlight{background:linear-gradient(135deg,#fff,#888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner-description{font-size:1.3rem;color:#a0a0a0;line-height:1.7;font-weight:300;max-width:600px;margin:0 auto}.banner-visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.simple-glow{position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);transform:translate(-50%,-50%);animation:simpleGlowPulse 8s ease-in-out infinite}@keyframes simpleGlowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}.services-container{max-width:1400px;margin:0 auto;padding:0 40px}.service-section{min-height:100vh;display:flex;align-items:center;position:relative;padding:100px 0;opacity:0;transform:translateY(100px) scale(.9);transition:all 1.2s cubic-bezier(.4,0,.2,1)}.service-section.visible{opacity:1;transform:translateY(0) scale(1)}.service-section.animate-in{animation:sectionReveal 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes sectionReveal{0%{opacity:0;transform:translateY(100px) scale(.9) rotateX(10deg)}50%{opacity:.7;transform:translateY(20px) scale(.95) rotateX(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.service-section:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.service-visual,.service-content{flex:1;padding:0 60px}.service-section.reversed{flex-direction:row-reverse}.service-section.reversed .service-visual{animation:slideInRight 1.2s cubic-bezier(.4,0,.2,1) .3s both}.service-section:not(.reversed) .service-visual{animation:slideInLeft 1.2s cubic-bezier(.4,0,.2,1) .3s both}.service-section.reversed .service-content{animation:slideInLeft 1.2s cubic-bezier(.4,0,.2,1) .6s both}.service-section:not(.reversed) .service-content{animation:slideInRight 1.2s cubic-bezier(.4,0,.2,1) .6s both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-80px) rotateY(20deg)}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(80px) rotateY(-20deg)}to{opacity:1;transform:translate(0) rotateY(0)}}.service-icon{position:absolute;top:20px;right:20px;z-index:10;animation:iconPulse 3s ease-in-out infinite}.icon-emoji{font-size:3rem;text-shadow:0 0 20px rgba(255,255,255,.3)}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.visual-container{position:relative;height:700px;width:100%;display:flex;align-items:center;justify-content:center;perspective:1000px}.visual-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.bg-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:6px;height:6px;background:#fff6;border-radius:50%;animation:particleFloat 10s ease-in-out infinite;box-shadow:0 0 10px #ffffff4d}.particle:nth-child(odd){background:#fff3;width:8px;height:8px}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1) rotate(0);opacity:.2}25%{transform:translateY(-30px) scale(1.2) rotate(90deg);opacity:.6}50%{transform:translateY(-20px) scale(1.5) rotate(180deg);opacity:.8}75%{transform:translateY(-40px) scale(1.1) rotate(270deg);opacity:.4}}.particle-1{top:10%;left:10%;animation-delay:0s}.particle-2{top:20%;right:20%;animation-delay:1.2s}.particle-3{bottom:30%;left:30%;animation-delay:2.4s}.particle-4{bottom:20%;right:10%;animation-delay:3.6s}.particle-5{top:60%;left:60%;animation-delay:4.8s}.particle-6{top:40%;right:40%;animation-delay:6s}.particle-7{bottom:60%;left:20%;animation-delay:7.2s}.particle-8{top:80%;right:60%;animation-delay:8.4s}.bg-glow{position:absolute;top:50%;left:50%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);transform:translate(-50%,-50%);animation:glowPulse 8s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.4);opacity:.8}}.web-animation{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:webEntrance 2s cubic-bezier(.4,0,.2,1) .5s both}@keyframes webEntrance{0%{opacity:0;transform:scale(.5) rotateY(45deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.code-blocks{position:absolute;width:100%;height:100%}.code-block{position:absolute;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:12px;animation:enhancedCodeFloat 6s ease-in-out infinite;box-shadow:0 0 30px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.code-block:before{content:"";position:absolute;top:8px;left:12px;width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:16px 0 #fa0,32px 0 #f44;animation:codeDots 3s ease-in-out infinite}@keyframes codeDots{0%,to{opacity:.6}50%{opacity:1}}.block-1{width:180px;height:50px;top:15%;left:5%;animation-delay:0s}.block-2{width:150px;height:40px;top:55%;right:15%;animation-delay:1.5s}.block-3{width:200px;height:60px;bottom:15%;left:25%;animation-delay:3s}@keyframes enhancedCodeFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.6;box-shadow:0 0 30px #ffffff1a}33%{transform:translateY(-40px) rotate(3deg) scale(1.05);opacity:.9;box-shadow:0 0 50px #ffffff4d}66%{transform:translateY(-20px) rotate(-2deg) scale(1.02);opacity:.8;box-shadow:0 0 40px #fff3}}.browser-window{width:500px;height:350px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;animation:enhancedBrowserGlow 4s ease-in-out infinite;box-shadow:0 0 60px #ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}@keyframes enhancedBrowserGlow{0%,to{box-shadow:0 0 60px #ffffff26;transform:scale(1) rotateY(0)}50%{box-shadow:0 0 100px #ffffff4d;transform:scale(1.02) rotateY(2deg)}}.browser-header{height:60px;background:#ffffff1a;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid rgba(255,255,255,.1)}.browser-dots{display:flex;gap:12px}.browser-dots span{width:14px;height:14px;border-radius:50%;animation:enhancedDotBlink 3s ease-in-out infinite}.browser-dots span:nth-child(1){background:#ff5f57;animation-delay:0s}.browser-dots span:nth-child(2){background:#ffbd2e;animation-delay:.5s}.browser-dots span:nth-child(3){background:#28ca42;animation-delay:1s}@keyframes enhancedDotBlink{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.browser-content{padding:35px}.content-lines{display:flex;flex-direction:column;gap:18px}.line{height:10px;background:linear-gradient(90deg,#fff6,#fff3);border-radius:5px;animation:enhancedLineGrow 3s ease-in-out infinite;position:relative;overflow:hidden}.line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:lineShimmer 2s ease-in-out infinite}@keyframes lineShimmer{0%{left:-100%}to{left:100%}}.line.short{width:65%}.line:nth-child(1){animation-delay:0s}.line:nth-child(2){animation-delay:.8s}.line:nth-child(3){animation-delay:1.6s}@keyframes enhancedLineGrow{0%,to{transform:scaleX(.7);opacity:.4}50%{transform:scaleX(1);opacity:.9}}.mobile-animation{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:mobileEntrance 2s cubic-bezier(.4,0,.2,1) .5s both}@keyframes mobileEntrance{0%{opacity:0;transform:scale(.3) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(0)}}.phone-frame{width:320px;height:580px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid rgba(255,255,255,.2);border-radius:45px;padding:35px 25px;animation:enhancedPhoneFloat 6s ease-in-out infinite;box-shadow:0 0 80px #fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}@keyframes enhancedPhoneFloat{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-25px) rotate(2deg) scale(1.02)}66%{transform:translateY(-12px) rotate(-1deg) scale(1.01)}}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#000);border-radius:30px;overflow:hidden;box-shadow:inset 0 0 40px #ffffff1a}.app-interface{padding:30px;height:100%}.app-header{height:40px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:10px;margin-bottom:30px;animation:enhancedHeaderPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes enhancedHeaderPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.app-content{display:flex;flex-direction:column;gap:25px}.content-card{height:80px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:18px;animation:enhancedCardSlide 4s ease-in-out infinite;box-shadow:0 0 25px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.content-card:nth-child(1){animation-delay:0s}.content-card:nth-child(2){animation-delay:1.5s}@keyframes enhancedCardSlide{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(15px) scale(1.02);opacity:.9}}.floating-icons{position:absolute;width:100%;height:100%}.icon{position:absolute;font-size:3.5rem;animation:enhancedIconFloat 8s ease-in-out infinite;text-shadow:0 0 25px rgba(255,255,255,.4);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.icon-1{top:5%;right:5%;animation-delay:0s}.icon-2{bottom:15%;left:5%;animation-delay:2.5s}.icon-3{top:50%;right:10%;animation-delay:5s}@keyframes enhancedIconFloat{0%,to{transform:translateY(0) scale(1) rotate(0);opacity:.7}33%{transform:translateY(-50px) scale(1.3) rotate(120deg);opacity:1}66%{transform:translateY(-25px) scale(1.15) rotate(240deg);opacity:.8}}.design-animation{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:designEntrance 2s cubic-bezier(.4,0,.2,1) .5s both}@keyframes designEntrance{0%{opacity:0;transform:scale(.4) rotateX(45deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.design-canvas{width:550px;height:450px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid rgba(255,255,255,.2);border-radius:25px;position:relative;overflow:hidden;box-shadow:0 0 80px #ffffff26;animation:enhancedCanvasGlow 5s ease-in-out infinite;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}@keyframes enhancedCanvasGlow{0%,to{box-shadow:0 0 80px #ffffff26;transform:rotateY(0)}50%{box-shadow:0 0 120px #ffffff40;transform:rotateY(3deg)}}.design-shapes{position:absolute;width:100%;height:100%;padding:60px}.shape{position:absolute;border:3px solid rgba(255,255,255,.5);animation:enhancedShapeMove 8s ease-in-out infinite;box-shadow:0 0 40px #fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.circle{width:140px;height:140px;border-radius:50%;top:15%;left:15%;animation-delay:0s;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent)}.square{width:120px;height:120px;top:55%;right:25%;animation-delay:2.5s;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);border-radius:15px}.triangle{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:100px solid rgba(255,255,255,.5);border-top:none;bottom:15%;left:35%;animation-delay:5s;box-shadow:0 0 40px #fff3;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}@keyframes enhancedShapeMove{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.6}33%{transform:translate(25px,-25px) rotate(120deg) scale(1.15);opacity:.9}66%{transform:translate(-15px,20px) rotate(240deg) scale(.95);opacity:.7}}.design-grid{position:absolute;width:100%;height:100%}.grid-line{position:absolute;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);animation:enhancedGridPulse 4s ease-in-out infinite}.grid-line:not(.vertical){width:100%;height:3px}.grid-line.vertical{width:3px;height:100%}.grid-line:nth-child(1){top:33%;animation-delay:0s}.grid-line:nth-child(2){top:66%;animation-delay:1s}.grid-line:nth-child(3){left:33%;animation-delay:2s}.grid-line:nth-child(4){left:66%;animation-delay:3s}@keyframes enhancedGridPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.color-palette{position:absolute;bottom:35px;right:35px;display:flex;gap:18px}.color-dot{width:40px;height:40px;border-radius:50%;animation:enhancedColorPulse 3s ease-in-out infinite;box-shadow:0 0 25px #fff6;border:2px solid rgba(255,255,255,.3)}.color-1{background:linear-gradient(135deg,#fffc,#fff9);animation-delay:0s}.color-2{background:linear-gradient(135deg,#fff9,#fff6);animation-delay:.5s}.color-3{background:linear-gradient(135deg,#fff6,#fff3);animation-delay:1s}@keyframes enhancedColorPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.4);opacity:1}}.cloud-animation{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:cloudEntrance 2s cubic-bezier(.4,0,.2,1) .5s both}@keyframes cloudEntrance{0%{opacity:0;transform:scale(.6) rotate(30deg)}to{opacity:1;transform:scale(1) rotate(0)}}.cloud-nodes{position:relative;width:550px;height:400px}.node{position:absolute;width:90px;height:90px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:3px solid rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px #ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.node-1{top:15%;left:15%;animation:enhancedNodePulse 4s ease-in-out infinite;animation-delay:0s}.node-2{top:55%;right:25%;animation:enhancedNodePulse 4s ease-in-out infinite;animation-delay:1.5s}.node-3{bottom:15%;left:45%;animation:enhancedNodePulse 4s ease-in-out infinite;animation-delay:3s}@keyframes enhancedNodePulse{0%,to{transform:scale(1);border-color:#fff6;box-shadow:0 0 50px #ffffff40}50%{transform:scale(1.2);border-color:#ffffffb3;box-shadow:0 0 100px #ffffff80}}.node-pulse{width:25px;height:25px;background:radial-gradient(circle,#fff,#fff9);border-radius:50%;animation:enhancedInnerPulse 2s ease-in-out infinite}@keyframes enhancedInnerPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(2);opacity:1}}.connection-lines{position:absolute;width:100%;height:100%}.line{position:absolute;height:5px;background:linear-gradient(90deg,#ffffff4d,#fffc,#ffffff4d);animation:enhancedLineFlow 6s ease-in-out infinite;border-radius:3px;box-shadow:0 0 25px #fff6}.line-1{top:30%;left:20%;width:220px;transform:rotate(30deg);animation-delay:0s}.line-2{top:50%;right:30%;width:200px;transform:rotate(-45deg);animation-delay:2s}.line-3{bottom:30%;left:40%;width:180px;transform:rotate(60deg);animation-delay:4s}@keyframes enhancedLineFlow{0%,to{opacity:.4;transform:scale(1) rotate(var(--rotation, 0deg))}50%{opacity:.9;transform:scale(1.15) rotate(var(--rotation, 0deg))}}.data-flow{position:absolute;width:100%;height:100%}.data-packet{position:absolute;width:15px;height:15px;background:radial-gradient(circle,#fff,#fff9);border-radius:50%;animation:enhancedPacketMove 8s linear infinite;box-shadow:0 0 20px #fffc}.packet-1{top:30%;left:20%;animation-delay:0s}.packet-2{top:50%;right:30%;animation-delay:2.5s}.packet-3{bottom:30%;left:40%;animation-delay:5s}@keyframes enhancedPacketMove{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(220px) scale(.3);opacity:0}}.ecommerce-animation{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:ecommerceEntrance 2s cubic-bezier(.4,0,.2,1) .5s both}@keyframes ecommerceEntrance{0%{opacity:0;transform:scale(.5) rotateX(30deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.store-container{width:500px;height:400px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;box-shadow:0 0 60px #ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:storeGlow 4s ease-in-out infinite}@keyframes storeGlow{0%,to{box-shadow:0 0 60px #ffffff26}50%{box-shadow:0 0 100px #ffffff40}}.store-header{height:60px;background:#ffffff1a;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid rgba(255,255,255,.1)}.store-logo{width:40px;height:30px;background:linear-gradient(135deg,#fff6,#fff3);border-radius:8px;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{opacity:.7}50%{opacity:1}}.search-bar{width:200px;height:35px;background:#ffffff1a;border-radius:18px;border:1px solid rgba(255,255,255,.2);animation:searchPulse 4s ease-in-out infinite}@keyframes searchPulse{0%,to{border-color:#fff3;box-shadow:none}50%{border-color:#fff6;box-shadow:0 0 15px #fff3}}.cart-icon{position:relative;width:35px;height:35px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:cartBounce 2s ease-in-out infinite}@keyframes cartBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cart-count{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:#f44;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;animation:countPulse 1.5s ease-in-out infinite}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.product-grid{padding:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:calc(100% - 60px)}.product-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:15px;padding:15px;border:1px solid rgba(255,255,255,.1);animation:productFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-1{animation-delay:0s}.card-2{animation-delay:1s}.card-3{animation-delay:2s}@keyframes productFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-10px) scale(1.02);opacity:1}}.product-image{width:100%;height:60px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:10px;margin-bottom:10px;animation:imageShimmer 3s ease-in-out infinite}@keyframes imageShimmer{0%,to{opacity:.7}50%{opacity:1}}.product-info{display:flex;flex-direction:column;gap:8px}.product-title{height:8px;background:#ffffff4d;border-radius:4px;width:80%}.product-price{height:6px;background:#fff6;border-radius:3px;width:50%}.shopping-elements{position:absolute;width:100%;height:100%}.floating-cart,.floating-money,.floating-star{position:absolute;font-size:2.5rem;animation:shoppingFloat 6s ease-in-out infinite;text-shadow:0 0 20px rgba(255,255,255,.4)}.floating-cart{top:10%;right:10%;animation-delay:0s}.floating-money{bottom:20%;left:10%;animation-delay:2s}.floating-star{top:60%;right:15%;animation-delay:4s}@keyframes shoppingFloat{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.7}33%{transform:translateY(-30px) rotate(120deg) scale(1.2);opacity:1}66%{transform:translateY(-15px) rotate(240deg) scale(1.1);opacity:.8}}.marketing-animation{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:marketingEntrance 2s cubic-bezier(.4,0,.2,1) .5s both}@keyframes marketingEntrance{0%{opacity:0;transform:scale(.6) rotateY(30deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.analytics-dashboard{width:500px;height:400px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;box-shadow:0 0 60px #ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:dashboardGlow 5s ease-in-out infinite}@keyframes dashboardGlow{0%,to{box-shadow:0 0 60px #ffffff26}50%{box-shadow:0 0 100px #ffffff40}}.dashboard-header{height:60px;background:#ffffff1a;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-title{font-size:1.2rem;font-weight:600;color:#ffffffe6;animation:titleGlow 3s ease-in-out infinite}.dashboard-controls{display:flex;gap:8px}.control-dot{width:10px;height:10px;border-radius:50%;background:#fff6;animation:controlBlink 2s ease-in-out infinite}.control-dot:nth-child(1){animation-delay:0s}.control-dot:nth-child(2){animation-delay:.3s}.control-dot:nth-child(3){animation-delay:.6s}@keyframes controlBlink{0%,to{opacity:.4}50%{opacity:1}}.charts-container{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:25px;height:200px}.chart{background:#ffffff0d;border-radius:15px;padding:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-bars{display:flex;align-items:end;justify-content:space-between;height:100%;gap:8px}.bar{background:linear-gradient(to top,#fff9,#ffffff4d);border-radius:4px 4px 0 0;width:20px;animation:barGrow 3s ease-in-out infinite}.bar-1{height:60%;animation-delay:0s}.bar-2{height:80%;animation-delay:.5s}.bar-3{height:45%;animation-delay:1s}.bar-4{height:90%;animation-delay:1.5s}@keyframes barGrow{0%,to{transform:scaleY(.8);opacity:.7}50%{transform:scaleY(1);opacity:1}}.pie-chart{width:100px;height:100px;border-radius:50%;position:relative;margin:0 auto;animation:pieRotate 8s linear infinite}@keyframes pieRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pie-slice{position:absolute;width:100%;height:100%;border-radius:50%}.slice-1{background:conic-gradient(from 0deg,rgba(255,255,255,.6) 0deg,rgba(255,255,255,.6) 120deg,transparent 120deg)}.slice-2{background:conic-gradient(from 120deg,rgba(255,255,255,.4) 0deg,rgba(255,255,255,.4) 120deg,transparent 120deg)}.slice-3{background:conic-gradient(from 240deg,rgba(255,255,255,.2) 0deg,rgba(255,255,255,.2) 120deg,transparent 120deg)}.metrics-row{padding:0 25px 25px;display:flex;justify-content:space-between;gap:20px}.metric{flex:1;background:#ffffff0d;border-radius:12px;padding:15px;text-align:center;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:metricPulse 4s ease-in-out infinite}.metric:nth-child(1){animation-delay:0s}.metric:nth-child(2){animation-delay:1s}.metric:nth-child(3){animation-delay:2s}@keyframes metricPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.metric-value{font-size:1.5rem;animation:valueFloat 3s ease-in-out infinite}@keyframes valueFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.service-content{display:flex;align-items:center}.content-wrapper{max-width:500px}.service-number{font-size:1.2rem;color:#fff6;font-weight:300;margin-bottom:16px;animation:numberReveal 1s cubic-bezier(.4,0,.2,1) .7s both}@keyframes numberReveal{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.service-title{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:700;margin-bottom:32px;background:linear-gradient(135deg,#fff,#a0a0a0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;animation:titleReveal 1s cubic-bezier(.4,0,.2,1) .8s both}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px) rotateX(45deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.service-description{font-size:1.2rem;color:#a0a0a0;line-height:1.8;margin-bottom:40px;font-weight:300;animation:descriptionReveal 1s cubic-bezier(.4,0,.2,1) 1s both}@keyframes descriptionReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.service-features{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:50px}.feature-tag{background:#ffffff14;color:#fff;padding:12px 20px;border-radius:25px;font-size:1rem;font-weight:400;border:1px solid rgba(255,255,255,.15);transition:all .4s ease;animation:tagReveal .8s cubic-bezier(.4,0,.2,1) both;animation-delay:calc(1.2s + var(--index, 0) * .1s)}@keyframes tagReveal{0%{opacity:0;transform:translate(-30px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}.feature-tag:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px) scale(1.05)}.service-actions{display:flex;gap:20px;align-items:center}.contact-button{border:none;border-radius:12px;padding:18px 32px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;animation:buttonReveal 1s cubic-bezier(.4,0,.2,1) 1.6s both;min-width:160px;justify-content:center}.contact-button.primary{background:#fff;color:#000}.contact-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}@keyframes buttonReveal{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-button.primary:hover{background:#f0f0f0;transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #fff3}.contact-button.secondary:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-4px) scale(1.05)}.button-arrow{width:18px;height:18px;transition:transform .4s ease}.contact-button:hover .button-arrow{transform:translate(4px,-4px) rotate(45deg)}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.contact-button:hover .button-glow{left:100%}.cta-section{padding:120px 0;background:linear-gradient(135deg,#000,#111,#000);position:relative}.cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.cta-container{max-width:1200px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.cta-content{animation:ctaContentReveal 1.5s cubic-bezier(.4,0,.2,1) both}.cta-badge{display:inline-block;margin-bottom:24px}.badge-text{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-title{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:24px;color:#fff}.cta-highlight{background:linear-gradient(135deg,#fff,#888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-description{font-size:1.2rem;color:#a0a0a0;line-height:1.7;margin-bottom:40px;font-weight:300}.cta-features{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.cta-feature{display:flex;align-items:center;gap:16px}.feature-icon{font-size:1.5rem;width:50px;height:50px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-content h4{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:4px}.feature-content p{font-size:1rem;color:#888;font-weight:300}.cta-actions{display:flex;gap:20px;margin-bottom:40px}.cta-button{border:none;border-radius:12px;padding:18px 32px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-width:180px;justify-content:center}.cta-button.primary{background:#fff;color:#000}.cta-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-button.primary:hover{background:#f0f0f0;transform:translateY(-4px) scale(1.05);box-shadow:0 15px 40px #fff3}.cta-button.secondary:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-4px) scale(1.05)}.button-icon{width:18px;height:18px;transition:transform .4s ease}.cta-button:hover .button-icon{transform:scale(1.1)}.cta-contact-info p{font-size:1rem;color:#888;margin-bottom:16px}.contact-methods{display:flex;gap:32px}.contact-method{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:1rem;transition:all .3s ease}.contact-method:hover{color:#ccc;transform:translateY(-2px)}.cta-visual{display:flex;align-items:center;justify-content:center;animation:ctaVisualReveal 1.5s cubic-bezier(.4,0,.2,1) .5s both}@keyframes ctaVisualReveal{0%{opacity:0;transform:scale(.8) rotateY(20deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.chat-phone{position:relative}.phone-container{width:350px;height:600px;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:3px solid rgba(255,255,255,.2);border-radius:35px;padding:25px 20px;box-shadow:0 0 60px #ffffff26;animation:enhancedPhoneFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes enhancedPhoneFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}}.phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#000,#111);border-radius:25px;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 30px #ffffff0d}.chat-header{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);padding:20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.status-bar{height:4px;background:#ffffff4d;border-radius:2px;margin-bottom:15px;width:70%;animation:statusPulse 3s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:.3}50%{opacity:.7}}.chat-title{color:#fff;font-size:1.1rem;font-weight:600;text-align:center;animation:titleGlow 4s ease-in-out infinite}@keyframes titleGlow{0%,to{opacity:.9}50%{opacity:1}}.chat-messages{flex:1;padding:25px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.chat-messages::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.message{display:flex;animation:messageSlideIn .8s ease-out both}.message.received{justify-content:flex-start;animation-delay:1s}.message.sent{justify-content:flex-end;animation-delay:2.5s}.message.received:nth-child(3){animation-delay:4.5s}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.message-bubble{max-width:75%;padding:15px 20px;border-radius:20px;font-size:.95rem;line-height:1.4;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message.received .message-bubble{background:linear-gradient(135deg,#ffffff26,#ffffff14);color:#fff;border-bottom-left-radius:8px;border:1px solid rgba(255,255,255,.1)}.message.sent .message-bubble{background:linear-gradient(135deg,#fff,#f0f0f0);color:#000;border-bottom-right-radius:8px;box-shadow:0 4px 15px #ffffff1a}.typing-indicator{padding:0 20px 20px;display:flex;justify-content:flex-start;animation:typingAppear .5s ease-out 6s both}@keyframes typingAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.typing-dots{background:linear-gradient(135deg,#ffffff26,#ffffff14);padding:15px 20px;border-radius:20px 20px 20px 8px;display:flex;gap:6px;align-items:center;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.typing-dots span{width:8px;height:8px;background:#ffffffb3;border-radius:50%;animation:typingDot 1.4s ease-in-out infinite}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.3)}}@media (max-width: 1024px){.services-container,.banner-container{padding:0 30px}.cta-container{padding:0 30px;gap:50px}.service-visual,.service-content{padding:0 30px}.visual-container{height:600px}.phone-container{width:300px;height:520px}.browser-window{width:420px;height:280px}.phone-frame{width:260px;height:460px}.design-canvas{width:450px;height:350px}.cloud-nodes{width:450px;height:320px}.store-container,.analytics-dashboard{width:420px;height:320px}}@media (max-width: 768px){.services-container,.banner-container{padding:0 20px}.cta-container{grid-template-columns:1fr;gap:40px;padding:0 20px;text-align:center}.cta-visual{order:1}.cta-content{order:2}.phone-container{width:280px;height:480px}.contact-methods{justify-content:center;gap:24px}.cta-actions{flex-direction:column;gap:16px}.cta-button{width:100%}.service-section{flex-direction:column!important;padding:80px 0;text-align:center}.service-visual,.service-content{padding:0;margin-bottom:50px}.service-visual{order:1}.service-content{order:2}.visual-container{height:500px}.service-actions{flex-direction:column;gap:16px}.contact-button{width:100%}.browser-window{width:350px;height:220px}.phone-frame{width:220px;height:380px}.design-canvas{width:380px;height:280px}.cloud-nodes{width:380px;height:250px}.store-container,.analytics-dashboard{width:350px;height:280px}}@media (max-width: 480px){.services-container,.banner-container,.cta-container{padding:0 15px}.service-section{padding:60px 0}.visual-container{height:400px}.phone-container{width:240px;height:420px}.contact-methods{flex-direction:column;gap:16px}.browser-window{width:300px;height:180px}.phone-frame{width:180px;height:320px}.design-canvas{width:320px;height:220px}.cloud-nodes{width:320px;height:200px}.store-container,.analytics-dashboard{width:300px;height:240px}.bg-particles{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
