@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@400,500,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap";:root{--font-logo: "Orbitron", sans-serif;--font-heading: "Clash Display", sans-serif;--font-body: "Satoshi", sans-serif;--color-background: #0a0a0a;--color-text: #e0e0e0;--color-primary: #ffffff;--color-accent: #00ff99;--color-dark-gray: #1a1a1a;--color-light-gray: #333333;--container-width: 1200px;--container-padding: 2rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.cta-button{display:inline-block;padding:.8rem 2rem;background-color:var(--color-primary);color:var(--color-background);font-family:var(--font-heading);font-weight:500;text-transform:uppercase;letter-spacing:1px;border-radius:50px;transition:all .3s ease}.cta-button:hover{background-color:var(--color-accent);color:var(--color-background);transform:scale(1.05)}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}.top-popup{background-color:var(--color-accent);color:var(--color-background);text-align:center;padding:.5rem;font-family:var(--font-body);font-weight:500;font-size:.9rem;position:sticky;top:0;z-index:1000}.mobile-menu-overlay{position:fixed;top:0;right:0;width:80%;height:100vh;background-color:var(--color-dark-gray);z-index:998;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu-links{display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-menu-link{font-family:var(--font-heading);font-size:2rem;color:var(--color-primary);text-transform:uppercase}.navbar{background-color:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 0;position:sticky;top:36px;z-index:999;width:100%}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-family:var(--font-logo);font-size:1.5rem;font-weight:700;color:var(--color-primary)}.navbar-menu{display:flex;gap:2rem}.navbar-link{font-family:var(--font-heading);font-size:1rem;font-weight:500;color:var(--color-text);text-transform:uppercase;letter-spacing:1px;position:relative;transition:color .3s ease}.navbar-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--color-accent);transition:width .3s ease}.navbar-link:hover{color:var(--color-primary)}.navbar-link:hover:after{width:100%}.navbar-cta{padding:.6rem 1.5rem;font-size:.9rem}.burger-menu{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;cursor:pointer;z-index:1000}.burger-line{width:2rem;height:.25rem;background-color:var(--color-primary);border-radius:10px;transition:all .3s linear}.burger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 768px){.navbar-menu,.navbar-cta{display:none}.navbar-logo{font-size:1.2rem}.burger-menu{display:flex}}.hero-section{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-spotlight{position:absolute;inset:0;background:radial-gradient(circle at var(--x) var(--y),transparent 10%,rgba(0,0,0,.95) 20%);z-index:1;pointer-events:none}.three-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.hero-heading{font-family:var(--font-heading);font-size:4.5rem;font-weight:700;color:var(--color-primary);max-width:800px;line-height:1.1;margin-bottom:1.5rem}.hero-subtext{font-size:1.25rem;max-width:500px;color:var(--color-text);margin-bottom:2.5rem}.hero-cta{padding:1rem 2.5rem;font-size:1.1rem}@media (max-width: 768px){.hero-heading{font-size:3rem}.hero-subtext{font-size:1rem}}@media (max-width: 480px){.hero-heading{font-size:2.5rem}}.work-section{padding:6rem 0;background-color:var(--color-dark-gray);overflow:hidden}.section-heading{font-family:var(--font-heading);font-size:3.5rem;text-align:center;margin-bottom:4rem;color:var(--color-primary)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1480px)}}.work-carousel-wrapper{overflow:hidden;padding:2rem 0;-webkit-mask-image:linear-gradient(to right,transparent,white 20%,white 80%,transparent);mask-image:linear-gradient(to right,transparent,white 20%,white 80%,transparent)}.work-carousel{display:flex;gap:2rem;width:2960px;animation:scroll 30s linear infinite}.work-carousel-wrapper:hover .work-carousel{animation-play-state:paused}.work-card{position:relative;flex:0 0 350px;height:450px;background-color:var(--color-light-gray);border-radius:15px;overflow:hidden;transition:transform .4s ease}.work-card:hover{transform:translateY(-10px)}.work-card-img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.work-card:hover .work-card-img{opacity:.2}.work-card-content{position:absolute;bottom:0;left:0;padding:1.5rem;color:var(--color-primary);transform:translateY(100%);transition:transform .4s ease}.work-card:hover .work-card-content{transform:translateY(0)}.work-card-content h3{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:.5rem}.live-demo-btn{position:absolute;top:1.5rem;right:1.5rem;width:50px;height:50px;background-color:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-background);font-weight:700;font-size:.8rem;text-align:center;line-height:1;opacity:0;transform:scale(.8);transition:all .4s ease}.work-card:hover .live-demo-btn{opacity:1;transform:scale(1)}@media (max-width: 768px){.work-card{flex:0 0 300px;height:400px}.section-heading{font-size:2.5rem}}.services-section{padding:8rem 0;background-color:var(--color-background);overflow:hidden}.services-split-layout{display:flex;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:0 2rem}.services-left-pane{flex:1;height:450px;overflow:hidden}.services-marquee-wrapper{display:flex;gap:1.5rem;height:100%}.services-marquee-column-1,.services-marquee-column-2{display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0}.services-marquee-column-1{animation:scroll-up 25s linear infinite}.services-marquee-column-2{animation:scroll-down 25s linear infinite}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(calc(-100% - 1.5rem))}}@keyframes scroll-down{0%{transform:translateY(calc(-100% - 1.5rem))}to{transform:translateY(0)}}.services-marquee-wrapper:hover div{animation-play-state:paused}.service-card{background-color:var(--color-dark-gray);padding:1.5rem 2rem;border-radius:12px;border-left:4px solid var(--color-accent);width:280px;text-align:center;box-shadow:0 4px 15px #0003}.service-card h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--color-primary);font-weight:600}.services-right-pane{flex:1;padding-left:2rem}.services-title{font-family:var(--font-heading);font-size:3rem;color:var(--color-primary);line-height:1.2;margin-bottom:1rem}.services-title span{display:inline-block}.services-subtitle{font-family:var(--font-body);font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:2rem;max-width:450px}.services-image-wrapper{position:relative;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000004d}.services-image{width:100%;height:auto;display:block}.services-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}@media (max-width: 1024px){.services-split-layout{flex-direction:column;gap:3rem;padding:0 1rem}.services-left-pane,.services-right-pane{flex:none;width:100%;padding-left:0;text-align:center}.services-marquee-wrapper{justify-content:center}.services-subtitle{margin:0 auto 2rem}}@media (max-width: 768px){.services-title{font-size:2.5rem}.services-left-pane{height:400px}.services-marquee-column-2{display:none}.services-marquee-wrapper{gap:0}.service-card{width:90%;margin:0 auto}}.expectations-section{padding:6rem 0;background-color:var(--color-dark-gray)}.expectations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem}.expectation-card-wrapper{perspective:1000px}.expectation-card{position:relative;width:100%;height:250px;transform-style:preserve-3d;transition:transform .8s;border:1px solid rgba(255,255,255,.1);border-radius:15px;background-color:#1a1a1a}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}.card-back{transform:rotateY(180deg);background-color:#1f1f1f;border-radius:15px}.expectation-card h3{font-family:var(--font-heading);font-size:2rem;color:var(--color-accent);margin-bottom:1rem}.expectation-card p{font-size:1.1rem;line-height:1.6;color:var(--color-text)}@media (max-width: 768px){.expectations-grid{grid-template-columns:1fr}}.why-choose-us-section{padding:6rem 0;background-color:var(--color-background)}.why-choose-us-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:4rem}.why-choose-us-item{background-color:var(--color-dark-gray);padding:2rem;border-radius:10px;display:flex;align-items:center;gap:1.5rem;border:1px solid transparent;transition:border-color .3s ease,transform .3s ease}.why-choose-us-item:hover{transform:translateY(-5px);border-color:var(--color-accent)}.why-choose-us-icon{font-size:2rem}.why-choose-us-item p{font-family:var(--font-body);font-size:1.1rem;font-weight:500;line-height:1.5;color:var(--color-text)}@media (max-width: 768px){.why-choose-us-grid{grid-template-columns:1fr}.why-choose-us-item p{font-size:1rem}}:root{--color-dark-gray: #111111;--color-background: #1a1a1a;--color-primary: #ffffff;--color-light-gray: #444444;--color-footer-text: whitesmoke;--font-heading: "911 Porscha", sans-serif}.footer-section{padding:6rem 0 2rem;background:linear-gradient(180deg,var(--color-dark-gray) 0%,var(--color-background) 100%);text-align:center;position:relative;z-index:10}.footer-container{padding-bottom:3rem}.footer-heading{font-family:var(--font-heading);font-size:3.5rem;color:var(--color-primary);max-width:600px;margin:0 auto 2.5rem;line-height:1.2}.footer-cta{padding:1rem 2.5rem;font-size:1.1rem;background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary);border-radius:6px;cursor:pointer;transition:all .3s ease}.footer-cta:hover{background-color:var(--color-primary);color:var(--color-dark-gray)}.footer-bottom{width:100%;text-align:center;border-top:1px solid var(--color-light-gray);padding:2rem 1rem;background-color:transparent}.footer-bottom p{font-size:.9rem;color:var(--color-footer-text)}@media (max-width: 768px){.footer-heading{font-size:2.5rem}.footer-cta{width:100%;max-width:300px}}