.hero-section{flex-direction:column;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}@media (width>=768px){.hero-section{padding-top:0}}.hero-container{align-items:center;min-height:calc(100vh - 80px);padding:0;display:flex}.hero-content-side{z-index:6;flex-direction:column;justify-content:center;width:50%;margin-right:32px;padding:72px 32px;display:flex;position:relative}@media (width>=768px){.hero-content-side{padding:72px 48px}}.hero-image-side{width:50%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.hero-bg-image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-gradient-overlay{background:linear-gradient(to top right,#0009,#0000004d,#0000);position:absolute;inset:0}.hero-mobile-overlay{backdrop-filter:blur(4px);z-index:5;background:#0000004d;border-radius:0;position:absolute;inset:0}@media (width>=768px){.hero-mobile-overlay{display:none}}.hero-text-content{position:relative}.hero-tagline{color:var(--color-blue-700);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:.9rem;font-weight:500}.hero-heading{color:var(--color-white);text-align:left;justify-content:flex-start;margin-bottom:48px;font-size:clamp(38px,5.2vw,68px);font-weight:900;line-height:1.2}.hero-highlight{background:linear-gradient(135deg, var(--color-blue-900), var(--color-cyan-300));-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{color:var(--color-gray-300);max-width:520px;margin-bottom:32px;font-size:1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:24px;display:flex}.hero-btn-primary{background:linear-gradient(135deg, var(--color-blue-500), var(--color-cyan-500));color:var(--color-white);border:1px solid var(--color-blue-900);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:14px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.hero-btn-primary span{z-index:2;position:relative}.hero-btn-primary:before{content:"";background:var(--color-black);z-index:1;border-radius:999px;transition:transform .6s ease-in-out;position:absolute;inset:0;transform:translate(-100%)}.hero-btn-primary:hover:before{transform:translate(0)}.hero-btn-outline{color:var(--color-white);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;padding:14px 32px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .3s;display:inline-flex}.hero-btn-outline:hover{background:#ffffff1a}.hero-slide{position:relative}.hero-slide-transition{animation:1.5s forwards heroTextIn}.hero-image-transition{animation:1.5s forwards heroImageIn}.slide-enter{animation:1.5s forwards slideEnter}@keyframes slideEnter{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-stagger-h1{animation:.8s .6s both staggerIn}.hero-stagger-p{animation:.8s .9s both staggerIn}.hero-stagger-buttons{animation:.8s 1.2s both staggerIn}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-image-enter{animation:1.5s forwards heroImageZoom}@keyframes heroImageZoom{0%{opacity:0;transform:translate(50px)scale(1.1)}to{opacity:1;transform:translate(0)scale(1)}}.hero-text-exit{animation:1.5s forwards heroTextExit}@keyframes heroTextExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.hero-image-exit{animation:1.5s forwards heroImageExit}@keyframes heroImageExit{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-50px)scale(1.05)}}@media (width<=767px){.hero-section{padding-top:max(60px, env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);min-height:100dvh}.hero-container{flex-direction:column;flex:1;min-height:0}.hero-image-side{z-index:1;width:100%;height:100%;position:absolute}.hero-gradient-overlay{backdrop-filter:blur(2px);background:#00000080}.hero-content-side{z-index:10;flex:1;justify-content:center;width:100%;margin-right:0;padding:20px 24px}.hero-heading{text-align:center;margin-bottom:16px;font-size:clamp(28px,7vw,38px)}.hero-highlight{width:fit-content;display:inline-block}.hero-desc{text-align:center;max-width:100%;margin:0 auto 20px;font-size:.9rem}.hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:12px}.hero-btn-primary,.hero-btn-outline{width:100%;max-width:280px;padding:12px 24px;font-size:.9rem}.hero-slide{flex-direction:column;justify-content:center;display:flex}}@media (width>=768px) and (width<=1023px){.hero-content-side{width:55%;margin-right:0;padding:48px 32px}.hero-image-side{width:50%}.hero-heading{font-size:clamp(32px,4.5vw,48px)}}.features-section{background:var(--color-gray-50);color:var(--color-gray-900);padding:80px 0}.features-grid-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:24px;display:grid}.features-left{flex-direction:column;gap:24px;display:flex}.features-subtitle{color:var(--color-blue-500);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:.85rem;font-weight:600}.features-subtitle img{width:208px;height:auto;margin-top:8px;display:block}.features-title{color:var(--color-gray-900);font-size:2rem;font-weight:800;line-height:1.3}.features-stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;display:grid}.feature-stat-card{backdrop-filter:blur(8px);text-align:center;background:#fffc;border:1px solid #60a5fa33;border-radius:24px;padding:24px 20px;transition:all .5s;position:relative;overflow:hidden}.feature-stat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#60a5fa33,#93c5fd1a,#3b82f633);border-radius:24px;transition:opacity .5s;position:absolute;inset:0}.feature-stat-card:hover:before{opacity:1}.feature-stat-icon{object-fit:contain;z-index:1;width:56px;height:56px;margin:0 auto 12px;position:relative}.feature-stat-value{color:var(--color-blue-500);z-index:1;font-size:1.875rem;font-weight:700;position:relative}.feature-stat-title{color:var(--color-blue-400);z-index:1;margin-top:4px;font-size:.95rem;font-weight:600;position:relative}.feature-stat-text{color:var(--color-gray-500);z-index:1;margin-top:8px;font-size:.85rem;line-height:1.5;position:relative}.features-image-wrapper{position:relative}.features-image-border{border:2px solid var(--color-blue-500);z-index:0;border-radius:12px;width:100%;height:100%;position:absolute;top:24px;right:-24px}.features-image{z-index:1;border-radius:12px;width:100%;height:auto;position:relative;box-shadow:0 20px 60px #00000026}.features-image-wrapper:hover .features-image{transition:transform .3s;transform:scale(1.01)}@media (width<=768px){.features-grid-wrapper,.features-stats-grid{grid-template-columns:1fr}.features-title{font-size:1.5rem}}.services-section{background:var(--color-black);color:var(--color-white);padding:80px 0;position:relative;overflow:hidden}.services-subtitle{color:var(--color-blue-400);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:inline-block;position:relative}.services-subtitle img{width:200px;height:auto;margin-top:4px;display:block}.services-header{justify-content:center;margin-bottom:24px;display:flex;position:relative}.services-title{text-align:center;margin-bottom:48px;font-size:30px;font-weight:800;line-height:1.3}@media (width>=768px){.services-title{font-size:36px}}.services-title-highlight{background:linear-gradient(135deg, var(--color-blue-500), var(--color-blue-400));-webkit-text-fill-color:transparent;background-clip:text}.services-grid-layout{grid-template-columns:1fr auto 1fr;align-items:center;gap:48px;display:grid}.services-column{flex-direction:column;gap:32px;display:flex}.services-column-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.services-video-wrapper{border-radius:50%;width:328px;height:328px;margin-top:80px;overflow:hidden}.services-video-wrapper video{object-fit:cover;width:100%;height:100%}.services-card{text-align:center;cursor:pointer;color:inherit;background:0 0;border:1px solid #ffffff0f;border-radius:24px;padding:24px;text-decoration:none;transition:all .5s;display:block;position:relative;overflow:hidden}.services-card:hover{border-color:#3b82f64d;transform:scale(1.05)translateY(-5px);box-shadow:0 0 30px #3b82f64d,0 0 40px #60a5fa66}.services-card:before{content:"";opacity:0;background:linear-gradient(135deg,#60a5fa33,#93c5fd1a,#3b82f633);border-radius:24px;transition:opacity .5s;position:absolute;inset:0}.services-card:hover:before{opacity:1}.services-card-icon{object-fit:contain;z-index:1;width:60px;height:60px;margin:0 auto 16px;transition:transform .3s;position:relative}.services-card:hover .services-card-icon{transform:scale(1.1)}.services-card-title{z-index:1;margin-bottom:12px;font-size:1.125rem;font-weight:600;transition:color .3s;position:relative}.services-card:hover .services-card-title{color:var(--color-white)}.services-card-link{color:var(--color-blue-300);z-index:1;font-size:.875rem;text-decoration:none;transition:transform .3s;display:inline-block;position:relative}.services-card:hover .services-card-link{transform:translate(8px)}.services-bottom-row{grid-template-columns:1fr 1fr;gap:48px;max-width:896px;margin:64px auto 0;display:grid}@media (width<=767px){.services-grid-layout{grid-template-columns:1fr;gap:32px}.services-video-wrapper{width:200px;height:200px;margin-top:0}.services-bottom-row{grid-template-columns:1fr}}@media (width>=768px) and (width<=1023px){.services-grid-layout{grid-template-columns:1fr;gap:32px}.services-column{flex-direction:row;gap:24px}.services-card{flex:1}.services-video-wrapper{width:240px;height:240px;margin-top:0}.services-bottom-row{grid-template-columns:1fr 1fr;gap:24px}}.company-section-white{background:var(--color-white);color:var(--color-gray-900);padding:0}.company-grid{grid-template-columns:1fr 1fr;min-height:600px;display:grid;overflow:hidden}.company-left{z-index:10;flex-direction:column;justify-content:center;padding:48px;display:flex;position:relative}.company-subtitle{color:var(--color-blue-500);text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:inline-block;position:relative}.company-subtitle img{display:block}.company-title{color:var(--color-gray-900);margin:16px 0;font-size:2rem;font-weight:800;line-height:1.3}.company-desc{color:var(--color-gray-700);max-width:520px;margin-bottom:8px;font-size:.9rem;line-height:1.7}.company-desc-secondary{color:var(--color-gray-600);max-width:520px;margin-bottom:8px;font-size:.9rem;line-height:1.7}.company-vm-item{cursor:pointer;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.company-vm-icon{color:var(--color-blue-500);flex-shrink:0;margin-top:4px;font-size:1.5rem}.company-vm-label{color:var(--color-blue-500);margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.company-vm-text{color:var(--color-gray-600);font-size:.9rem;line-height:1.6}.company-right{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.company-right-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.company-right-overlay{z-index:2;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:transform 1.2s ease-in-out;position:absolute;top:0;left:0;transform:translate(-100%)}.company-right:hover .company-right-overlay{transform:translate(100%)}.company-right-image{z-index:1;object-fit:cover;border-radius:12px;width:60%;height:70%;position:relative}.company-badge{background:var(--color-blue-500);color:var(--color-white);text-align:center;z-index:3;border-radius:12px;width:144px;padding:16px 20px;font-size:.85rem;font-weight:600;line-height:1.3;position:absolute;bottom:40px;left:40px;box-shadow:0 4px 20px #3b82f64d}@media (width<=768px){.company-grid{grid-template-columns:1fr}.company-left{padding:48px 24px}}.whatwedo-section{background:var(--color-black);color:var(--color-white);background-image:url(/assets/image/ourcompany/8.jpg);background-position:50%;background-size:cover;padding:80px 40px;position:relative}.whatwedo-section:before{content:"";background:#0009;position:absolute;inset:0}.whatwedo-content{z-index:1;position:relative}.whatwedo-title{text-align:center;color:var(--color-blue-400);margin-bottom:8px;font-size:1.1rem;font-weight:600}.whatwedo-desc{text-align:center;color:var(--color-gray-300);max-width:700px;margin:0 auto 40px;font-size:.95rem;line-height:1.7}.whatwedo-grid{grid-template-columns:repeat(4,1fr);gap:32px;margin:0 48px;display:grid}.whatwedo-card{backdrop-filter:blur(8px);text-align:center;cursor:pointer;background:#0000004d;border:1px solid #fff6;border-radius:16px;padding:32px 20px;transition:all .3s;position:relative}.whatwedo-card:hover{transform:scale(1.05)}.whatwedo-card-icon{justify-content:center;margin-bottom:8px;display:flex}.whatwedo-card-icon svg,.whatwedo-card-icon span{color:#3b82f6cc;font-size:2rem;transition:transform .8s ease-in-out;display:inline-block}.whatwedo-card:hover .whatwedo-card-icon svg,.whatwedo-card:hover .whatwedo-card-icon span{transform:rotate(360deg)}.company-vm-icon svg{transition:transform .8s ease-in-out}.company-vm-item:hover .company-vm-icon svg{transform:rotate(360deg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.whatwedo-card-title{text-align:center;margin-bottom:16px;font-size:1.1rem;font-weight:700}.whatwedo-card-text{color:var(--color-gray-300);text-align:center;font-size:.85rem;line-height:1.6}.whatwedo-card-bar{background:var(--color-gray-700);border-radius:4px;width:90%;height:4px;position:absolute;top:-2px;left:5%;overflow:hidden}.whatwedo-card-bar-fill{background:var(--color-blue-500);border-radius:4px;width:60%;height:100%;transition:width 1s}@media (width<=767px){.whatwedo-grid{grid-template-columns:1fr;margin:0}}@media (width>=768px) and (width<=1023px){.whatwedo-grid{grid-template-columns:repeat(2,1fr);margin:0 24px}}.process-section{background:var(--color-gray-50)}.process-header{text-align:center;padding:48px 0}.process-subtitle{color:var(--color-blue-500);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;font-size:.85rem;font-weight:600;display:inline-block;position:relative}.process-subtitle-img{width:160px;height:auto;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width>=640px){.process-subtitle-img{width:200px}}.process-heading{color:var(--color-gray-900);text-align:center;margin-bottom:48px;font-size:1.875rem;font-weight:800}@media (width>=768px){.process-heading{font-size:2.25rem}}.process-grid-wrapper{background:var(--color-gray-50);border-radius:24px;margin:0;padding:48px 24px;position:relative}@media (width>=768px){.process-grid-wrapper{margin:0 48px;padding:48px}}.process-svg-line{pointer-events:none;width:100%;height:160px;display:none;position:absolute;top:-20px;left:0}@media (width>=768px) and (width<=1023px){.process-svg-line{display:none}}@media (width>=1024px){.process-svg-line{display:block}}.process-steps-grid{grid-template-columns:1fr;gap:48px;display:grid;position:relative}@media (width>=768px) and (width<=1023px){.process-steps-grid{grid-template-columns:repeat(2,1fr);gap:48px}}@media (width>=1024px){.process-steps-grid{grid-template-columns:repeat(4,1fr);gap:48px}}.process-step{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.process-step-number{color:#0000;-webkit-text-stroke:2px #0404041a;z-index:0;user-select:none;font-size:3.75rem;font-weight:800;position:absolute;top:-80px}@media (width>=768px){.process-step-number{font-size:4.5rem}}.process-step-icon{background:linear-gradient(135deg, var(--color-blue-500), var(--color-cyan-400));z-index:1;border:4px solid var(--color-white);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;animation:1.8s ease-in-out infinite processBounce;display:flex;position:relative;box-shadow:0 8px 24px #3b82f64d}.process-step-icon svg{width:28px;height:28px;color:var(--color-white)}.process-step-title{color:var(--color-gray-900);z-index:1;font-size:1.125rem;font-weight:600;position:relative}.process-step-desc{color:var(--color-gray-600);z-index:1;margin-top:8px;font-size:.875rem;line-height:1.625;position:relative}.testimonial-section{background:var(--color-gray-50);padding:80px 0;position:relative;overflow:hidden}.testimonial-label{color:var(--color-blue-500);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;font-size:.85rem;font-weight:600;display:inline-block;position:relative}.testimonial-label-img{width:160px;height:auto;display:block;position:absolute;top:100%;left:50%;transform:translate(-50%)}@media (width>=640px){.testimonial-label-img{width:200px}}.testimonial-header-left{text-align:center;flex:1}@media (width>=768px){.testimonial-header-left{text-align:center}}.testimonial-header{flex-direction:column;justify-content:space-between;margin-bottom:48px;display:flex}@media (width>=768px){.testimonial-header{flex-direction:row;align-items:center}}.testimonial-heading{color:var(--color-gray-900);font-size:1.875rem;font-weight:800}@media (width>=768px){.testimonial-heading{font-size:2.25rem}}.testimonial-arrows{flex-shrink:0;gap:12px;margin-top:16px;display:flex}@media (width>=768px){.testimonial-arrows{margin-top:0}}.testimonial-btn-prev{background:var(--color-white);width:40px;height:40px;color:var(--color-blue-500);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s;display:flex;box-shadow:0 2px 8px #00000014}.testimonial-btn-prev:hover{background:var(--color-gray-50)}.testimonial-btn-next{background:var(--color-blue-500);width:40px;height:40px;color:var(--color-white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:background .2s;display:flex;box-shadow:0 2px 8px #00000014}.testimonial-btn-next:hover{background:var(--color-blue-600)}.testimonial-carousel{overflow:hidden}.testimonial-slides{transition:transform .5s;display:flex}.testimonial-item{box-sizing:border-box;flex:0 0 100%;padding:0 8px}@media (width>=768px){.testimonial-item{flex:0 0 50%}}.testimonial-card{background:var(--color-white);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex;box-shadow:0 4px 20px #0000000f}@media (width>=768px){.testimonial-card{flex-direction:row}}.testimonial-avatar-wrap{flex-shrink:0;margin:0 auto;position:relative}@media (width>=768px){.testimonial-avatar-wrap{margin:0}}.testimonial-avatar{object-fit:cover;border-radius:50%;width:128px;height:128px}@media (width>=768px){.testimonial-avatar{width:160px;height:160px}}.testimonial-quote{background:var(--color-blue-500);width:32px;height:32px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-4px}.testimonial-quote svg{fill:currentColor;width:14px;height:14px}.testimonial-text-col{text-align:center}@media (width>=768px){.testimonial-text-col{text-align:left}}.testimonial-text{color:var(--color-gray-500);margin-bottom:16px;font-size:.9rem;line-height:1.7}.testimonial-name{color:var(--color-blue-500);font-size:1rem;font-weight:600}.testimonial-role{color:var(--color-gray-400);font-size:.875rem}.contact-section{background:var(--color-white);justify-content:center;width:100%;display:flex}.contact-grid{grid-template-columns:1fr;gap:48px;padding:48px 24px;display:grid;position:relative;overflow:hidden}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1fr;padding:48px}}.contact-heading{color:var(--color-gray-900);margin-bottom:24px;font-size:1.875rem;font-weight:700;line-height:1.375}@media (width>=768px){.contact-heading{font-size:2.25rem}}.contact-heading-highlight{color:var(--color-blue-400)}.contact-info{-webkit-backdrop-filter:blur(4px);background:#00000008;border-radius:12px;flex-direction:column;gap:24px;padding:24px;display:flex}.contact-info-item{align-items:flex-start;gap:16px;display:flex}.contact-info-icon{color:var(--color-blue-400);flex-shrink:0;margin-top:4px;font-size:1.5rem}.contact-info-title{color:var(--color-gray-900);margin-bottom:4px;font-weight:600}.contact-info-text{color:var(--color-gray-500);font-size:.875rem;line-height:1.5}.contact-form-wrap{padding:24px}.contact-form-title{color:var(--color-gray-900);text-align:center;margin-bottom:24px;font-size:1.25rem;font-weight:600}.contact-form{flex-direction:column;gap:16px;display:flex}.contact-input{border:1px solid var(--color-gray-300);width:100%;color:var(--color-gray-900);background:var(--color-white);border-radius:8px;outline:none;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.contact-input:focus{border-color:var(--color-blue-400);box-shadow:0 0 0 3px #60a5fa26}.contact-textarea{border:1px solid var(--color-gray-300);width:100%;color:var(--color-gray-900);background:var(--color-white);resize:vertical;border-radius:8px;outline:none;min-height:120px;padding:12px 16px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.contact-textarea:focus{border-color:var(--color-blue-400);box-shadow:0 0 0 3px #60a5fa26}.contact-btn{background:linear-gradient(135deg, var(--color-blue-500), var(--color-cyan-400));width:100%;color:var(--color-white);cursor:pointer;border:none;border-radius:9999px;padding:12px 24px;font-size:1rem;font-weight:500;transition:opacity .3s}.contact-btn:hover{opacity:.9}.marquee-section{background:var(--color-white);justify-content:center;width:100%;padding:48px 0;display:flex;overflow:hidden}.marquee-container{padding:0 48px;position:relative}.marquee-track{gap:64px;width:max-content;animation:20s linear infinite marquee;display:flex}.marquee-track:hover{animation-play-state:paused}.marquee-logo{object-fit:contain;width:80px;height:80px;transition:transform .3s}.marquee-logo:hover{transform:scale(1.2)}.underline-img{max-width:100%;height:auto;margin-top:8px;display:block}