.hero{background:var(--gradient);box-sizing:border-box;align-items:center;width:100%;min-height:auto;padding:50px 0 70px;animation:1s forwards fadeUpAnimation;display:flex;position:relative;overflow:hidden}.hero-container{width:100%;max-width:var(--container-max-width,1400px);padding:0 var(--container-padding,5%);box-sizing:border-box;justify-content:space-between;align-items:center;gap:40px;margin:0 auto;display:flex}.hero-text{flex:1}.tagline{color:var(--primary);letter-spacing:1px;margin-bottom:15px;font-size:14px;font-weight:600;animation:.8s forwards slideInLeft}.hero-text h1{color:#1f068d;font-size:55px;font-weight:800;line-height:1.2}.hero-text h1 span{background:var(--gradient2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.typewriter{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;position:relative}.cursor{color:var(--primary);animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.desc{color:gray;max-width:520px;margin-top:18px;font-size:15px}.hero-points{margin-top:20px;padding-left:0;list-style:none}.hero-points li{color:#e8f8f5;margin-bottom:10px;font-size:14px;font-weight:500}.hero-buttons{align-items:center;gap:25px;margin-top:35px;display:flex}.btn-main{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px 30px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-main:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-main:hover:before{left:100%}.btn-main:hover{transform:translateY(-2px);box-shadow:0 5px 15px #11988e66}.watch{align-items:center;gap:12px;display:flex}.play-btn{background:var(--section-bg);width:55px;height:55px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;font-size:18px;transition:all .3s;animation:2s infinite pulse}.play-btn:hover{background:var(--gradient);color:#fff;transform:scale(1.1)}.watch h4{margin:0;font-size:14px;font-weight:600}.watch p{color:gray;margin:0;font-size:13px}.hero-image{flex:1;justify-content:center;display:flex}.hero-image img{width:460px;max-width:100%}@media (max-width:900px){.hero-container{text-align:center;flex-direction:column;gap:40px}.hero-text h1{font-size:38px}.hero-buttons{flex-direction:column}.hero-points{text-align:left;max-width:350px;margin:auto}}.services{width:100%;padding:80px 0}.services-container{justify-content:center;gap:25px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.service-card{text-align:center;opacity:0;background:#fff;border:1px solid #0000000d;border-radius:20px;flex:1;max-width:350px;padding:40px 30px;transition:all .3s;animation:.8s forwards bounceIn;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f}.service-card:after{content:"";width:0%;height:4px;transition:all .3s;position:absolute;bottom:0;left:0}.service-card:hover:after{width:100%}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto auto 20px;display:flex}.icon-circle img{width:45px}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.service-card:nth-child(6){animation-delay:.6s}.service-card:nth-child(7){animation-delay:.7s}.service-card:nth-child(8){animation-delay:.8s}.support-title{text-align:center;margin-bottom:10px;font-size:38px;font-weight:800}.support-title span{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.support-subtitle{text-align:center;color:gray;max-width:750px;margin:auto auto 50px;font-size:14px}.services-container{grid-template-columns:repeat(4,1fr);gap:25px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.service-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:20px;padding:40px 25px;transition:all .3s;box-shadow:0 8px 20px #0000000a}.service-card:hover{border-color:var(--primary);transform:translateY(-10px)rotate(1deg);box-shadow:0 20px 40px #11988e33}.icon-circle{background:var(--gradient);border-radius:50%;justify-content:center;align-items:center;width:41px;height:41px;margin:auto auto 15px;transition:all .3s;display:flex}.service-card:hover .icon-circle{transform:scale(1.1)rotate(360deg)}.service-card h3{margin-bottom:12px;font-size:16px;font-weight:700}.service-card p{color:gray;font-size:13px;line-height:1.5}@media (max-width:1000px){.services-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.services-container{grid-template-columns:1fr}}.about-company{background:#f9fcff;width:100%;padding:100px 0}.about-container{justify-content:space-between;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.about-image{flex:1;justify-content:center;display:flex}.about-image img{width:480px;max-width:100%}.about-content{flex:1}.about-tag{color:var(--primary);margin-bottom:10px;font-size:13px;font-weight:700}.about-content h2{color:#111;margin-bottom:20px;font-size:42px;font-weight:800;line-height:1.3}.about-desc{color:gray;margin-bottom:25px;font-size:15px;line-height:1.7}.about-points{margin-bottom:30px;padding:0;list-style:none}.about-points li{color:#222;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.about-points li:before{content:"✔";color:#fff;background:#6c4eff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.about-btn{background:var(--gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.about-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.about-btn:hover:before{left:100%}.about-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #11988e66}@media (max-width:900px){.about-container{text-align:center;flex-direction:column}.about-content h2{font-size:32px}.about-points li{justify-content:center}}.features{text-align:center;background:#fff;width:100%;padding:90px 0}.feature-title{margin-bottom:10px;font-size:34px;font-weight:800}.feature-title span{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.feature-subtitle{color:gray;max-width:600px;margin:auto auto 60px;font-size:14px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:45px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.feature-box h3{margin:20px 0 10px;font-size:16px;font-weight:700}.feature-box p{color:gray;font-size:13px;line-height:1.5}.diamond{border:2px solid var(--primary);justify-content:center;align-items:center;width:65px;height:65px;margin:auto;transition:all .3s;display:flex;transform:rotate(45deg)}.diamond i{color:var(--primary);font-size:20px;transform:rotate(-45deg)}.feature-box:hover .diamond{border-color:var(--secondary);transform:rotate(45deg)scale(1.1)}.feature-box:hover .diamond i{color:var(--secondary)}@media (max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.feature-grid{grid-template-columns:1fr}}.onsite-support{background:#f8fbff;width:100%;padding:0}.onsite-header{background:var(--gradient);color:#fff;padding:60px 80px}.onsite-header h2{margin-bottom:8px;font-size:30px;font-weight:800}.onsite-header p{opacity:.9;font-size:14px}.onsite-cards{grid-template-columns:repeat(3,1fr);gap:25px;width:100%;max-width:1200px;margin:40px auto 0;padding:0 20px 80px;display:grid}.onsite-card{text-align:center;background:#fff;border-radius:14px;padding:50px 25px;transition:all .3s;box-shadow:0 5px 18px #00000014}.onsite-card:hover{transform:translateY(-10px);box-shadow:0 12px 28px #00000026}.onsite-card.active{background:var(--section-bg);border:2px solid var(--primary)}.onsite-icon{color:var(--primary);margin-bottom:18px;font-size:42px}.onsite-card h3{margin-bottom:12px;font-size:18px;font-weight:700}.onsite-card p{color:gray;font-size:13px;line-height:1.6}@media (max-width:900px){.onsite-header{text-align:center;padding:40px 20px}.onsite-cards{grid-template-columns:1fr;margin-top:25px}}.work-process{text-align:center;background:linear-gradient(90deg,#f8fbff,#fdf7ff);width:100%;padding:100px 0;position:relative}.process-tag{color:var(--primary);margin-bottom:10px;font-size:13px;font-weight:700}.process-title{margin-bottom:70px;font-size:42px;font-weight:800}.process-title span{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.process-steps{grid-template-columns:repeat(4,1fr);gap:25px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;position:relative}.process-steps:before{content:"";border-top:2px dashed var(--primary);opacity:.5;width:80%;height:2px;position:absolute;top:-30px;left:10%}.process-card{background:#fff;border-radius:15px;padding:40px 20px;transition:all .3s;box-shadow:0 6px 18px #00000014}.process-card.middle{margin-top:30px}@media (max-width:1000px){.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps:before{display:none}}@media (max-width:600px){.process-steps{grid-template-columns:1fr}}.bubble{opacity:.7;border-radius:50%;animation:6s ease-in-out infinite floatBubble;position:absolute}.bubble1{background:var(--primary);width:14px;height:14px;top:20%;left:10%}.bubble2{background:var(--secondary);width:10px;height:10px;animation-duration:8s;top:60%;left:25%}.bubble3{background:#ff4fd8;width:18px;height:18px;animation-duration:10s;top:30%;right:15%}.bubble4{background:var(--primary);width:12px;height:12px;animation-duration:7s;bottom:20%;right:25%}.bubble5{background:var(--secondary);width:8px;height:8px;animation-duration:9s;bottom:40%;left:50%}@keyframes floatBubble{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-30px)translate(15px)}to{transform:translateY(0)translate(0)}}.hero{position:relative;overflow:hidden}.bubble{opacity:.6;border-radius:50%;animation:ease-in infinite float-up;position:absolute;bottom:-100px}@keyframes float-up{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-120vh)translateX(var(--drift));opacity:0}}.bubble:first-child{--drift:100px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:80px;height:80px;animation-duration:15s;animation-delay:0s;left:5%}.bubble:nth-child(2){--drift:-80px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);width:60px;height:60px;animation-duration:18s;animation-delay:2s;left:15%}.bubble:nth-child(3){--drift:120px;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:50px;height:50px;animation-duration:20s;animation-delay:4s;left:25%}.bubble:nth-child(4){--drift:-100px;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);width:70px;height:70px;animation-duration:16s;animation-delay:1s;left:35%}.bubble:nth-child(5){--drift:90px;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);width:55px;height:55px;animation-duration:19s;animation-delay:3s;left:45%}.bubble:nth-child(6){--drift:-110px;background:linear-gradient(135deg,#30cfd0 0%,#330867 100%);width:65px;height:65px;animation-duration:17s;animation-delay:5s;left:55%}.bubble:nth-child(7){--drift:80px;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);width:45px;height:45px;animation-duration:21s;animation-delay:2s;left:65%}.bubble:nth-child(8){--drift:-90px;background:linear-gradient(135deg,#ff9a56 0%,#ff6a88 100%);width:75px;height:75px;animation-duration:18s;animation-delay:4s;left:75%}.bubble:nth-child(9){--drift:110px;background:linear-gradient(135deg,#2193b0 0%,#6dd5ed 100%);width:52px;height:52px;animation-duration:19s;animation-delay:1s;left:85%}.bubble:nth-child(10){--drift:-70px;background:linear-gradient(135deg,#fbc74c 0%,#ff7e5f 100%);width:68px;height:68px;animation-duration:17s;animation-delay:6s;left:10%}.bubble:nth-child(11){--drift:95px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:58px;height:58px;animation-duration:20s;animation-delay:3s;left:30%}.bubble:nth-child(12){--drift:-85px;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);width:48px;height:48px;animation-duration:16s;animation-delay:5s;left:50%}.bubble:nth-child(13){--drift:105px;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:72px;height:72px;animation-duration:19s;animation-delay:2s;left:70%}.bubble:nth-child(14){--drift:-95px;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);width:62px;height:62px;animation-duration:18s;animation-delay:4s;left:20%}.bubble:nth-child(15){--drift:85px;background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);width:54px;height:54px;animation-duration:21s;animation-delay:6s;left:80%}@keyframes fadeUpAnimation{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:1s forwards fadeUpAnimation}.animate-delay-1{animation-delay:.2s}.animate-delay-2{animation-delay:.4s}.animate-delay-3{animation-delay:.6s}.animate-delay-4{animation-delay:.8s}.animate-delay-5{animation-delay:1s}.animate-delay-6{animation-delay:1.2s}.animate-delay-7{animation-delay:1.4s}.animate-delay-8{animation-delay:1.6s}.animate-delay-9{animation-delay:1.8s}.animate-delay-10{animation-delay:2s}.fade-delay-4{animation-delay:1.4s}.fade-delay-5{animation-delay:1.8s}@keyframes fadePremium{to{opacity:1;transform:translateY(0)scale(1)}}.fade-section{opacity:0;animation:1s forwards fadeUp;transform:translateY(60px)}.fade-delay-1{animation-delay:.3s}.fade-delay-2{animation-delay:.6s}.fade-delay-3{animation-delay:.9s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-image img{width:100%;max-width:520px;animation:3s ease-in-out infinite floatImage}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (max-width:600px){.service-card{max-width:95%;margin:auto;padding:25px 18px}.service-card h3{font-size:17px}.service-card p{font-size:13px;line-height:1.5}}.work-process{text-align:center;background:linear-gradient(#f9fcff,#eef8ff);padding:90px 20px;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.process-tag{color:#5a4cff;letter-spacing:2px;font-size:13px;font-weight:600}.process-title{margin:10px 0 80px;font-size:42px;font-weight:800}.process-title span{color:#5a4cff}.process-steps{justify-content:center;gap:35px;display:flex;position:relative}.process-steps:before{content:"";opacity:.7;border-top:3px dashed #6c63ff;border-radius:50%;width:84%;height:150px;position:absolute;top:85px;left:8%}.process-card{z-index:2;background:#fff;border-radius:18px;width:240px;padding:35px 20px;transition:all .4s;box-shadow:0 12px 25px #00000014}.process-card.up{transform:translateY(-25px)}.process-card.down{transform:translateY(25px)}.process-card:hover{transform:translateY(-15px)}.process-card img{width:60px;margin-bottom:20px}.process-card h3{margin-bottom:10px;font-size:18px;font-weight:700}.process-card p{color:gray;font-size:13px;line-height:1.5}.floating-dot{opacity:.8;border-radius:50%;position:absolute}.dot1{background:#ff4fd8;width:12px;height:12px;top:20%;left:15%}.dot2{background:#5a4cff;width:15px;height:15px;top:40%;right:20%}.dot3{background:#00bfff;width:10px;height:10px;bottom:20%;left:50%}@media (max-width:992px){.process-steps{flex-wrap:wrap}.process-steps:before{display:none}.process-card.up,.process-card.down{transform:translateY(0)}}.hero{width:100%;min-height:100vh;padding:100px 0 80px;position:relative;overflow:visible}.services{z-index:1;padding:80px 0;position:relative}.services-container{grid-template-columns:repeat(4,1fr);align-items:start;gap:25px;max-width:1200px;margin:auto;padding:0 20px;display:grid}@media (max-width:992px){.services-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.services-container{grid-template-columns:1fr!important}.service-card{width:100%;height:auto}}.onsite-header{text-align:center;color:#fff;background:var(--gradient);margin-top:80px;padding:70px 8%}