:root{--primary-green: #51A603;--primary-dark: #0A2839;--primary-blue: #1D98B7;--text-light: #ffffff;--text-dark: #333333;--text-gray: #666666;--text-light-gray: #999999;--bg-light: #f8f9fa;--bg-lighter: #ffffff;--border-color: #e9ecef;--shadow-light: 0 2px 10px rgba(0,0,0,.1);--shadow-medium: 0 5px 25px rgba(0,0,0,.15);--shadow-heavy: 0 10px 50px rgba(0,0,0,.2);--gradient-bg: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-blue) 50%, var(--primary-green) 100%);--gradient-overlay: linear-gradient(135deg, rgba(10, 40, 57, .9) 0%, rgba(29, 152, 183, .8) 50%, rgba(81, 166, 3, .7) 100%);--border-radius: 25px;--border-radius-large: 40px;--glass-bg: rgba(255, 255, 255, .25);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Mitr,Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden;background:linear-gradient(135deg,#f0f8ff 0%,#e6f3ff 50%,#f5f9fa 100%)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.wave-separator{width:100%;overflow:hidden;line-height:0}.wave-separator svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}.wave-separator .shape-fill{fill:#fff}.wave-top{transform:rotate(180deg)}.wave-bottom{transform:rotate(0)}.hero{background:linear-gradient(135deg,#0A2839 0%,#1D98B7 50%,#51A603 100%);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.services{position:relative}.services:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background-size:cover;z-index:1}.about:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background-size:cover;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}p{margin-bottom:1rem;line-height:1.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.animate-on-scroll.animate-in{opacity:1;transform:translateY(0)}.service-card:nth-child(1){transition-delay:.1s}.service-card:nth-child(2){transition-delay:.2s}.service-card:nth-child(3){transition-delay:.3s}.service-card:nth-child(4){transition-delay:.4s}.service-card:nth-child(5){transition-delay:.5s}.service-card:nth-child(6){transition-delay:.6s}.navbar{background:var(--glass-bg);padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition);border-bottom:1px solid var(--glass-border);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--glass-shadow)}.navbar.scrolled{background:rgba(255,255,255,.35);padding:.5rem 0;box-shadow:var(--glass-shadow)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:1rem}.logo{height:50px;transition:var(--transition)}.navbar.scrolled .logo{height:40px}.company-name{color:var(--primary-dark);font-size:1.2rem;font-weight:600}.nav-links{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--primary-dark);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition);position:relative}.nav-link:hover{color:var(--primary-green);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--glass-shadow)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-green);transition:var(--transition);transform:translate(-50%)}.nav-link:hover:after{width:80%}.mobile-menu-btn{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:.5rem}.mobile-menu-btn span{width:25px;height:3px;background:var(--text-light);margin:3px 0;transition:var(--transition)}.mobile-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(10,40,57,.98);padding:1rem 0;transform:translateY(-100%);opacity:0;transition:var(--transition)}.mobile-menu.active{transform:translateY(0);opacity:1}.mobile-nav-link{display:block;color:var(--text-light);text-decoration:none;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);transition:var(--transition)}.mobile-nav-link:hover{background:rgba(81,166,3,.1);color:var(--primary-green)}.hero{min-height:100vh;background:var(--gradient-bg);display:flex;align-items:center;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);z-index:2}.hero-particles{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,.3),transparent);background-repeat:repeat;background-size:200px 100px;animation:sparkle 20s linear infinite}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.5}}.hero-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(./dda-bg-369ab339.png) center/cover no-repeat;opacity:.1}.hero-particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:float 20s infinite linear}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;justify-items:center;color:var(--text-light);min-height:80vh;text-align:center}.hero-text{animation:fadeInLeft 1s ease-out;max-width:600px;margin:0 auto}.hero-title{font-size:3.5rem;margin-bottom:1rem;padding-top:20%;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff}.highlight{background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.hero-subtitle{font-size:1.5rem;margin-bottom:1.5rem;color:#e1f0fff0;font-weight:500;opacity:.95;text-shadow:0 1px 3px rgba(0,0,0,.4)}.hero-description{font-size:1.2rem;margin-bottom:3rem;line-height:1.8;opacity:.95;color:#d7e6f5eb;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-features{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto}.feature-item{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:1rem;background:rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:left}.feature-icon{font-size:1.5rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border-radius:10px;flex-shrink:0}.feature-text h4{color:#fff;margin:0 0 .25rem;font-size:1rem;font-weight:600}.feature-text p{color:#fffc;margin:0;font-size:.9rem}.hero-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem;padding:2rem 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;color:var(--primary-green);margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.8}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-visual{position:relative;animation:fadeInRight 1s ease-out;display:flex;justify-content:center;align-items:center;height:100%}.hero-visual:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(29,152,183,.1) 0%,transparent 70%);border-radius:50%;z-index:1;animation:breathe 8s ease-in-out infinite}.hero-visual:after{content:"";position:absolute;top:20%;right:10%;width:300px;height:300px;background:conic-gradient(from 0deg,rgba(81,166,3,.2),rgba(29,152,183,.2),rgba(255,215,0,.2),rgba(81,166,3,.2));border-radius:50%;z-index:1;animation:rotate 20s linear infinite;opacity:.3}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6}}.floating-elements{position:relative;height:400px}.floating-card{position:absolute;background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:var(--border-radius-large);padding:2rem;width:150px;height:150px;display:flex;align-items:center;justify-content:center;animation:float 6s ease-in-out infinite;box-shadow:var(--glass-shadow)}.floating-card:nth-child(1){top:0;right:0}.floating-card:nth-child(2){top:50%;left:50%;transform:translate(-50%,-50%)}.floating-card:nth-child(3){bottom:0;left:0}.card-icon{font-size:3rem}.floating-lottie-cards{position:relative;height:800px;width:100%;max-width:500px;margin:0 auto;z-index:2}.graph-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.graph-line{stroke-dasharray:5,5;animation:dash-flow 3s linear infinite;filter:drop-shadow(0 0 3px rgba(255,255,255,.3))}.graph-line.line-1{animation-delay:0s}.graph-line.line-2{animation-delay:.5s}.graph-line.line-3{animation-delay:1s}.graph-line.line-4{animation-delay:1.5s}.graph-line.line-5{animation-delay:2s}@keyframes dash-flow{0%{stroke-dashoffset:0;opacity:.3}50%{opacity:.8}to{stroke-dashoffset:-20;opacity:.3}}.data-point{animation:pulse-point 2s ease-in-out infinite}.data-point.point-1{animation-delay:0s}.data-point.point-2{animation-delay:.3s}.data-point.point-3{animation-delay:.6s}.data-point.point-4{animation-delay:.9s}.data-point.point-5{animation-delay:1.2s}.data-point.point-6{animation-delay:1.5s}@keyframes pulse-point{0%,to{r:3;opacity:.6}50%{r:6;opacity:1}}.lottie-card{position:absolute;width:160px;height:160px;border-radius:30px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .5s cubic-bezier(.25,.46,.45,.94);box-shadow:0 15px 35px #0000001a,inset 0 1px #fff3;z-index:10}.lottie-card:hover{transform:translateY(-15px) scale(1.08);box-shadow:0 25px 50px #0000004d,0 0 0 1px #ffffff4d;background:rgba(255,255,255,.25);z-index:15}.card-1:hover{background:rgba(29,152,183,.2);border-color:#1d98b780}.card-2:hover{background:rgba(81,166,3,.2);border-color:#51a60380}.card-3:hover{background:rgba(255,215,0,.2);border-color:#ffd70080}.card-4:hover{background:rgba(138,43,226,.2);border-color:#8a2be280}.card-5:hover{background:rgba(255,107,107,.2);border-color:#ff6b6b80}.card-6:hover{background:rgba(147,112,219,.2);border-color:#9370db80}.card-7:hover{background:rgba(32,178,170,.2);border-color:#20b2aa80}.card-8:hover{background:rgba(255,105,180,.2);border-color:#ff69b480}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.2),transparent);animation:rotate 10s linear infinite;opacity:0;transition:opacity .4s ease}.lottie-card:hover .card-glow{opacity:1}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-content{text-align:center;z-index:3;position:relative;padding:1rem}.card-content .card-icon{font-size:3rem;margin-bottom:.8rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));display:block}.card-content .card-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.card-pulse{position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:8px;height:8px;background:linear-gradient(45deg,#00ff88,#00cc6a);border-radius:50%;animation:pulse 2.5s ease-in-out infinite;box-shadow:0 0 10px #00ff8880}.card-1 .card-pulse{background:linear-gradient(45deg,#1D98B7,#2BADCF);box-shadow:0 0 10px #1d98b780}.card-2 .card-pulse{background:linear-gradient(45deg,#51A603,#6BCF0F);box-shadow:0 0 10px #51a60380}.card-3 .card-pulse{background:linear-gradient(45deg,#FFD700,#FFA500);box-shadow:0 0 10px #ffd70080}.card-4 .card-pulse{background:linear-gradient(45deg,#8A2BE2,#9932CC);box-shadow:0 0 10px #8a2be280}.card-5 .card-pulse{background:linear-gradient(45deg,#FF6B6B,#FF8E53);box-shadow:0 0 10px #ff6b6b80}.card-6 .card-pulse{background:linear-gradient(45deg,#9370DB,#BA55D3);box-shadow:0 0 10px #9370db80}.card-7 .card-pulse{background:linear-gradient(45deg,#20B2AA,#48D1CC);box-shadow:0 0 10px #20b2aa80}.card-8 .card-pulse{background:linear-gradient(45deg,#FF69B4,#FF1493);box-shadow:0 0 10px #ff69b480}@keyframes pulse{0%,to{transform:translate(-50%) scale(1);opacity:1;box-shadow:0 0 10px #00ff8880}50%{transform:translate(-50%) scale(1.8);opacity:.6;box-shadow:0 0 20px #0f8c}}.card-1{top:50px;left:20px;animation:float 7s ease-in-out infinite;z-index:14}.card-2{top:120px;right:30px;animation:float 7s ease-in-out infinite 1.5s;z-index:13}.card-3{top:320px;left:80px;animation:float 7s ease-in-out infinite 3s;z-index:12}.card-4{top:250px;right:120px;animation:float 7s ease-in-out infinite 4.5s;z-index:11}.card-5{top:420px;right:50px;animation:float 7s ease-in-out infinite 6s;z-index:15}.card-6{top:500px;left:200px;animation:float 7s ease-in-out infinite 7s;z-index:12}.card-7{top:580px;right:200px;animation:float 7s ease-in-out infinite 8s;z-index:13}.card-8{top:600px;left:50px;animation:float 7s ease-in-out infinite 9s;z-index:14}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(-10px) rotate(-1deg)}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;text-decoration:none;border-radius:var(--border-radius-large);font-weight:600;font-size:1rem;transition:var(--transition);cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--glass-shadow)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition)}.btn:hover:before{left:100%}.btn-primary{background:var(--primary-green);color:var(--text-light);border-color:var(--primary-green)}.btn-primary:hover{background:transparent;color:var(--primary-green);transform:translateY(-2px);box-shadow:0 5px 20px #51a6034d}.btn-secondary{background:transparent;color:var(--text-light);border-color:var(--text-light)}.btn-secondary:hover{background:var(--text-light);color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 20px #ffffff4d}.arrow{transition:var(--transition)}.btn:hover .arrow{transform:translate(5px)}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;background:var(--glass-bg);color:var(--primary-green);padding:.8rem 2rem;border-radius:var(--border-radius-large);font-size:.9rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--glass-shadow)}.section-tag.light{background:var(--glass-bg);color:var(--text-light);border:1px solid rgba(255,255,255,.3)}.section-title{font-size:2.5rem;color:var(--primary-dark);margin-bottom:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}.section-title.light{color:var(--text-light)}.section-description{font-size:1.2rem;color:var(--text-gray);max-width:700px;margin:0 auto;line-height:1.8}.business-solutions{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:6rem 0;position:relative;overflow:hidden}.business-solutions:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(51,166,3,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(29,152,183,.1) 0%,transparent 50%);pointer-events:none}.solutions-infographic{position:relative;z-index:2}.process-flow{margin-bottom:5rem}.flow-title{text-align:center;margin-bottom:3rem}.flow-title h3{font-size:2rem;color:var(--primary-dark);margin-bottom:1rem;font-weight:700}.flow-title p{color:var(--text-gray);font-size:1.1rem}.flow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;position:relative}.flow-step{background:rgba(255,255,255,.9);border-radius:20px;padding:2rem;text-align:center;position:relative;border:2px solid rgba(51,166,3,.2);transition:all .3s ease}.flow-step:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a;border-color:var(--primary-green)}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:30px;height:30px;background:var(--primary-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.step-icon{font-size:3rem;margin-bottom:1rem}.step-content h4{color:var(--primary-dark);font-size:1.3rem;margin-bottom:.5rem;font-weight:600}.step-content p{color:var(--text-gray);font-size:.95rem}.step-arrow{position:absolute;right:-1.8rem;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--primary-green);font-weight:700}.solution-categories{margin-bottom:5rem}.solution-categories h3{text-align:center;font-size:2rem;color:var(--primary-dark);margin-bottom:3rem;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.category-card{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));border-radius:25px;padding:2rem;border:2px solid rgba(29,152,183,.2);transition:all .3s ease;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue))}.category-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0000001a;border-color:var(--primary-blue)}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.category-icon{font-size:2.5rem}.category-header h4{color:var(--primary-dark);font-size:1.4rem;font-weight:600;margin:0}.benefits-list{margin-bottom:1.5rem}.benefit-item{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;font-size:.95rem;color:var(--text-gray)}.benefit-check{color:var(--primary-green);font-weight:700;font-size:1rem}.category-metric{text-align:center;padding:1.2rem;background:linear-gradient(135deg,rgba(29,152,183,.12) 0%,rgba(81,166,3,.08) 50%,rgba(44,62,80,.1) 100%);border-radius:20px;border:1px solid rgba(29,152,183,.3);box-shadow:0 8px 32px #1d98b726,0 4px 16px #51a6031a,inset 0 1px #fff3;position:relative;overflow:hidden}.category-metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1D98B7 0%,#51A603 50%,#2c3e50 100%)}.metric-value{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#1D98B7,#51A603,#2c3e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(29,152,183,.3);animation:pulseGlow 2s ease-in-out infinite alternate}.metric-label{color:var(--text-gray);font-size:.9rem;font-weight:600}@keyframes pulseGlow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.tech-integration{padding:80px 0;background:linear-gradient(135deg,#0A2839 0%,#1A3A4A 50%,#0A2839 100%);position:relative;overflow:hidden}.tech-integration:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(29,152,183,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(81,166,3,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.05) 0%,transparent 50%);pointer-events:none}.tech-integration h3{text-align:center;font-size:2.5rem;color:#fff;margin-bottom:4rem;font-weight:700;text-shadow:0 2px 20px rgba(0,0,0,.5)}.integration-diagram{position:relative;display:flex;align-items:center;justify-content:center;min-height:600px;padding:40px 0}.integration-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.bg-particles{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(29,152,183,.4),transparent),radial-gradient(1px 1px at 90px 40px,rgba(81,166,3,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,215,0,.4),transparent);background-size:200px 200px;animation:particleFloat 20s linear infinite}@keyframes particleFloat{0%{transform:translateY(0) translate(0)}33%{transform:translateY(-10px) translate(5px)}66%{transform:translateY(5px) translate(-3px)}to{transform:translateY(0) translate(0)}}.bg-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.3;animation:gridShift 15s ease-in-out infinite}@keyframes gridShift{0%,to{transform:translate(0)}50%{transform:translate(5px,5px)}}.bg-waves{position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(ellipse at center,transparent 40%,rgba(29,152,183,.1) 70%,transparent 100%);animation:waveRotate 30s linear infinite}@keyframes waveRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-network{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none}.connection-path{stroke-dasharray:10 5;stroke-linecap:round;animation:dashFlow 3s linear infinite;filter:drop-shadow(0 0 5px currentColor)}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-15}}.flow-particle{filter:drop-shadow(0 0 8px currentColor)}.pulse-rings circle{filter:drop-shadow(0 0 10px currentColor)}.central-hub{position:absolute;z-index:5;width:180px;height:180px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#1D98B7 0%,#51A603 50%,#FFD700 100%);box-shadow:0 0 50px #1d98b780,0 20px 40px #0000004d,inset 0 0 30px #fff3;animation:hubFloat 4s ease-in-out infinite}@keyframes hubFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.hub-glow{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle,rgba(29,152,183,.3) 0%,transparent 70%);border-radius:50%;animation:hubGlow 3s ease-in-out infinite alternate}@keyframes hubGlow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.1)}}.hub-particles{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(2px 2px at 20px 20px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40px 60px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 80px 30px,rgba(255,255,255,.7),transparent);animation:particleOrbit 8s linear infinite}@keyframes particleOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hub-content{position:relative;text-align:center;color:#fff;z-index:3}.hub-icon{font-size:2.5rem;margin-bottom:.5rem;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hub-title{font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hub-stats{margin-top:.5rem}.hub-stat{display:flex;flex-direction:column;align-items:center}.hub-stat .stat-value{font-size:.9rem;font-weight:700;color:gold}.hub-stat .stat-label{font-size:.6rem;opacity:.8}.hub-rings{position:absolute;width:100%;height:100%;top:0;left:0}.ring{position:absolute;border:2px solid rgba(255,255,255,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:120%;height:120%;animation:ringRotate 10s linear infinite}.ring-2{width:140%;height:140%;animation:ringRotate 15s linear infinite reverse}.ring-3{width:160%;height:160%;animation:ringRotate 20s linear infinite}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.integration-points{position:relative;width:100%;height:500px;z-index:4}.integration-point{position:absolute;width:120px;height:120px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;border:2px solid rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.integration-point:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(29,152,183,.1),rgba(81,166,3,.1));opacity:0;transition:opacity .3s ease}.integration-point:hover:before{opacity:1}.integration-point:hover{transform:scale(1.1) translateY(-5px);background:rgba(255,255,255,.25);border-color:gold;box-shadow:0 20px 40px #0003,0 0 30px #ffd70066}.point-glow{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle,rgba(29,152,183,.2) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.integration-point:hover .point-glow{opacity:1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.2);opacity:.5}}.point-content{position:relative;text-align:center;color:#fff;z-index:2}.point-icon{font-size:1.8rem;margin-bottom:.5rem}.point-title{font-size:.85rem;font-weight:600;margin-bottom:.3rem;text-shadow:0 1px 5px rgba(0,0,0,.5)}.point-status{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.7rem;opacity:.8}.status-dot{width:6px;height:6px;background:#00FF88;border-radius:50%;animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.point-data{position:absolute;bottom:10px;left:10px;right:10px}.data-stream{height:2px;background:rgba(255,255,255,.2);border-radius:1px;overflow:hidden}.stream-line{height:100%;width:30%;background:linear-gradient(90deg,transparent,#00FF88,transparent);animation:streamFlow 2s ease-in-out infinite}@keyframes streamFlow{0%{transform:translate(-100%)}to{transform:translate(300%)}}.integration-point:nth-child(1){top:0;left:50%;transform:translate(-50%)}.integration-point:nth-child(2){top:20%;right:0}.integration-point:nth-child(3){bottom:20%;right:0}.integration-point:nth-child(4){bottom:0;left:50%;transform:translate(-50%)}.integration-point:nth-child(5){bottom:20%;left:0}.integration-point:nth-child(6){top:20%;left:0}.data-visualization{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:6;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:20px;min-width:400px}.data-header h4{color:#fff;text-align:center;margin-bottom:15px;font-size:1rem;font-weight:600}.data-metrics{display:flex;gap:20px;justify-content:space-between}.metric-item{display:flex;align-items:center;gap:8px;flex:1}.metric-icon{font-size:1.2rem}.metric-info{display:flex;flex-direction:column}.metric-value{color:gold;font-weight:700;font-size:.9rem}.metric-label-m{color:#eef9f2b3;font-size:1rem}.metric-label{color:#095927b3;font-size:1rem}@media (max-width: 768px){.tech-integration h3{font-size:2rem;margin-bottom:3rem}.integration-diagram{min-height:500px;padding:20px 0}.central-hub{width:140px;height:140px}.hub-title{font-size:.9rem}.integration-point{width:90px;height:90px}.point-icon{font-size:1.4rem}.point-title{font-size:.7rem}.data-visualization{min-width:300px;padding:15px}.data-metrics{flex-direction:column;gap:10px}}@media (max-width: 480px){.integration-diagram{min-height:400px}.central-hub{width:120px;height:120px}.integration-point{width:70px;height:70px}.point-icon{font-size:1.2rem}.point-title{font-size:.6rem}.data-visualization{min-width:280px;padding:12px}}.services{padding:160px 0 120px;background:linear-gradient(135deg,rgba(248,252,255,.98) 0%,rgba(240,248,255,.95) 25%,rgba(235,245,255,.92) 50%,rgba(245,250,255,.96) 75%,rgba(250,253,255,.98) 100%);position:relative;z-index:2;color:#2c3e50;overflow:hidden}.services:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(29,152,183,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(81,166,3,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,.04) 0%,transparent 50%);pointer-events:none}.services .container{position:relative;z-index:3}.services .section-tag{background:linear-gradient(135deg,rgba(29,152,183,.15),rgba(81,166,3,.15));color:#1d98b7;border:1px solid rgba(29,152,183,.3);box-shadow:0 0 15px #1d98b733}.services .section-title{background:linear-gradient(135deg,#51A603);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 3px rgba(0,0,0,.1)}.services .section-description{color:#3c5064e6;font-size:1.1rem;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}.main-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-bottom:4rem}.main-service-card{background:linear-gradient(135deg,rgba(255,255,255,.9) 0%,rgba(248,252,255,.8) 50%,rgba(240,248,255,.85) 100%);border-radius:25px;padding:2.5rem;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(29,152,183,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#2c3e50;box-shadow:0 10px 30px #1d98b726,inset 0 1px #fffc}.main-service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1D98B7 0%,#51E3FF 25%,#51A603 50%,#7CD319 75%,#FFD700 100%);opacity:.8;transition:opacity .3s ease}.main-service-card:hover:before{opacity:1;box-shadow:0 0 20px #1d98b766}.main-service-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 25px 50px #1d98b733,0 0 40px #1d98b726,inset 0 1px #ffffffe6;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(240,248,255,.9) 50%,rgba(235,245,255,.9) 100%);border-color:#1d98b766}.main-service-header{margin-bottom:1.5rem}.main-service-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.main-service-card h3{font-size:1.5rem;font-weight:700;color:#1d98b7;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.main-service-card p{color:#2c3e50;font-size:1rem;line-height:1.6;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}.main-service-features{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.feature-tag{background:linear-gradient(135deg,rgba(29,152,183,.15) 0%,rgba(81,166,3,.12) 100%);color:#51a603;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(29,152,183,.25);transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.1);position:relative;overflow:hidden}.feature-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.feature-tag:hover:before{left:100%}.feature-tag:hover{background:linear-gradient(135deg,rgba(29,152,183,.5) 0%,rgba(81,166,3,.4) 100%);transform:translateY(-2px);border-color:#51e3ff99;box-shadow:0 5px 15px #1d98b74d}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.service-card{background:var(--glass-bg);border-radius:var(--border-radius-large);padding:2.5rem;box-shadow:var(--glass-shadow);transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--glass-border);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(20px);opacity:0}.service-card.animate-in{transform:translateY(0);opacity:1}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));transform:scaleX(0);transition:all .4s cubic-bezier(.25,.46,.45,.94)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001a,0 8px 16px #51a60333}.service-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.service-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;flex-shrink:0;box-shadow:0 8px 16px #0000001a;transition:all .3s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 24px #00000026}.service-category{font-size:.75rem;color:var(--primary-blue);font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}.service-title{font-size:1.4rem;color:var(--primary-dark);margin-bottom:1rem;font-weight:700;line-height:1.3}.service-description{color:var(--text-gray);margin-bottom:1.5rem;line-height:1.6;font-size:.95rem}.service-features{list-style:none;margin-bottom:2rem}.service-features li{padding:.4rem 0;display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.9rem}.check{color:var(--primary-green);font-weight:700}.about{padding:160px 0 120px;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(240,248,255,.9) 100%);position:relative;z-index:2}.about .container{position:relative;z-index:3}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text .section-title{text-align:left;margin-bottom:1rem}.about-subtitle{font-size:1.5rem;color:#2ba3d2;margin-bottom:2rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.about-description{color:#5a6e82f2;margin-bottom:2rem;font-size:1.1rem;font-weight:400;line-height:1.7}.about-highlights{margin:3rem 0}.highlight-item{display:flex;gap:1rem;margin-bottom:2rem;padding:2rem;background:var(--glass-bg);border-radius:var(--border-radius-large);transition:var(--transition);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--glass-shadow)}.highlight-item:hover{transform:translate(15px) scale(1.02);box-shadow:0 15px 40px #1f268733;background:rgba(255,255,255,.35)}.highlight-icon{font-size:2rem;flex-shrink:0}.highlight-content h4{color:var(--primary-dark);margin-bottom:.5rem}.highlight-content p{color:var(--text-gray);margin:0}.about-values{margin-top:2rem}.about-values h4{color:var(--primary-dark);margin-bottom:1rem;font-size:1.3rem}.about-values ul{list-style:none}.about-values li{padding:.8rem 0;color:var(--text-gray);border-bottom:1px solid var(--border-color)}.about-values li:last-child{border-bottom:none}.about-values strong{color:var(--primary-green)}.about-visual{position:relative}.about-image-container{position:relative;text-align:center}.about-main-image{max-width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-medium)}.about-floating-stats{position:absolute;top:50%;right:-2rem;transform:translateY(-50%)}.floating-stat{background:var(--glass-bg);padding:1.5rem;border-radius:var(--border-radius-large);box-shadow:var(--glass-shadow);text-align:center;margin-bottom:1rem;min-width:120px;animation:float 6s ease-in-out infinite;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.floating-stat:nth-child(2){animation-delay:2s}.floating-stat:nth-child(3){animation-delay:4s}.stat-value{font-size:2rem;font-weight:800;color:var(--primary-green);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--text-gray)}.contact{color:var(--text-light);position:relative;z-index:2}.contact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);z-index:1}.contact .container{position:relative;z-index:2}.contact-content{text-align:center;max-width:800px;margin:0 auto}.contact-description{color:#dcebfaf2;margin-bottom:3rem;font-size:1.2rem;font-weight:400;line-height:1.6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.contact-methods{margin-top:2rem;display:flex;justify-content:center}.contact-method{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2.5rem;background:var(--glass-bg);border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.25,.46,.45,.94);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);max-width:400px}.contact-method:hover{background:rgba(255,255,255,.35);transform:translateY(-5px) scale(1.02);box-shadow:0 20px 40px #ffffff26}.method-icon{font-size:2rem;flex-shrink:0;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 16px #0000001a}.method-info h4{margin-bottom:.3rem;color:var(--text-light)}.method-info p{margin:0;opacity:.9}.contact-form{background:var(--glass-bg);padding:3rem;border-radius:var(--border-radius-large);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.form{width:100%}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-light);font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem 1.5rem;border:1px solid var(--glass-border);border-radius:var(--border-radius);background:var(--glass-bg);color:var(--text-light);font-size:1rem;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffffb3}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green);background:rgba(255,255,255,.3);box-shadow:0 0 20px #51a6034d}.form-submit{width:100%;margin-top:1rem}.footer{background:linear-gradient(135deg,var(--primary-dark) 0%,rgba(10,40,57,.95) 100%);color:var(--text-light);padding:4rem 0 2rem;position:relative;overflow:hidden}.footer:after{content:"";position:absolute;top:80px;left:0;right:0;bottom:0;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1}.footer .container{position:relative;z-index:2}.footer-content{text-align:center;margin-bottom:2rem}.footer-main{max-width:600px;margin:0 auto}.footer-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.footer-logo img{height:40px}.footer-logo h3{color:var(--primary-green);margin:0}.footer-main p{color:#fffc;margin-bottom:1.5rem;font-size:1rem}.footer-contact{margin-top:1rem}.footer-contact p{color:var(--primary-green);font-weight:600;margin:0}.footer-section p{color:#fffc;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;text-decoration:none;font-size:1.2rem;transition:var(--transition)}.social-link:hover{background:var(--primary-green);transform:translateY(-3px)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.8rem}.footer-section a{color:#fffc;text-decoration:none;transition:var(--transition)}.footer-section a:hover{color:var(--primary-green)}.contact-info p{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#fffc}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{margin:0;opacity:.7}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-visual{order:-1}.floating-lottie-cards{height:500px;max-width:400px}.lottie-card{width:120px;height:120px}.card-content .card-icon{font-size:2.5rem}.card-content .card-title{font-size:.9rem}.graph-lines{opacity:.7}.graph-line{stroke-width:1.5}.card-1{top:30px;left:10px}.card-2{top:80px;right:20px}.card-3{top:220px;left:60px}.card-4{top:180px;right:80px}.card-5{top:320px;right:30px}.card-6{top:380px;left:20px}.card-7{top:430px;right:60px}.card-8{top:480px;left:40px}.hero-title{font-size:3rem}.about-content,.contact-content{grid-template-columns:1fr;gap:3rem}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 1rem}.nav-links{display:none}.mobile-menu-btn{display:flex}.mobile-menu{display:block}.hero{padding:0 0 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-stats{justify-content:center;gap:1rem}.hero-buttons{flex-direction:column;align-items:center}.floating-lottie-cards{height:400px;max-width:300px}.lottie-card{width:100px;height:100px;border-radius:20px}.card-content .card-icon{font-size:2rem;margin-bottom:.5rem}.card-content .card-title{font-size:.8rem}.graph-lines{opacity:.4}.graph-line{stroke-width:1}.data-point{r:2}.card-1{top:20px;left:20px}.card-2{top:40px;right:15px}.card-3{top:160px;left:40px}.card-4{top:140px;right:35px}.card-5{top:280px;left:10px}.card-6{top:300px;right:25px}.card-7{top:340px;left:30px}.card-8{top:380px;right:10px}.section-title{font-size:2rem}.services-grid,.portfolio-grid,.testimonials-grid{grid-template-columns:1fr}.about-floating-stats{position:static;transform:none;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.floating-stat{margin-bottom:0}.footer-content{grid-template-columns:1fr;text-align:center}.social-links{justify-content:center}}@media (max-width: 480px){.hero-title,.stat-number{font-size:2rem}.service-card,.testimonial-card,.contact-form{padding:1.5rem}}.services{padding:6rem 0;position:relative}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{font-size:2.5rem;color:#fff;margin-bottom:1rem;font-weight:700}.section-title p{font-size:1.1rem;color:#ffffffe6;max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem}.modern-service-card{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;padding:3rem 2rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.modern-service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.modern-service-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #0003;background:rgba(255,255,255,.25)}.modern-service-card:hover:before{opacity:1}.service-icon-wrapper{width:80px;height:80px;margin:0 auto 2rem;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.1));display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.modern-service-card:hover .service-icon-wrapper{transform:rotate(5deg) scale(1.1);box-shadow:0 10px 20px #0003}.service-icon-wrapper i{font-size:2rem;color:#fff}.modern-service-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:.5px}.modern-service-card p{color:#ffffffe6;line-height:1.6;font-size:1rem}.service-card{background:white;padding:2rem;border-radius:10px;box-shadow:0 5px 15px #0000001a;text-align:center;transition:transform .3s ease}.service-card:hover{transform:translateY(-5px)}.service-icon{width:80px;height:80px;background:var(--gradient-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:#fff}.service-card h3{color:var(--primary-dark);margin-bottom:1rem;font-size:1.3rem}.about{padding:80px 0;background:white}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-text h2{color:var(--primary-dark);font-size:2.5rem;margin-bottom:1rem}.about-text p{margin-bottom:1.5rem;color:#666;line-height:1.8}.about-image{text-align:center}.about-image img{max-width:100%;height:auto;border-radius:10px}.contact{padding:80px 0;background:var(--primary-dark);color:var(--text-light)}.contact-content{text-align:center}.contact h2{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-green)}.contact p{font-size:1.2rem;margin-bottom:2rem}.footer{background:#000;color:var(--text-light);text-align:center;padding:2rem 0}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero h2{font-size:1.2rem}.about-content{grid-template-columns:1fr;gap:2rem}.btn-secondary{margin-left:0;margin-top:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.smart-footer{background:linear-gradient(135deg,#0a2839 0%,#1a3a4a 50%,#0a2839 100%);color:#fff;padding:6rem 0 2rem;position:relative;overflow:hidden}.footer-particles{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(51,166,3,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(29,152,183,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(51,166,3,.05) 0%,transparent 50%);animation:particleFloat 20s ease-in-out infinite}@keyframes particleFloat{0%,to{opacity:.7}50%{opacity:1}}.smart-footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4rem;margin-bottom:4rem;position:relative;z-index:2}.smart-brand-section{display:flex;flex-direction:column;gap:2rem}.smart-logo-container{display:flex;align-items:center;gap:1rem;position:relative}.logo-glow{position:absolute;top:50%;left:0;transform:translateY(-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(51,166,3,.3) 0%,transparent 70%);border-radius:50%;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.smart-logo{width:50px;height:50px;position:relative;z-index:2}.brand-text-smart h2{font-size:1.8rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(45deg,var(--primary-green),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{color:#fffc;font-size:.9rem;margin:0;font-style:italic}.smart-description{color:#ffffffe6;line-height:1.6;font-size:.95rem}.smart-capabilities{display:flex;flex-wrap:wrap;gap:.8rem}.capability-badge{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;transition:all .3s ease}.capability-badge:hover{background:rgba(51,166,3,.2);border-color:var(--primary-green);transform:scale(1.05)}.capability-icon{font-size:1rem}.smart-solutions-grid{display:grid;grid-template-columns:1fr;gap:2rem}.solution-pillar{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;transition:all .3s ease}.solution-pillar:hover{background:rgba(255,255,255,.1);border-color:#1d98b780;transform:translate(10px)}.pillar-icon{font-size:2rem;margin-bottom:1rem}.solution-pillar h4{color:var(--primary-blue);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.pillar-features{list-style:none;padding:0;margin:0}.pillar-features li{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;color:#fffc;font-size:.9rem}.feature-bullet{color:var(--primary-green);font-size:.8rem}.smart-contact-hub{display:flex;flex-direction:column;gap:2rem}.contact-header{text-align:center}.contact-header h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.contact-header p{color:#fffc;font-size:.95rem;margin:0}.smart-contact-methods{display:flex;flex-direction:column;gap:1rem}.smart-contact-btn{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1rem;text-decoration:none;color:#fff;transition:all .3s ease}.smart-contact-btn:hover{background:rgba(51,166,3,.2);border-color:var(--primary-green);transform:scale(1.02)}.smart-contact-btn .contact-icon{font-size:1.5rem}.contact-info{display:flex;flex-direction:column;gap:.2rem}.contact-label{font-size:.8rem;color:#ffffffb3;font-weight:500}.contact-value{font-size:.95rem;color:#fff;font-weight:600}.smart-footer-bottom{position:relative;z-index:2}.footer-divider-smart{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin-bottom:2rem}.footer-bottom-content-smart{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.copyright-smart{color:#ffffffb3;font-size:.9rem}.footer-social-smart{display:flex;gap:1rem}.social-smart{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:10px;text-decoration:none;color:#fff;font-size:1.2rem;transition:all .3s ease}.social-smart:hover{background:var(--primary-green);border-color:var(--primary-green);transform:translateY(-2px)}.smart-status{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.85rem}.status-indicator{width:8px;height:8px;background:var(--primary-green);border-radius:50%;animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){a,button,.mobile-nav-link,.service-btn,.smart-contact-btn{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(29,152,183,.2)}.hero-title,.section-title,.service-title-modern,.card-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hero,.services,.about,.contact,.business-solutions{-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:transform}.service-card-modern,.lottie-card,.category-card{transition:transform .2s ease,box-shadow .2s ease}.service-card-modern:active{transform:translateY(-2px) scale(.98)}.mobile-nav-link:active{background:rgba(29,152,183,.1);transform:scale(.98)}.service-btn:active{transform:translateY(0) scale(.98)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;max-height:calc(100vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu.active{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero-description,.service-description-modern,.about-description{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.animate-on-scroll{transform:translateY(20px);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animate-in{transform:translateY(0);opacity:1}@media (prefers-reduced-motion: reduce){.animate-on-scroll,.service-card-modern,.lottie-card{animation:none;transition:none}.floating-lottie-cards svg{animation:none}}.hero-description,.service-description-modern,.about-description,.contact-description{color:#2c3e50;text-shadow:0 1px 2px rgba(255,255,255,.8)}.service-card-modern{box-shadow:0 4px 16px #1d98b714}.service-card-modern:hover{box-shadow:0 8px 24px #1d98b71f}}.floating-lottie-cards,.integration-diagram,.tech-integration{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}@media (max-width: 1200px){.container{padding:0 15px}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.3rem}.floating-lottie-cards{transform:scale(.9)}}@media (max-width: 1024px){.container{padding:0 15px}.nav-links{display:none}.mobile-menu-btn{display:flex}.hero-content{flex-direction:column;text-align:center;gap:2rem}.hero-text{width:100%;max-width:none}.hero-visual{width:100%;max-width:600px;margin:0 auto}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.2rem}.hero-description{font-size:1rem;line-height:1.7}.flow-steps{grid-template-columns:repeat(2,1fr);gap:1.5rem}.step-arrow{display:none}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.main-services-grid{grid-template-columns:1fr;gap:1.5rem}.about-content{flex-direction:column;text-align:center;gap:2rem}.about-highlights{grid-template-columns:1fr;gap:1.5rem}.smart-footer-content{grid-template-columns:1fr 1fr;gap:3rem}.smart-contact-hub{grid-column:1 / -1}}@media (max-width: 768px){.container{padding:0 10px}.hero-title{font-size:2.2rem;line-height:1.2}.hero-subtitle{font-size:1.1rem;line-height:1.4}.hero-description{font-size:.95rem;line-height:1.6;margin-bottom:2rem}.section-title{font-size:2rem;line-height:1.3}.section-description{font-size:.95rem;line-height:1.6}.navbar{padding:.75rem 0}.logo{height:35px}.company-name{font-size:1.1rem}.mobile-menu-btn{width:35px;height:35px}.mobile-menu{top:100%;padding:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 15px 15px}.mobile-nav-link{padding:.75rem 1rem;font-size:1rem;border-radius:8px}.hero{padding:6rem 0 4rem;min-height:100vh}.hero-content{gap:3rem}.hero-features{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.feature-item{padding:1.5rem;text-align:left}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-text h4{font-size:1.1rem;margin-bottom:.5rem}.feature-text p{font-size:.9rem;line-height:1.5}.floating-lottie-cards{transform:scale(.8);height:400px}.lottie-card{padding:.75rem;border-radius:12px}.card-title{font-size:.8rem;font-weight:600}.card-icon{font-size:1.2rem}.business-solutions{padding:4rem 0}.process-flow{margin-bottom:3rem}.flow-steps{grid-template-columns:1fr;gap:1rem}.flow-step{padding:1.5rem;flex-direction:row;align-items:center;text-align:left}.step-number{margin-right:1rem;margin-bottom:0;font-size:1.2rem;min-width:40px;height:40px;line-height:40px}.step-icon{margin-right:1rem;margin-bottom:0;font-size:2rem}.step-content h4{font-size:1.1rem;margin-bottom:.25rem}.step-content p{font-size:.9rem}.tech-integration{padding:3rem 0}.integration-diagram{height:400px;margin-top:2rem}.central-hub{width:120px;height:120px}.hub-title{font-size:.9rem;line-height:1.2}.hub-stats{margin-top:.5rem}.stat-value{font-size:.8rem}.stat-label{font-size:.7rem}.integration-point{width:80px;height:80px}.point-title{font-size:.8rem}.services{padding:4rem 0}.services-grid{grid-template-columns:1fr;gap:1.5rem}.main-services-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.main-service-card{padding:2rem 1.5rem}.main-service-icon{font-size:2.5rem}.main-service-card h3{font-size:1.3rem}.main-service-card p{font-size:.95rem}.feature-tag{font-size:.8rem;padding:.4rem .8rem}.service-card-modern{border-radius:15px}.service-content{padding:1.5rem}.service-icon-modern{font-size:2.5rem;margin-bottom:1rem}.service-title-modern{font-size:1.2rem;margin-bottom:.5rem}.service-category-modern{font-size:.85rem;margin-bottom:1rem}.service-description-modern{font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.service-features-modern li{font-size:.85rem;margin-bottom:.4rem}.about{padding:4rem 0}.about-content{gap:3rem}.about-subtitle{font-size:1.2rem}.about-description{font-size:.95rem;line-height:1.6;margin-bottom:2rem}.about-highlights{grid-template-columns:1fr;gap:1.5rem}.highlight-item{padding:1.5rem;text-align:center}.highlight-icon{font-size:2.5rem;margin-bottom:1rem}.highlight-content h4{font-size:1.1rem;margin-bottom:.5rem}.highlight-content p{font-size:.9rem}.about-floating-stats{position:relative;display:flex;justify-content:center;gap:1rem;margin-top:2rem}.floating-stat{position:relative;transform:none;background:rgba(255,255,255,.9);padding:1rem;border-radius:10px;text-align:center;min-width:80px}.contact{padding:4rem 0}.contact-methods{grid-template-columns:1fr;gap:1.5rem}.contact-method{padding:1.5rem;text-align:center}.method-icon{font-size:2.5rem;margin-bottom:1rem}.smart-footer{padding:3rem 0 2rem}.smart-footer-content{grid-template-columns:1fr;gap:2rem}.smart-logo-container{justify-content:center;text-align:center}.smart-logo{height:60px}.brand-text-smart h2{font-size:1.5rem}.smart-capabilities{justify-content:center}.capability-badge{padding:.5rem 1rem;font-size:.8rem}.smart-solutions-grid{grid-template-columns:1fr;gap:2rem}.solution-pillar{padding:1.5rem;text-align:center}.pillar-icon{font-size:2.5rem;margin-bottom:1rem}.smart-contact-methods{flex-direction:column;gap:1rem}.smart-contact-btn{padding:1rem;text-align:center}.footer-bottom-content-smart{flex-direction:column;text-align:center;gap:1.5rem}}@media (max-width: 480px){.container{padding:0 15px}.hero-title{font-size:1.8rem;line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.4}.hero-description{font-size:.9rem;line-height:1.5}.section-title{font-size:1.6rem;line-height:1.3}.section-description{font-size:.9rem;line-height:1.5}.navbar{padding:.5rem 0}.logo{height:30px}.company-name{font-size:1rem}.mobile-menu-btn{width:32px;height:32px}.hero{padding:5rem 0 3rem}.hero-content{gap:2rem}.hero-features{margin-top:1.5rem}.feature-item{padding:1.25rem}.feature-icon{font-size:2rem}.feature-text h4{font-size:1rem}.feature-text p{font-size:.85rem}.floating-lottie-cards{transform:scale(.7);height:350px}.lottie-card{padding:.5rem;border-radius:10px}.card-title{font-size:.7rem}.card-icon{font-size:1rem}.business-solutions,.services,.about,.contact{padding:3rem 0}.section-header{margin-bottom:2rem}.flow-step{padding:1.25rem}.step-number{min-width:35px;height:35px;line-height:35px;font-size:1rem}.step-icon{font-size:1.8rem}.integration-diagram{height:350px}.central-hub{width:100px;height:100px}.hub-title{font-size:.8rem}.integration-point{width:70px;height:70px}.point-title{font-size:.7rem}.service-content{padding:1.25rem}.service-icon-modern{font-size:2rem}.service-title-modern{font-size:1.1rem}.service-description-modern{font-size:.85rem}.service-features-modern li{font-size:.8rem}.main-service-card{padding:1.5rem 1rem}.main-service-icon{font-size:2rem}.main-service-card h3{font-size:1.2rem}.main-service-card p{font-size:.9rem}.about-content{gap:2rem}.highlight-item{padding:1.25rem}.highlight-icon{font-size:2rem}.smart-footer{padding:2.5rem 0 1.5rem}.smart-logo{height:50px}.brand-text-smart h2{font-size:1.3rem}.capability-badge{padding:.4rem .8rem;font-size:.75rem}.solution-pillar{padding:1.25rem}.pillar-icon{font-size:2rem}}@media (max-width: 360px){.container{padding:0 10px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.95rem}.hero-description{font-size:.85rem}.section-title{font-size:1.4rem}.floating-lottie-cards{transform:scale(.6);height:300px}.integration-diagram{height:300px}.central-hub{width:80px;height:80px}.integration-point{width:60px;height:60px}}@media (max-height: 500px) and (orientation: landscape){.hero{padding:3rem 0 2rem;min-height:100vh}.hero-content{gap:1.5rem}.floating-lottie-cards{height:250px;transform:scale(.6)}.integration-diagram{height:250px}}.service-card-modern{background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,rgba(248,252,255,.8) 50%,rgba(240,248,255,.85) 100%);border-radius:20px;overflow:hidden;transition:all .4s ease;border:1px solid rgba(29,152,183,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;color:#2c3e50;box-shadow:0 8px 32px #1d98b71a}.service-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1d98b726,0 0 30px #1d98b71a;border-color:#1d98b74d;background:linear-gradient(145deg,rgba(255,255,255,.95) 0%,rgba(240,248,255,.9) 50%,rgba(235,245,255,.9) 100%)}.service-card-inner{position:relative;height:100%}.service-gradient{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1D98B7 0%,#51E3FF 50%,#51A603 100%);opacity:.8}.service-content{padding:2rem;height:100%;display:flex;flex-direction:column}.service-icon-modern{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));background:linear-gradient(45deg,#1D98B7,#51A603);-webkit-background-clip:text;background-clip:text;color:transparent;animation:iconGlow 2s ease-in-out infinite alternate}.service-title-modern{font-size:1.4rem;font-weight:700;color:#1d98b7;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.service-category-modern{color:#51a603;font-size:.9rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.service-description-modern{color:#2c3e50;line-height:1.6;margin-bottom:1.5rem;flex-grow:1;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.1)}.service-features-modern{list-style:none;padding:0;margin-bottom:1.5rem}.service-features-modern li{display:flex;align-items:center;margin-bottom:.5rem;color:#2c3e50;font-size:.9rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.feature-dot{width:6px;height:6px;background:#51A603;border-radius:50%;margin-right:.75rem;flex-shrink:0;box-shadow:0 0 8px #51a6034d}.service-action{margin-top:auto}.service-btn{background:linear-gradient(135deg,#1D98B7,#51A603);color:#fffffffa;border:1px solid rgba(29,152,183,.3);padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px #1d98b740;position:relative;overflow:hidden}.service-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.service-btn:hover:before{left:100%}.service-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1d98b74d,0 0 20px #1d98b733;background:linear-gradient(135deg,#51A603,#1D98B7);border-color:#1d98b766}@media (max-width: 768px){.main-services-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.main-service-card{padding:2rem}.main-service-icon{font-size:2.5rem}.feature-tag{font-size:.8rem;padding:.4rem .8rem}}