@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap";:root{--bg-color:#050505;--text-primary:#fff;--text-secondary:#94a3b8;--accent-primary:#007bff;--accent-secondary:#00d2ff;--glass-bg:#ffffff08;--glass-border:#ffffff14;--font-body:"Plus Jakarta Sans", sans-serif;--font-heading:"Outfit", sans-serif;--section-padding:100px 5%}*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}@media (width<=1024px){html{font-size:14px}}@media (width<=768px){html{font-size:13px}}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:all .3s}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}nav{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0a0a0ad9;border:1px solid #ffffff1a;border-radius:100px;justify-content:space-between;align-items:center;width:90%;max-width:1200px;margin:0 auto;padding:12px 40px;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex;position:fixed;top:20px;left:5%;right:5%;box-shadow:0 20px 40px #0006}nav.scrolled{background:#000000f2;padding:10px 40px;box-shadow:0 10px 30px #0009}.logo{align-items:center;text-decoration:none;transition:all .3s;display:flex}.logo img{width:auto;height:30px;display:block}.logo:hover{transform:scale(1.05)}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{color:#ffffffb3;font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width .3s cubic-bezier(.19,1,.22,1);position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.hamburger span{transform-origin:50%;background:#fff;border-radius:2px;width:100%;height:2px;transition:all .35s cubic-bezier(.23,1,.32,1);display:block}.hamburger.toggle span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.toggle span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.toggle span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}@media (width<=768px){.hamburger{display:flex}.desktop-only{display:none}.mobile-only{display:inline-flex}nav{border-radius:20px;width:93%;padding:12px 20px;transition:border-radius .3s,all .5s cubic-bezier(.19,1,.22,1);top:12px;left:3.5%;right:3.5%}nav.nav-open{border-radius:20px 20px 0 0}.nav-links{-webkit-backdrop-filter:blur(20px);z-index:1050;opacity:0;pointer-events:none;background:#050505f7;flex-direction:column;justify-content:center;align-items:center;gap:36px;width:100%;height:100vh;transition:opacity .35s,transform .35s;position:fixed;top:0;left:0;transform:translateY(-20px)}.nav-links.nav-active{opacity:1;pointer-events:all;transform:translateY(0)}.nav-links a{color:#ffffffd9;font-size:1.6rem;font-weight:700}.nav-links a:hover{color:var(--accent-primary)}.nav-links a:after{display:none}}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:100px;justify-content:center;align-items:center;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #2563eb33}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{transform:scale(1.02);box-shadow:0 15px 30px #007bff66}.btn-primary:hover:before{left:100%}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:100px;justify-content:center;align-items:center;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff0d;border-color:#fff}.testimonials{padding:var(--section-padding);background:#007bff05}.slider-container{max-width:900px;margin:0 auto;padding:20px 0;position:relative;overflow:hidden}.slider-track{gap:30px;transition:transform .6s cubic-bezier(.23,1,.32,1);display:flex}.slide{flex:0 0 100%;max-width:100%}.slider-controls{justify-content:center;gap:20px;margin-top:40px;display:flex}.slider-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.slider-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.1)}.slider-btn svg{width:24px;height:24px}.slider-dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.dot{background:var(--glass-border);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{background:var(--accent-primary);transform:scale(1.2)}.testimonial-card{flex-direction:column;justify-content:space-between;min-height:350px;padding:60px;display:flex;position:relative}.testimonial-card:before{content:"\"";color:var(--accent-primary);opacity:.1;font-family:serif;font-size:5rem;position:absolute;top:20px;left:20px}.testimonial-text{color:var(--text-primary);z-index:1;margin-bottom:30px;font-size:1.1rem;font-style:italic;line-height:1.8;position:relative}.testimonial-author{align-items:center;gap:15px;display:flex}.author-info h4{font-family:var(--font-heading);margin-bottom:4px;font-size:1rem}.author-info p{color:var(--text-secondary);font-size:.85rem}@media (width<=768px){.testimonial-grid{grid-template-columns:1fr}}.hero{background:#050505;align-items:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;text-align:left;flex:0 0 50%;padding:140px 0 80px 8%;position:relative}.hero-content .badge{margin-bottom:24px;padding:8px 16px;font-size:.85rem;display:inline-block}.hero-title-main{letter-spacing:-.03em;color:#fff;max-width:800px;margin-bottom:30px;font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1.05}.hero-subtitle-main{color:var(--text-secondary);max-width:550px;margin-bottom:50px;font-size:1.1rem;line-height:1.7}.hero-btns-main{gap:25px;display:flex}.hero-visual-container-main{z-index:1;width:55%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.hero-visual-main{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;animation:2s cubic-bezier(.19,1,.22,1) forwards revealHero;-webkit-mask-image:linear-gradient(270deg,#000 80%,#0000 100%);mask-image:linear-gradient(270deg,#000 80%,#0000 100%)}@keyframes revealHero{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.glow-orb-main{filter:blur(100px);z-index:2;pointer-events:none;background:radial-gradient(circle,#007bff1f 0%,#0000 70%);width:800px;height:800px;position:absolute;top:20%;right:-10%}@media (width<=1024px){.hero{text-align:center;flex-direction:column;justify-content:center;padding:80px 0}.hero-content{text-align:center;flex-direction:column;flex:none;align-items:center;margin-bottom:60px;padding:0 5%;display:flex}.hero-subtitle-main{margin-inline:auto}.hero-btns-main{justify-content:center}.hero-visual-container-main{justify-content:center;width:100%;height:100%;position:absolute}}@media (width<=768px){.hero-visual-container-main{opacity:.4;filter:brightness(.6);width:100%}}.services{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:2.5rem}.grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}@media (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--section-padding:60px 5%}.grid,.dna-grid,.feature-grid,.logo-cloud{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity!important;gap:15px!important;margin:0 -5%!important;padding:10px 5% 30px!important;display:flex!important;overflow-x:auto!important}.grid::-webkit-scrollbar{display:none}.dna-grid::-webkit-scrollbar{display:none}.feature-grid::-webkit-scrollbar{display:none}.logo-cloud::-webkit-scrollbar{display:none}.service-card,.dna-card,.feature-card{scroll-snap-align:center!important;flex:0 0 85%!important;margin-bottom:0!important}.client-logo{scroll-snap-align:center!important;flex:0 0 75%!important;min-width:0!important}}.collaborations{padding:var(--section-padding)}.logo-cloud{border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;padding:50px 40px;display:flex}.client-logo{justify-content:center;align-items:center;transition:opacity .3s;display:flex}.client-logo:hover{opacity:.8}.client-logo img{object-fit:contain;filter:brightness(1.05);width:auto;max-width:160px;height:auto;max-height:60px;transition:filter .3s}.client-logo:hover img{filter:brightness(1.2)}@media (width<=768px){.logo-cloud{scrollbar-width:none;scroll-snap-type:x proximity!important;background:0 0!important;border:none!important;border-radius:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:12px!important;margin:0 -5%!important;padding:10px 5% 24px!important;display:flex!important;overflow-x:auto!important}.logo-cloud::-webkit-scrollbar{display:none}.client-logo{scroll-snap-align:center!important;border:1px solid var(--glass-border)!important;background:var(--glass-bg)!important;border-radius:20px!important;flex:0 0 72%!important;min-width:0!important;min-height:160px!important;padding:30px 24px!important}.client-logo img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:110px}}.service-card{padding:40px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.service-card:hover{border-color:var(--accent-primary);box-shadow:0 0 30px #007bff1f}.icon{width:50px;height:50px;color:var(--accent-primary);margin-bottom:20px}.service-card h3{margin-bottom:15px}.service-card p{color:var(--text-secondary)}.portfolio{padding:var(--section-padding);background:#ffffff05}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.project-card{aspect-ratio:16/9;border-radius:20px;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.05)}.project-overlay{opacity:0;background:linear-gradient(#0000,#000c);flex-direction:column;justify-content:flex-end;padding:30px;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}@media (width<=768px){.portfolio-grid{scrollbar-width:none;scroll-snap-type:x proximity!important;gap:15px!important;margin:0 -5%!important;padding:10px 5% 30px!important;display:flex!important;overflow-x:auto!important}.portfolio-grid::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:center!important;aspect-ratio:4/3!important;flex:0 0 85%!important}.project-overlay{opacity:1;background:linear-gradient(#0000 0%,#000000d9 60%)}}.contact{padding:var(--section-padding)}.contact-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:grid}.address-title{color:#fff;margin-bottom:30px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.3}.contact-mission{color:var(--text-secondary);max-width:500px;font-size:1.1rem;line-height:1.7}.contact-info-right{flex-direction:column;gap:24px;display:flex}.contact-card{text-align:center;padding:40px;transition:all .3s}.contact-card:hover{border-color:var(--accent-primary);background:#ffffff0d}.card-tag{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:.9rem;font-weight:600;display:block}.card-details{flex-direction:column;gap:10px;display:flex}.card-details a{color:#fff;font-size:1.25rem;font-weight:500;transition:color .3s}.card-details a:hover{color:var(--accent-primary)}@media (width<=968px){.contact-grid{text-align:center;grid-template-columns:1fr;gap:60px}.contact-mission{margin:0 auto}}.collaborations{padding:var(--section-padding);background:radial-gradient(circle,#007bff08 0%,#0000 70%)}.logo-cloud{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;max-width:1100px;margin:0 auto;padding:60px;display:flex}.client-logo{cursor:pointer;justify-content:center;align-items:center;width:100%;max-width:180px;height:100px;transition:all .4s;display:flex}.client-logo img{object-fit:contain;filter:opacity(.8);max-width:100%;max-height:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.client-logo:hover img{filter:opacity();transform:scale(1.1)}@media (width<=768px){.logo-cloud{grid-template-columns:repeat(2,1fr);gap:20px;padding:30px}.client-logo{height:80px}}.footer{border-top:1px solid var(--glass-border);background:#080808;padding:80px 8% 40px}.footer-top{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.footer-brand p{color:var(--text-secondary);margin-top:10px;font-size:.95rem}.footer-social{gap:15px;display:flex}.social-link{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-link svg{width:20px;height:20px}.social-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 10px 20px #007bff33}.footer-bottom{color:var(--text-secondary);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:30px;font-size:.9rem;display:flex}.footer-links{gap:30px;display:flex}.footer-links a:hover{color:var(--accent-primary)}@media (width<=768px){.footer-top{text-align:center;flex-direction:column;gap:30px}.footer-bottom{text-align:center;flex-direction:column-reverse;gap:20px}.footer-links{justify-content:center}.hero-content h1{font-size:3rem}.contact-container{padding:30px}}.mobile-only{display:none}.desktop-only{display:inline-flex}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;padding:0;display:none}.hamburger span{background:#fff;border-radius:10px;width:30px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}@media (width<=1024px){.mobile-only{display:inline-flex}.desktop-only{display:none}.logo img{height:24px}.hamburger{display:flex}nav.nav-open{-webkit-backdrop-filter:none!important;width:100vw!important;max-width:none!important;height:100vh!important;box-shadow:none!important;z-index:1001!important;background:0 0!important;border:none!important;border-radius:0!important;top:0!important;left:0!important;transform:none!important}.nav-links{flex-direction:column;justify-content:center;align-items:center;gap:40px;transition:transform .6s cubic-bezier(.19,1,.22,1);overflow-y:auto;transform:translateY(-100%);-webkit-backdrop-filter:blur(30px)!important;z-index:999!important;background:#050505fa!important;border:none!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;top:0!important;left:0!important}.nav-links.nav-active{transform:translateY(0)!important}.hamburger{z-index:1000}.nav-links a{font-size:1.2rem}.hamburger.toggle span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.toggle span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.toggle span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}}@media (width<=768px){.nav-links{width:100%}}.mission-vision-group{opacity:0;background:linear-gradient(135deg,#ffffff05,#007bff08);border-radius:40px;flex-direction:column;max-width:1100px;margin:0 auto;transition:all .8s cubic-bezier(.19,1,.22,1);display:flex;position:relative;overflow:hidden;transform:translateY(40px);box-shadow:0 40px 100px #0006}.mission-vision-group.revealed{opacity:1;transform:translateY(0)}.mission-vision-group:hover{transform:translateY(-5px);box-shadow:0 60px 120px #007bff1a}.mission-item,.vision-item{text-align:center;z-index:1;opacity:0;padding:80px 60px;transition:all .8s cubic-bezier(.19,1,.22,1);position:relative;transform:translateY(20px)}.mission-vision-group.revealed .mission-item{opacity:1;transition-delay:.2s;transform:translateY(0)}.mission-vision-group.revealed .mission-divider{opacity:.3;transition-delay:.4s}.mission-vision-group.revealed .vision-item{opacity:1;transition-delay:.6s;transform:translateY(0)}.mission-divider{color:var(--accent-primary);opacity:.3;justify-content:center;align-items:center;gap:30px;padding:0 60px;display:flex}.divider-line{background:linear-gradient(90deg,#0000,currentColor,#0000);flex:1;height:1px}.divider-icon{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex}.mission-title{text-transform:uppercase;letter-spacing:.3em;color:var(--accent-primary);opacity:.8;margin-bottom:30px;font-size:.9rem;font-weight:700}.vision-title{color:var(--accent-secondary)}.mission-quote{color:var(--text-primary);font-size:clamp(1.4rem,4vw,2rem);font-weight:700;line-height:1.4;font-family:var(--font-heading);letter-spacing:-.01em;max-width:900px;margin:0 auto}.mission-quote span{background:linear-gradient(135deg, #fff 40%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.vision-quote span{background:linear-gradient(135deg, #fff 40%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mission-highlight{color:var(--accent-primary);-webkit-text-fill-color:var(--accent-primary);background:0 0}.vision-highlight{color:var(--accent-secondary);-webkit-text-fill-color:var(--accent-secondary);background:0 0}@media (width<=768px){.mission-item,.vision-item{padding:50px 30px}.mission-divider{padding:0 30px}}