.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#080808b3;border-bottom:1px solid #f2f2f20d;align-items:center;height:60px;padding:0;transition:background-color .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.is-open{background-color:#0000;border-bottom-color:#0000}.navbar__inner{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar__logo{color:var(--white);font-family:var(--font-logo);letter-spacing:-.04em;align-items:center;gap:8px;font-size:20px;font-weight:900;display:flex}.navbar__logo:after{content:"[SYS_OPERATIONAL]";font-family:var(--font-text);color:var(--accent-lime);letter-spacing:.1em;opacity:.6;font-size:10px;font-weight:400}.navbar__cta{align-items:center;gap:32px;display:flex}.btn-primary{color:var(--white);font-family:var(--font-text);letter-spacing:.02em;cursor:pointer;background:0 0;border:1px solid #f2f2f233;border-radius:500px;justify-content:center;align-items:center;padding:10px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-primary:hover{background:var(--white);color:var(--black);border-color:var(--white);transform:translateY(-1px)}.btn-secondary{cursor:pointer;color:var(--white);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:opacity .3s;display:flex}.btn-secondary:hover{opacity:.7}.menu-icon{flex-direction:column;gap:6px;width:24px;display:flex}.menu-line{background:currentColor;width:100%;height:1px;transition:width .3s}.btn-secondary:hover .menu-line:last-child{width:60%}.btn-secondary.active .menu-line:first-child{transform:translateY(3.5px)rotate(45deg)}.btn-secondary.active .menu-line:last-child{width:100%;transform:translateY(-3.5px)rotate(-45deg)}.fullscreen-nav{z-index:999;visibility:hidden;pointer-events:none;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.fullscreen-nav.is-active{visibility:visible;pointer-events:all}.nav-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;background:#080808fa;transition:opacity .6s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.fullscreen-nav.is-active .nav-overlay{opacity:1}.nav-content{z-index:2;flex-direction:column;justify-content:center;width:100%;height:100%;padding-top:60px;display:flex;position:relative}.nav-grid{grid-template-columns:1fr;gap:3rem;display:grid}.nav-main{flex-direction:column;gap:1.2rem;display:flex}.nav-link{color:var(--white);font-family:var(--font-text);letter-spacing:-.04em;opacity:0;align-items:center;gap:2rem;font-size:clamp(1.5rem,4.5vw,3.5rem);font-weight:500;line-height:1.1;text-decoration:none;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(40px)}.fullscreen-nav.is-active .nav-link{opacity:1;transform:translateY(0)}.nav-number{font-family:var(--font-logo);color:var(--accent-lime);letter-spacing:.1em;opacity:.5;margin-top:.5rem;font-size:1rem}.nav-link:hover .nav-text{transform:translate(20px)}.nav-text{transition:transform .4s cubic-bezier(.16,1,.3,1)}.nav-footer{opacity:0;border-top:1px solid #f2f2f20d;justify-content:space-between;align-items:flex-end;padding-top:3rem;transition:all .8s cubic-bezier(.16,1,.3,1) .4s;display:flex}.fullscreen-nav.is-active .nav-footer{opacity:1}.nav-socials{gap:2.5rem;display:flex}.nav-socials a{color:#f2f2f280;letter-spacing:.1em;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-socials a:hover{color:var(--white)}.nav-copyright{color:#f2f2f24d;letter-spacing:.05em;font-size:.75rem}@media (max-width:768px){.navbar__logo:after{display:none}.navbar__cta{gap:16px}}@media (max-width:900px){.nav-grid{gap:3rem}.nav-footer{flex-direction:column;align-items:flex-start;gap:2rem}}
.Hero{flex-direction:column;align-items:center;width:90%;margin:0 auto;display:flex}.hero-text{flex-direction:column;justify-content:center;align-self:stretch;align-items:flex-start;gap:21px;min-height:50vh;padding:120px 60px;display:flex}.hero-text-content{width:clamp(600px,65vw,860px);color:var(--foreground);text-align:center;font-family:var(--font-text);letter-spacing:-2.88px;opacity:0;align-self:center;font-size:clamp(48px,5.5vw,72px);font-style:normal;font-weight:500;line-height:100%;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.hero-text-content:first-child{animation-delay:.1s}.hero-text-content:nth-child(2){animation-delay:.25s}.hero-text-content:nth-child(3){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-stage{opacity:0;justify-content:center;align-self:stretch;align-items:center;gap:48px;padding:0 60px;animation:1.2s cubic-bezier(.16,1,.3,1) .6s forwards fadeInUp;display:flex;position:relative}.light{filter:blur(80px);z-index:0;pointer-events:none;background:radial-gradient(circle,#f2f2f226 0%,#0000 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video{aspect-ratio:251/140;z-index:1;background:#000;border-radius:24px;flex:1 0 0;height:560px;position:relative;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%}.typewriter{white-space:nowrap;width:0;animation:4s steps(50,end) forwards typing;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@media (max-width:1024px){.hero-text{padding:80px 40px}.hero-stage{gap:32px;padding:0 40px}.video{height:420px}}@media (max-width:768px){.Hero{width:100%}.hero-text{min-height:auto;padding:80px 20px 40px}.hero-text-content{text-align:left;letter-spacing:-1.28px;width:100%;font-size:clamp(32px,8vw,48px)}.hero-stage{flex-direction:column;gap:24px;padding:0 20px 40px;display:none}}
.Allies{flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;margin:0 auto;padding:80px 0;display:flex;position:relative;overflow:hidden}.allies-viewport{width:100%;padding:3rem 0;position:relative;overflow:hidden}.allies-viewport:before,.allies-viewport:after{content:"";z-index:2;pointer-events:none;width:15vw;position:absolute;top:0;bottom:0}.allies-viewport:before{background:linear-gradient(to right,var(--black),transparent);left:0}.allies-viewport:after{background:linear-gradient(to left,var(--black),transparent);right:0}.allies-track{will-change:transform;align-items:center;gap:5rem;width:max-content;padding-right:5rem;animation:40s linear infinite allies-marquee;display:flex}@keyframes allies-marquee{0%{transform:translate(0)}to{transform:translate(-25%)}}.ally-item{filter:brightness(0)invert();opacity:.3;cursor:pointer;z-index:1;flex:none;justify-content:center;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.ally-item:hover{filter:brightness()invert(0);opacity:1;transform:scale(1.1)}.ally-logo{object-fit:contain;width:auto;height:48px}@media (max-width:768px){.allies-track{gap:4rem;padding-right:4rem}.ally-logo{height:32px}.Allies{gap:40px;padding:60px 0}.allies-viewport{padding:1.5rem 0}}
.Services{flex-direction:column;justify-content:center;align-items:center;width:90%;margin:0 auto;padding:80px 60px;display:flex}.services-inner{flex-direction:column;align-self:stretch;align-items:center;gap:64px;display:flex}.services-header{width:100%}.services-grid{grid-template-columns:repeat(2,1fr);gap:64px 32px;width:100%;display:grid}.service-item{flex-direction:column;align-items:flex-start;gap:32px;display:flex}.service-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.service-icon img{object-fit:contain;width:100%;height:100%}.service-content{flex-direction:column;gap:16px;display:flex}.service-title{color:var(--white);font-family:var(--font-text);letter-spacing:-1.44px;font-size:36px;font-weight:500;line-height:1}.service-body{color:var(--white);font-family:var(--font-text);letter-spacing:-.72px;opacity:.8;font-size:18px;font-weight:300;line-height:1.4}@media (max-width:900px){.Services{padding:80px 40px}.services-grid{grid-template-columns:1fr;gap:80px}.service-title{font-size:36px}.service-body{font-size:18px}}@media (max-width:768px){.Services{padding:60px 20px}.services-inner,.services-grid{gap:40px}.service-title{letter-spacing:-1.12px;font-size:28px}.service-body{font-size:16px}}
.About-us{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:90%;margin:0 auto;padding:80px 60px;display:flex}.about-us{color:#f2f2f2;text-align:center;font-family:var(--font-text);letter-spacing:-2.16px;flex-direction:column;flex:1 0 0;gap:.1em;font-size:clamp(36px,4vw,54px);font-style:normal;font-weight:500;line-height:1.15;display:flex}.about-line{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(40px)}.About-us.is-visible .about-line:first-child{opacity:1;transition-delay:0s;transform:translateY(0)}.About-us.is-visible .about-line:nth-child(2){opacity:1;transition-delay:.15s;transform:translateY(0)}.About-us.is-visible .about-line:nth-child(3){opacity:1;transition-delay:.3s;transform:translateY(0)}.About-us.is-visible .about-line:nth-child(4){opacity:1;transition-delay:.45s;transform:translateY(0)}.about-typewriter{display:inline-block;position:relative}.about-us-cont{color:#f2f2f2;text-align:center;font-family:var(--font-text);letter-spacing:-2.56px;opacity:.9;-webkit-text-fill-color:transparent;font-size:64px;font-style:normal;font-weight:500;line-height:100%;font-family:var(--font-text);letter-spacing:-2.16px;background:linear-gradient(101deg,#959595 33.84%,#5e5e5e 66.16%);-webkit-background-clip:text;background-clip:text;flex:1 0 0;font-size:clamp(36px,4vw,54px);font-style:normal;font-weight:500;line-height:100%}.scroll{animation:10s ease-out forwards slideIn;animation-timeline:view()}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)}70%{opacity:1;transform:translateY(0)}}.reveal-text{clip-path:inset(0 100% 0 0);animation:linear both reveal-snap;animation-timeline:view();animation-range:entry 10% entry 30%}@keyframes reveal-snap{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (max-width:1024px){.About-us{padding:60px 40px}}@media (max-width:768px){.About-us{padding:60px 20px}}
.testimonials{background:var(--black);flex-direction:column;align-items:center;width:90%;margin:0 auto;padding:clamp(4rem,7vw,8rem) 60px;display:flex;overflow:hidden}.testimonials__viewport{width:100%;position:relative;overflow:hidden}.testimonials__track{will-change:transform;gap:2rem;width:max-content;padding:2rem 0;animation:40s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.testimonials__card{clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);cursor:default;background:#111;border:none;flex:0 0 300px;height:380px;transition:all .3s;position:relative}.card-inner{flex-direction:column;height:100%;padding:1.8rem;display:flex}.card-header{margin-bottom:2rem}.card-company-name{font-family:var(--font-text);letter-spacing:-.02em;color:var(--white);text-transform:uppercase;max-width:90%;font-size:1.5rem;font-weight:500;line-height:1.1}.card-content-area{flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative}.card-quote-wrapper{transition:transform .6s cubic-bezier(.16,1,.3,1)}.card-quote-text{font-family:var(--font-text);color:#f2f2f266;font-size:1.15rem;line-height:1.5;transition:color .4s}.card-author-info{opacity:0;flex-direction:column;gap:4px;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;transform:translateY(20px)}.card-author-name{font-family:var(--font-text);color:var(--white);font-size:1.1rem;font-weight:600}.card-author-role{font-family:var(--font-text);color:#f2f2f280;font-size:.9rem}.testimonials__card:hover{background:#222}.testimonials__card:hover .card-quote-wrapper{transform:translateY(-80px)}.testimonials__card:hover .card-quote-text{color:var(--white)}.testimonials__card:hover .card-author-info{opacity:1;transform:translateY(0)}@media (max-width:768px){.testimonials__card{flex:0 0 320px;height:420px}.card-company-name{font-size:1.25rem}.card-quote-text{font-size:1rem}.testimonials{padding-left:20px;padding-right:20px}}@media (max-width:480px){.testimonials__card{flex:0 0 260px;height:360px}.card-inner{padding:1.4rem}}
.CTA-Section{background:var(--black);width:90%;margin:0 auto;padding:clamp(3rem,6vw,7rem) 60px}.cta-card{background:#0d0d0d;border:1px solid #f2f2f20d;border-radius:40px;justify-content:space-between;align-items:center;padding:clamp(3rem,6vw,6rem);display:flex;position:relative;overflow:hidden}.cta-content{z-index:2;max-width:700px;position:relative}.cta-title{font-family:var(--font-text);letter-spacing:-.02em;color:var(--white);margin-bottom:2rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:500;line-height:1.1}.cta-title .accent{opacity:.6}.cta-desc{font-family:var(--font-text);color:#f2f2f299;margin-bottom:3rem;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.6}.cta-actions{flex-wrap:wrap;gap:1.5rem;display:flex}.cta-primary-btn{background:var(--white);color:var(--black);font-family:var(--font-text);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:.75rem;padding:1.2rem 2.5rem;font-size:1rem;font-weight:600;transition:transform .3s;display:flex}.cta-primary-btn:hover{transform:scale(1.05)}.btn-icon{font-size:1.2rem}.cta-secondary-btn{color:var(--white);font-family:var(--font-text);cursor:pointer;background:0 0;border:1px solid #f2f2f233;border-radius:100px;padding:1.2rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s}.cta-secondary-btn:hover{background:#f2f2f20d;border-color:#f2f2f266}.cta-visual{pointer-events:none;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.glow-circle{filter:blur(40px);background:radial-gradient(circle,#f2f2f20d 0%,#0000 70%);width:100%;height:100%}@media (max-width:900px){.cta-card{text-align:center;flex-direction:column;padding:4rem 2rem}.cta-actions{justify-content:center}}@media (max-width:768px){.CTA-Section{padding-left:20px;padding-right:20px}.cta-primary-btn,.cta-secondary-btn{justify-content:center;width:100%}.cta-actions{flex-direction:column}}
.Footer{background:var(--black);min-height:100vh;color:var(--white);border-top:1px solid #f2f2f20d;flex-direction:column;justify-content:flex-end;padding:7rem 0 0;display:flex;position:relative;overflow:hidden}.footer-top{z-index:2;justify-content:space-between;gap:4rem;margin-bottom:4rem;display:flex;position:relative}.footer-logo{font-family:var(--font-logo);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:2rem;font-weight:900}.footer-tagline{font-family:var(--font-text);color:#f2f2f280;font-size:1rem;line-height:1.5}.footer-nav{grid-template-columns:repeat(3,auto);gap:clamp(2rem,5vw,6rem);display:grid}.footer-group h4{font-family:var(--font-text);text-transform:uppercase;letter-spacing:.1em;color:#f2f2f24d;margin-bottom:1.5rem;font-size:.8rem}.footer-group{flex-direction:column;gap:1rem;display:flex}.footer-group a{color:#f2f2f299;font-family:var(--font-text);font-size:1rem;text-decoration:none;transition:color .3s}.footer-group a:hover{color:var(--white)}.footer-bottom{z-index:2;font-family:var(--font-text);color:#f2f2f266;border-top:1px solid #f2f2f20d;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;font-size:.9rem;display:flex;position:relative}.footer-bottom-links{gap:2.5rem;display:flex}.footer-bottom-links a{color:inherit;text-decoration:none}.footer-signature{text-align:center;width:100%;font-family:var(--font-logo);color:var(--white);z-index:10;pointer-events:none;letter-spacing:-.04em;justify-content:center;align-items:flex-start;height:.4em;margin-top:0;font-size:clamp(18rem,45vw,64rem);font-weight:900;line-height:1;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.Footer{height:auto;min-height:100vh;padding-top:4rem}.footer-top{flex-direction:column;gap:3rem}.footer-nav{grid-template-columns:repeat(2,1fr);gap:3rem}.footer-bottom{text-align:center;flex-direction:column;gap:1.5rem;margin-top:3rem}.footer-signature{margin-top:2rem;font-size:40vw}}@media (max-width:480px){.footer-nav{grid-template-columns:1fr;gap:2rem}.footer-bottom-links{flex-direction:column;align-items:center;gap:1rem}}
.What-We-Did{flex-direction:column;align-items:center;gap:10px;width:90%;margin-left:auto;margin-right:auto;padding:80px 60px;display:flex}.wwdid-container{flex-direction:column;align-self:stretch;align-items:center;gap:80px;display:flex}.wwdids{flex-direction:column;align-self:stretch;align-items:flex-start;gap:80px;display:flex}.wwdid{cursor:pointer;color:inherit;align-self:stretch;align-items:center;gap:40px;padding:20px 0;text-decoration:none;display:flex;position:relative}.wwdid-text-content{flex-direction:column;align-items:flex-start;gap:28px;width:220px;display:flex}.wwdid-about{color:#f2f2f299;font-family:var(--font-text);letter-spacing:-.4px;align-self:stretch;font-size:18px;font-weight:400;line-height:1.4;transition:color .4s}.wwdid-order{color:var(--white);font-family:var(--font-text);letter-spacing:-.4px;align-self:stretch;font-size:18px;font-weight:600}.wwdid-visual{justify-content:center;align-items:center;width:360px;height:202px;display:flex;position:relative}.wwdid-icon-wrapper{justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute}.wwdid-icon{opacity:.7;filter:brightness(.8);width:120px;height:auto;transition:all .5s}.wwdid-video-wrapper{opacity:0;background:#111;border-radius:12px;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);position:absolute;overflow:hidden;transform:scale(.95);box-shadow:0 0 40px #00000080}.wwdid-video{object-fit:cover;width:100%;height:100%}.wwdid-title{flex:1;align-items:center;height:auto;padding:10px;display:flex}.wwdid-title-content{color:var(--white);font-family:var(--font-text);letter-spacing:-.04em;font-size:clamp(52px,6.5vw,100px);font-weight:600;line-height:1;transition:transform .6s cubic-bezier(.33,1,.68,1),color .4s}.wwdid:hover .wwdid-about{color:var(--white)}.wwdid:hover .wwdid-icon-wrapper{opacity:0;transform:scale(.8)translate(-20px)}.wwdid:hover .wwdid-video-wrapper{opacity:1;transform:scale(1)}.wwdid:hover .wwdid-title-content{color:var(--white);transform:translate(40px)}@media (max-width:1200px){.wwdid-visual{width:320px;height:180px}.wwdid-title-content{font-size:100px}}@media (max-width:991px){.wwdid{flex-direction:column;align-items:flex-start;gap:40px}.wwdid-text-content{width:100%}.wwdid-visual{width:100%;max-width:500px}.wwdid:hover .wwdid-title-content{transform:translateY(-20px)translate(20px)}}@media (max-width:1024px){.What-We-Did{padding:60px 40px}}@media (max-width:768px){.What-We-Did{padding:60px 20px}.wwdid-container,.wwdids{gap:48px}.wwdid-visual{aspect-ratio:16/9;max-width:100%;height:auto;display:none}.wwdid:hover .wwdid-about{color:#f2f2f299}.wwdid:hover .wwdid-title-content{transform:none}.wwdid:active .wwdid-about{color:var(--white)}.wwdid:active .wwdid-title-content{color:var(--white);transform:translate(20px)}}
.Team{width:90%;color:var(--white);background:var(--black);flex-direction:column;align-items:center;margin:0 auto;padding:clamp(4rem,7vw,8rem) 60px;display:flex}.team-content{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.team-image-wrapper{aspect-ratio:4/3;background:#111;border-radius:24px;position:relative;overflow:hidden}.team-image{object-fit:cover;opacity:.85;filter:grayscale(.2);width:100%;height:100%;transition:transform 1s cubic-bezier(.16,1,.3,1)}.team-image-wrapper:hover .team-image{transform:scale(1.05)}.image-glow{pointer-events:none;background:radial-gradient(circle,#0000 0%,#08080866 100%);position:absolute;inset:0}.team-brief{flex-direction:column;gap:1.5rem;display:flex}.team-brief-title{color:var(--white);font-family:var(--font-text);letter-spacing:-1.44px;font-size:36px;font-weight:500;line-height:1}.team-brief p{font-family:var(--font-text);color:#f2f2f2b3;font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:400;line-height:1.6}@media (max-width:900px){.team-content{text-align:center;grid-template-columns:1fr;gap:3rem}.team-image-wrapper{aspect-ratio:16/9}}@media (max-width:768px){.Team{padding:clamp(3rem,6vw,5rem) 20px}.team-brief-title{letter-spacing:-1.12px;font-size:28px}}
