:root{--black:#0a1628;--white:#fff;--dark:#0a1628;--dark-light:#0f1d32;--dark-medium:#1a2744;--dark-subtle:#243352;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--glass-bg:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1);--glass-bg-dark:rgba(0,0,0,.5);--font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition-smooth:cubic-bezier(0.4,0,0.2,1);--transition-spring:cubic-bezier(0.68,-0.55,0.265,1.55)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-display);background:var(--black);color:var(--gray-400);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--white);color:var(--black)}img{max-width:100%;height:auto}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .4s var(--transition-smooth)}.header-progress{position:absolute;top:0;left:0;height:2px;width:0;background:var(--white);transition:width .1s linear}.header.scrolled{padding:.5rem 0}.header.scrolled .nav-container{background:rgba(10,22,40,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 8px 32px rgba(0,0,0,.3)}.nav-container{max-width:1200px;margin:0 auto;padding:.75rem 2rem;border-radius:100px;display:flex;align-items:center;justify-content:space-between;transition:all .4s var(--transition-smooth)}.nav-logo img{height:32px;width:auto;filter:brightness(0) invert(1)}.nav-links{display:none;gap:0}@media (min-width:1024px){.nav-links{display:flex}}.nav-link{font-size:.875rem;font-weight:400;color:var(--gray-400);text-decoration:none;padding:.5rem 1rem;transition:color .3s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--white);transform:translateX(-50%);transition:width .3s ease}.nav-link:hover{color:var(--white)}.nav-link:hover:after{width:50%}.nav-cta{display:none}@media (min-width:1024px){.nav-cta{display:block}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.75rem;font-size:.875rem;font-weight:500;text-decoration:none;border-radius:100px;transition:all .3s var(--transition-smooth);cursor:pointer;border:none;font-family:var(--font-display)}.btn-arrow{display:inline-block;transition:transform .3s ease}.btn:hover .btn-arrow{transform:translateX(4px)}.btn-primary{background:var(--white);color:var(--black)}.btn-primary:hover{background:var(--gray-200);transform:translateY(-2px)}.btn-outline-white{background:transparent;color:var(--white);border:1px solid hsla(0,0%,100%,.3)}.btn-outline-white:hover{background:hsla(0,0%,100%,.1);border-color:var(--white)}.btn-white{background:var(--white);color:var(--black)}.btn-white:hover{background:var(--gray-100);transform:translateY(-2px)}.mobile-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:100}@media (min-width:1024px){.mobile-toggle{display:none}}.mobile-toggle span{width:24px;height:2px;background:var(--white);border-radius:2px;transition:all .3s ease}.mobile-menu{position:fixed;inset:0;background:var(--black);z-index:2000;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s var(--transition-smooth)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--gray-800)}.mobile-menu-header img{filter:brightness(0) invert(1)}.mobile-menu-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--gray-900);border:1px solid var(--gray-800);border-radius:50%;font-size:1.5rem;color:var(--white);cursor:pointer}.mobile-menu-nav{flex:1 1;padding:2rem;display:flex;flex-direction:column;gap:0}.mobile-menu-link{font-size:1.25rem;font-weight:400;color:var(--gray-400);text-decoration:none;padding:1.25rem 0;border-bottom:1px solid var(--gray-800);transition:color .3s ease}.mobile-menu-link:hover{color:var(--white)}.hero{min-height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg-image{width:100%;height:100%;object-fit:cover;opacity:.6}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.6) 50%,rgba(0,0,0,.95))}.hero-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%;position:relative;z-index:10}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8rem 0 6rem;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);padding:.5rem 1.25rem;border-radius:100px;margin-bottom:2rem}.hero-badge-dot{width:8px;height:8px;background:var(--white);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 hsla(0,0%,100%,.5)}50%{opacity:.8;box-shadow:0 0 0 10px hsla(0,0%,100%,0)}}.hero-badge-text{font-size:.75rem;font-weight:500;color:var(--gray-300);text-transform:uppercase;letter-spacing:.15em}.hero-title{font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1.05;color:var(--white);margin-bottom:1.5rem;letter-spacing:-.03em}.hero-description,.hero-title-highlight{color:var(--gray-400)}.hero-description{font-size:1.125rem;margin-bottom:2.5rem;max-width:600px;line-height:1.7}.hero-cta{gap:1rem;margin-bottom:4rem}.hero-cta,.hero-stats{display:flex;flex-wrap:wrap;justify-content:center}.hero-stats{align-items:center;gap:2rem}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hero-stat-value{font-size:2.5rem;font-weight:700;color:var(--white);line-height:1}.hero-stat-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.hero-stat-divider{width:1px;height:40px;background:var(--gray-700)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10}.scroll-text{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.2em}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gray-500),transparent);animation:scrollLine 2s infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.clients{padding:3rem 0;background:var(--black);border-top:1px solid var(--gray-900);border-bottom:1px solid var(--gray-900)}.clients-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.clients-label{text-align:center;font-size:.75rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem}.clients-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.clients-track{display:flex;gap:4rem;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.client-logo{font-size:1rem;font-weight:500;color:var(--gray-600);white-space:nowrap;padding:.5rem 1.5rem;border:1px solid var(--gray-800);border-radius:100px}.section-label{display:inline-flex;align-items:center;gap:.75rem;font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem}.section-label:before{content:"";width:32px;height:1px;background:var(--gray-600)}.section-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:1rem;letter-spacing:-.02em}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-header-left{text-align:left;margin-bottom:2rem}.section-description{color:var(--gray-500);font-size:1rem;line-height:1.7}.about{padding:8rem 0;background:var(--dark)}.about-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.about-grid{display:grid;grid-gap:4rem;gap:4rem;align-items:center}@media (min-width:1024px){.about-grid{grid-template-columns:1fr 1fr;gap:6rem}}.about-content{order:2}@media (min-width:1024px){.about-content{order:1}}.about-text{color:var(--gray-400);margin-bottom:1.5rem;line-height:1.8;font-size:1rem}.about-features{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin-top:2.5rem}@media (min-width:640px){.about-features{grid-template-columns:repeat(2,1fr)}}.about-feature{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--dark-medium);border:1px solid var(--gray-800);border-radius:16px;transition:all .3s ease}.about-feature:hover{border-color:var(--gray-700);transform:translateY(-2px)}.about-feature-icon{width:40px;height:40px;background:var(--white);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-feature-icon svg{width:20px;height:20px;color:var(--black)}.about-feature-text strong{display:block;color:var(--white);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.about-feature-text p{font-size:.8rem;color:var(--gray-500);margin:0}.about-visual{position:relative;order:1}@media (min-width:1024px){.about-visual{order:2}}.about-image-wrapper{position:relative;border-radius:24px;overflow:hidden}.about-image{width:100%;aspect-ratio:4/5;object-fit:cover}.about-experience-card{position:absolute;bottom:1.5rem;left:1.5rem;background:var(--white);border-radius:16px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem}.experience-number{font-size:2rem;font-weight:700;color:var(--black);line-height:1}.experience-text{font-size:.75rem;color:var(--gray-600);line-height:1.3}.services{padding:8rem 0;background:var(--black)}.services-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.services-grid{display:grid;grid-gap:1.5rem;gap:1.5rem}@media (min-width:640px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{position:relative;background:var(--dark-light);border:1px solid var(--gray-800);border-radius:20px;overflow:hidden;transition:all .4s var(--transition-smooth)}.service-card:hover{border-color:var(--gray-700);transform:translateY(-8px)}.service-image-wrapper{position:relative;overflow:hidden;aspect-ratio:16/10}.service-image{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--transition-smooth)}.service-card:hover .service-image{transform:scale(1.1)}.service-content{padding:1.5rem}.service-number{display:inline-block;font-size:.75rem;font-weight:500;color:var(--gray-600);margin-bottom:.75rem}.service-title{font-size:1.25rem;font-weight:600;color:var(--white);margin-bottom:.5rem}.service-description{font-size:.875rem;color:var(--gray-500);margin-bottom:1rem;line-height:1.6}.service-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--white);text-decoration:none;transition:gap .3s ease}.service-link:hover{gap:.75rem}.service-link svg{width:16px;height:16px}.vision-mission{padding:8rem 0;background:var(--dark)}.vm-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.vm-grid{display:grid;grid-gap:2rem;gap:2rem}@media (min-width:768px){.vm-grid{grid-template-columns:repeat(2,1fr)}}.vm-card{background:var(--dark-medium);border:1px solid var(--gray-800);border-radius:24px;padding:2.5rem;transition:all .4s ease}.vm-card:hover{border-color:var(--gray-700);transform:translateY(-4px)}.vm-icon{width:56px;height:56px;background:var(--white);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.vm-icon svg{width:24px;height:24px;color:var(--black)}.vm-title{font-size:1.5rem;font-weight:600;color:var(--white);margin-bottom:1rem}.vm-text{color:var(--gray-400);line-height:1.7}.vm-list{list-style:none}.vm-list li{display:flex;align-items:flex-start;gap:.75rem;color:var(--gray-400);margin-bottom:.875rem;line-height:1.5}.vm-list-dot{width:6px;height:6px;background:var(--white);border-radius:50%;margin-top:.5rem;flex-shrink:0}.blog{padding:8rem 0;background:var(--black)}.blog-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-grid{display:grid;grid-gap:2rem;gap:2rem}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--dark-light);border:1px solid var(--gray-800);border-radius:20px;overflow:hidden;transition:all .4s ease}.blog-card:hover{border-color:var(--gray-700);transform:translateY(-8px)}.blog-image-wrapper{position:relative;overflow:hidden}.blog-image{width:100%;height:200px;object-fit:cover;transition:transform .6s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-content{padding:1.5rem}.blog-date{font-size:.75rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.blog-title{font-size:1.125rem;font-weight:600;color:var(--white);margin-bottom:.75rem;line-height:1.4}.blog-excerpt{font-size:.875rem;color:var(--gray-500);line-height:1.6;margin-bottom:1rem}.blog-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--white);text-decoration:none;transition:gap .3s ease}.blog-link:hover{gap:.75rem}.blog-link svg{width:16px;height:16px}.gallery{padding:6rem 0;background:var(--dark)}.gallery-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.gallery-preview{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;max-width:800px;margin:0 auto}@media (min-width:768px){.gallery-preview{grid-template-columns:repeat(6,1fr)}}.gallery-preview-item{aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;background:var(--dark-medium);box-shadow:0 4px 15px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease}.gallery-preview-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.gallery-preview-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-preview-item:hover img{transform:scale(1.1)}.gallery-preview-more{background:linear-gradient(135deg,var(--navy) 0,var(--dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.2)}.gallery-preview-more:hover{border-color:var(--white);background:linear-gradient(135deg,var(--dark) 0,var(--navy) 100%)}.more-count{font-size:1.5rem;font-weight:700;color:var(--white)}.more-text{font-size:.75rem;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.1em}.gallery-cta{text-align:center;margin-top:2rem}.gallery-cta .btn{display:inline-flex;align-items:center;gap:.5rem}.gallery-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center}.gallery-modal.active{display:flex}.gallery-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-modal-content{position:relative;width:95%;max-width:1200px;max-height:90vh;background:var(--dark);border-radius:20px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.5);animation:slideUp .4s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.gallery-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:var(--navy);border-bottom:1px solid hsla(0,0%,100%,.1)}.gallery-modal-header h3{color:var(--white);font-size:1.5rem;font-weight:600;margin:0}.gallery-modal-close{background:hsla(0,0%,100%,.1);border:none;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--white)}.gallery-modal-close:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}.gallery-modal-body{padding:2rem;overflow-y:auto;flex:1 1}.gallery-modal-section{margin-bottom:2.5rem}.gallery-modal-section:last-child{margin-bottom:0}.gallery-modal-section h4{color:var(--white);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid hsla(0,0%,100%,.1)}.gallery-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}@media (min-width:576px){.gallery-modal-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.gallery-modal-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.gallery-modal-grid{grid-template-columns:repeat(6,1fr)}}.gallery-modal-item{aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;background:var(--dark-medium);transition:transform .3s ease,box-shadow .3s ease}.gallery-modal-item:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.4);z-index:10}.gallery-modal-item img{width:100%;height:100%;object-fit:cover}.cta{padding:8rem 0;background:var(--white);text-align:center}.cta-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.cta .section-label{color:var(--gray-500)}.cta .section-label:before{background:var(--gray-400)}.cta-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--black);margin-bottom:1rem;letter-spacing:-.02em}.cta-description{color:var(--gray-600);font-size:1.125rem;margin-bottom:2.5rem;line-height:1.7}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.cta .btn-white{background:var(--black);color:var(--white)}.cta .btn-white:hover{background:var(--gray-800)}.cta .btn-outline-white{color:var(--black);border-color:var(--gray-300)}.cta .btn-outline-white:hover{background:var(--gray-100);border-color:var(--black)}.footer{background:var(--black);color:var(--white);padding:5rem 0 2rem;border-top:1px solid var(--gray-900)}.footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-gap:3rem;gap:3rem;margin-bottom:4rem}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand p{color:var(--gray-500);font-size:.875rem;margin:1.5rem 0;line-height:1.7}.footer-logo{height:36px;width:auto;filter:brightness(0) invert(1)}.footer-social{display:flex;gap:.75rem}.footer-social a{width:40px;height:40px;background:var(--gray-900);border:1px solid var(--gray-800);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all .3s ease}.footer-social a:hover{background:var(--white);border-color:var(--white);color:var(--black);transform:translateY(-4px)}.footer-title{font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.875rem}.footer-links a{font-size:.875rem;color:var(--gray-500);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--white)}.footer-contact-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.footer-contact-item svg{width:18px;height:18px;color:var(--gray-500);flex-shrink:0;margin-top:2px}.footer-contact-item span{font-size:.875rem;color:var(--gray-500)}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:2rem;text-align:center}.footer-copyright{font-size:.875rem;color:var(--gray-600)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--white);color:var(--black);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .4s ease;z-index:50;box-shadow:0 4px 20px rgba(0,0,0,.3)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 6px 30px rgba(0,0,0,.4)}.back-to-top.visible{opacity:1;visibility:visible}.reveal{opacity:0;transform:translateY(40px);transition:all .8s var(--transition-smooth)}.reveal.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}@media (max-width:640px){.hero-title{font-size:2.25rem}.hero-stats{gap:1rem}.hero-stat-value{font-size:1.75rem}.hero-stat-divider{display:none}.section-title{font-size:1.75rem}}