@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@400;500;600;700&display=swap";:root{--color-primary-purple:#9013fe;--color-primary-red:#d0021b;--color-primary-blue:#0082c8;--color-primary-green:#3a9c40;--color-primary-orange:#f5a623;--color-bg-dark:#111;--color-bg-light:#fff;--color-text-light:#fff;--color-text-dark:#222;--color-text-gray:#aaa}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,Inter,sans-serif}body{background-color:var(--color-bg-light);color:var(--color-text-dark);overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.gradient-text{background:linear-gradient(90deg, var(--color-primary-orange), var(--color-primary-red), var(--color-primary-purple), var(--color-primary-blue), var(--color-primary-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(90deg, var(--color-primary-orange), var(--color-primary-red));color:#fff;cursor:pointer;border:none;border-radius:30px;padding:12px 24px;font-weight:600;transition:transform .3s}.btn-primary:hover{transform:scale(1.05)}.video-placeholder{color:#666;background-color:#f0f0f0;border:2px dashed #ccc;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}.companies-section{z-index:10;background-color:#fff;border-bottom:1px solid #eee;border-top-left-radius:30px;border-top-right-radius:30px;flex-direction:column;align-items:center;margin-top:-5rem;padding:4rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 -15px 40px #0000001a}.companies-title{letter-spacing:3px;color:#666;text-transform:uppercase;margin-bottom:3rem;font-family:Montserrat,sans-serif;font-size:.85rem;font-weight:700}.carousel-container{width:100%;position:relative;overflow:hidden}.carousel-container:before,.carousel-container:after{content:"";z-index:2;pointer-events:none;width:100px;height:100%;position:absolute;top:0}.carousel-container:before{background:linear-gradient(90deg,#fff 0%,#fff0 100%);left:0}.carousel-container:after{background:linear-gradient(270deg,#fff 0%,#fff0 100%);right:0}.carousel-track{align-items:center;width:max-content;animation:30s linear infinite scroll-left;display:flex}.carousel-track:hover{animation-play-state:paused}.carousel-slide{justify-content:center;align-items:center;padding:0 3rem;display:flex}.company-logo{object-fit:contain;filter:grayscale()opacity(.5);cursor:pointer;width:auto;max-width:180px;height:50px;transition:all .3s}.company-logo:hover{filter:grayscale(0%)opacity();transform:scale(1.05)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-section{background-color:#fff;padding:6rem 3rem;font-family:Montserrat,sans-serif;overflow:hidden}.about-content-new{flex-direction:row;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:flex}.about-text-column{flex-direction:column;flex:1;padding-right:2rem;display:flex}.about-title-wrapper{margin-bottom:1.5rem}.about-title{color:#111;letter-spacing:-1px;font-size:3.5rem;font-weight:800;line-height:1.1}.about-subtitle{color:#333;margin-bottom:1.5rem;font-size:1.4rem;font-weight:500;line-height:1.4}.about-description{color:var(--color-text-gray);text-align:justify;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.about-description strong{color:#111;font-weight:700}.about-stats-vertical{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.stat-item-row{align-items:center;gap:1.2rem;display:flex}.stat-icon-wrapper{justify-content:center;align-items:center;display:flex}.stat-icon-lucide{color:#ff3b00}.stat-text-wrapper{flex-direction:column;display:flex}.stat-number{color:#111;font-size:1.5rem;font-weight:800;line-height:1.2}.stat-label{color:#666;font-size:.95rem;line-height:1.2}.about-quote-container-new{margin-top:1rem}.about-quote-new{color:#ff3b00;font-size:1.6rem;font-style:italic;font-weight:600;line-height:1.3}.about-accordion-column{flex:1.5;justify-content:flex-end;align-items:center;height:600px;display:flex}.accordion-container{gap:10px;width:100%;height:100%;display:flex}.accordion-card{cursor:pointer;border-radius:20px;flex:1;height:100%;transition:flex .5s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.accordion-card.active{flex:5}.accordion-bg{width:100%;height:100%;position:absolute;top:0;left:0}.accordion-bg img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.accordion-card:hover .accordion-bg img{transform:scale(1.05)}.accordion-overlay{opacity:.7;background:linear-gradient(#0000 0%,#0003 50%,#000c 100%);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.accordion-card.active .accordion-overlay{opacity:.9}.accordion-content{color:#fff;opacity:0;pointer-events:none;width:100%;padding:2rem;transition:all .5s;position:absolute;bottom:0;left:0;transform:translateY(20px)}.accordion-card.active .accordion-content{opacity:1;transition-delay:.2s;transform:translateY(0)}.accordion-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.accordion-desc{color:#ddd;font-size:1rem;line-height:1.5}@media (width<=1024px){.about-content-new{flex-direction:column}.about-text-column{gap:3rem;padding:2rem 1rem}.about-text-column,.about-accordion-column{flex:100%;max-width:100%}.about-title{font-size:3rem}.about-accordion-column{width:100%;height:500px}.accordion-container{flex-direction:row}}@media (width<=768px){.about-title{font-size:2.5rem}.about-subtitle{font-size:1.5rem}.about-stats-vertical{align-items:center;gap:1.5rem}.stat-item-row{text-align:center;flex-direction:column}.about-accordion-column{height:400px}}.video-placeholder-section{background-color:#fff;justify-content:center;padding:0 3rem 6rem;display:flex}.video-container{border-radius:30px;width:100%;max-width:1400px;height:600px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.video-background{object-fit:cover;width:100%;height:100%;transition:transform .5s}.video-container:hover .video-background{transform:scale(1.02)}.video-overlay{text-align:center;background-color:#0000004d;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-title{color:#fff;margin-bottom:1.5rem;font-family:Montserrat,sans-serif;font-size:4rem;font-weight:500}.video-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50px;padding:.8rem 2.5rem;font-family:Montserrat,sans-serif;font-size:1.2rem;transition:all .3s}.video-button:hover{color:#111;background-color:#fff}@media (width<=768px){.video-placeholder-section{padding:0 1.5rem 4rem}.video-container{border-radius:20px;height:400px}.video-title{font-size:2.5rem}.video-button{padding:.6rem 2rem;font-size:1rem}}.clients-section{background-color:#fff;justify-content:center;align-items:center;min-height:400px;padding:4rem 0;display:flex;position:relative;overflow:hidden}.clients-container{flex-direction:column;justify-content:center;gap:3rem;width:100%;display:flex;position:relative}.clients-track-wrapper{flex-direction:column;gap:4rem;width:100%;display:flex;overflow:hidden}.clients-track{align-items:center;gap:4rem;width:max-content;display:flex}.track-left{animation:40s linear infinite scrollLeft}.track-right{animation:40s linear infinite scrollRight}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-33.33%)}}@keyframes scrollRight{0%{transform:translate(-33.33%)}to{transform:translate(0)}}.client-logo-placeholder{opacity:.9;justify-content:center;align-items:center;width:160px;height:80px;transition:opacity .3s,transform .3s;display:flex}.client-logo-placeholder:hover{opacity:1;transform:scale(1.1)}.client-logo-img{object-fit:contain;width:auto;max-width:140px;height:auto;max-height:60px}@media (width<=768px){.clients-center-circle{width:200px;height:200px}.clients-title{font-size:1.5rem}.client-logo-placeholder{width:120px;height:60px}.client-logo-img{max-width:100px;max-height:40px}}.client-logo-text{color:#555;text-transform:uppercase;letter-spacing:-.5px;white-space:nowrap;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:800}.clients-circle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background-color:#fff6;border:1px solid #c8c8c880;border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ffffffb3}.clients-circle h2{color:#333;text-align:center;font-family:Montserrat,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.2}@media (width<=768px){.clients-circle{width:200px;height:200px}.clients-circle h2{font-size:1.5rem}.client-logo-img{height:40px}.client-logo-text{font-size:1.2rem}}.sidebar-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0006;width:100vw;height:100vh;transition:opacity .4s;position:fixed;top:0;left:0}.sidebar-overlay.open{opacity:1;pointer-events:all}.contact-sidebar{color:#fff;z-index:1001;background:#001a33;flex-direction:column;width:400px;max-width:90vw;height:100vh;padding:3rem;transition:transform .5s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.contact-sidebar.open{transform:translate(0)}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;margin-bottom:4rem;font-family:inherit;transition:opacity .3s;display:flex}.close-btn:hover{opacity:.7}.sidebar-content{flex-direction:column;gap:3rem;display:flex}.sidebar-logo{filter:brightness(0)invert();align-self:flex-start;width:auto;height:60px}.sidebar-title{letter-spacing:-1px;font-size:3rem;font-weight:500;line-height:1.1}.sidebar-info{flex-direction:column;gap:1.5rem;font-weight:300;display:flex}.sidebar-email{color:#fff;font-size:1.1rem;transition:color .3s}.sidebar-email:hover{color:var(--color-primary-orange)}.sidebar-address{color:#ccc;font-size:.95rem;line-height:1.6}.preloader-overlay{z-index:9999;background-color:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.preloader-overlay.fade-out{opacity:0;pointer-events:none}.preloader-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.preloader-logo{object-fit:contain;width:auto;height:180px}.preloader-progress{color:#333;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:500}.app-container{width:100%}.header{z-index:1000;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 3rem;display:flex;position:fixed;top:0;left:0}.header-left{flex:1;align-items:center;gap:1.5rem;display:flex}.social-icons{cursor:pointer;gap:1rem;font-size:1.2rem;display:flex}.lang-toggle{background:#eee;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.lang-toggle span{cursor:pointer;padding:.3rem .6rem}.lang-toggle span.active{background:#fff;border-radius:20px;box-shadow:0 0 5px #0000001a}.header-center{background:#000;border-radius:50px;align-items:center;gap:2rem;padding:.5rem 2rem .5rem .5rem;display:flex;box-shadow:0 4px 15px #0000004d}.mobile-menu-btn{display:none}.logo-container{justify-content:center;align-items:center;display:flex}.logo{object-fit:contain;filter:brightness(0)invert();width:auto;height:40px}.nav-menu{align-items:center;gap:1.5rem;display:flex}.nav-menu a{color:#fff;font-size:.9rem;font-weight:500;transition:opacity .3s}.nav-menu a:hover{opacity:.7}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}.status-indicator{color:#666;align-items:center;gap:.5rem;font-size:.9rem;display:flex}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #32d74bb3}70%{transform:scale(1);box-shadow:0 0 0 6px #32d74b00}to{transform:scale(.95);box-shadow:0 0 #32d74b00}}.dot{background-color:#32d74b;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}.email-box{color:#333;border:1px solid #ccc;border-radius:20px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;display:flex}.contact-link{border:1px solid var(--color-primary-orange);border-radius:20px;padding:.5rem 1rem;color:var(--color-primary-orange)!important}.contact-link:hover{background:var(--color-primary-orange);color:#fff!important}.menu-toggle{color:#000;cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:80px 2rem 0;display:flex}.hero-title{color:var(--color-text-dark);margin-bottom:1.5rem;font-size:5rem;font-weight:700;line-height:1.1}.hero-subtitle{max-width:600px;color:var(--color-text-gray);margin:0 auto;font-size:1.5rem;line-height:1.6}.featured-projects{padding:4rem 2rem}.project-slide{align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:flex}.project-slide.reverse{flex-direction:row-reverse}.video-container{aspect-ratio:16/9;border-radius:12px;flex:1.5;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.project-image{object-fit:cover;width:100%;height:100%}.project-info{flex-direction:column;flex:1;align-items:flex-start;gap:1.5rem;display:flex}.project-title{font-size:3rem;line-height:1.2}.project-meta{gap:2rem;margin-bottom:1rem;display:flex}.featured-projects.company-variant{max-width:100%;padding-left:2rem;padding-right:2rem}.company-slide{justify-content:center;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}.company-info{flex:1;max-width:600px}.company-info .project-description{text-align:justify}.company-image-container{background:0 0;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;box-shadow:none!important;border-radius:0!important}.project-image.no-border{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:750px;box-shadow:none;border-radius:0;display:block}.meta-item{flex-direction:column;display:flex}.meta-label{text-transform:uppercase;color:var(--color-text-gray);margin-bottom:.2rem;font-size:.8rem;font-weight:600}.meta-value{font-size:1.2rem;font-weight:500}.project-description{color:var(--color-text-gray);text-align:justify;margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.btn-outline{color:#000;cursor:pointer;background:0 0;border:2px solid #000;border-radius:30px;padding:10px 24px;font-weight:600;transition:all .3s}.btn-outline:hover{color:#fff;background:#000}.footer{color:#fff;text-align:center;background:#000;padding:4rem 2rem 2rem}.footer-content h2{color:#fff;margin-bottom:1rem;font-size:2.5rem}.footer-content p{color:#aaa;font-size:1.2rem}.footer-bottom{color:#888;border-top:1px solid #333;margin-top:4rem;padding-top:2rem;font-size:.9rem}@media (width<=900px){.project-slide,.project-slide.reverse{flex-direction:column;gap:2rem}.hero-title{font-size:3.5rem}}@media (width<=768px){.menu-toggle{display:block}.mobile-menu-btn{display:none}.nav-menu{z-index:999;background:#000;flex-direction:column;width:250px;height:100vh;padding:6rem 2rem 2rem;transition:left .3s ease-in-out;position:fixed;top:0;left:-100%;right:auto;box-shadow:5px 0 15px #0000001a}.nav-menu.open{left:0}.nav-menu a{color:#fff}.header-left{display:none}.header{flex-flow:wrap;justify-content:flex-start;gap:1rem;padding:1.5rem}.header-center{display:contents}.logo-container{order:4;margin-left:auto}.mobile-menu-btn{color:#000;cursor:pointer;z-index:1000;background:0 0;border:none;order:1;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.header-right{order:2;align-items:center;gap:.5rem;width:auto;display:flex}.email-text{display:none}.email-box{border-radius:50%;width:35px;height:35px;padding:0}.status-indicator{padding:.5rem}.lang-toggle{order:3}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.company-slide{text-align:left;flex-direction:column;gap:2rem}.company-info{order:1;align-items:flex-start}.company-info .project-description{text-align:justify}.company-image-container{order:2;justify-content:center;align-items:center;width:100%;display:flex}.project-image.no-border{object-fit:unset;width:auto;max-width:100%;display:block;height:auto!important;max-height:none!important}.project-meta{justify-content:flex-start}.footer{padding:2rem 1rem}.footer-content h2{font-size:2rem}}@media (width<=1024px){.hero-content h1{font-size:4rem}.company-slide{gap:2rem}}