*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%}html{font-family:Poppins,sans-serif;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;font-weight:300;line-height:1.6;color:#334155;background-color:#f8fafc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;padding:1rem 0;background-color:transparent;z-index:1000;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.navbar.scrolled{background-color:#fffffff7;box-shadow:0 2px 16px #0f1f3314}.navbar.scrolled .nav-link{color:#1a365d}.navbar.scrolled .nav-link:hover,.navbar.scrolled .nav-link.active{color:#00ade7}.navbar.scrolled .logo-img{filter:none}.navbar.scrolled .menu-toggle span{background:#1a365d}.navbar.nav-hidden{transform:translateY(-100%)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo a{font-size:1.8rem;font-weight:600;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center}.logo-img{height:40px;width:auto;filter:brightness(0) invert(1);transition:all .3s ease}.nav-logo a:hover .logo-img{filter:brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(35deg)}.nav-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link{color:#fff;text-decoration:none;font-weight:300;text-transform:lowercase;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:#2c5aa0}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#2c5aa0;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.menu-toggle{display:none;flex-direction:column;cursor:pointer}.menu-toggle span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s}.menu-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.footer{background:linear-gradient(135deg,#4d4d4f,#6f7074);color:#fff;padding:3rem 0 1rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#3fb7e9}.footer-subtitle{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:#3fb7e9}.footer-description{color:#e2e8f0;line-height:1.6;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#e2e8f0;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#2c5aa0}.footer-contact{color:#e2e8f0;margin-bottom:.5rem}.footer-contact a{color:inherit;text-decoration:none;transition:color .2s ease}.footer-contact a:hover{color:#3fb7e9}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;color:#cbd5e1}@media (max-width: 768px){.menu-toggle{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#000000f2;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:2rem 0}.nav-menu.active{left:0}.nav-menu li{margin:1rem 0}.footer-content{grid-template-columns:1fr;text-align:center}}.btn{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a365d,#2c5aa0);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1a365d4d}.section-title{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:2rem;color:#6f7074}.section-subtitle{font-size:1.2rem;text-align:center;color:#64748b;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.nav-cta{--cta-glow: rgba(0, 173, 231, .45);position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:999px;background:linear-gradient(120deg,#00ade7,#3fb7e9);color:#fff;text-decoration:none;font-weight:600;font-size:.85rem;text-transform:lowercase;letter-spacing:.3px;box-shadow:0 6px 18px -4px var(--cta-glow);transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;overflow:hidden}.nav-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);transform:translate(-120%);transition:transform .6s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 26px -4px var(--cta-glow);filter:brightness(1.05)}.nav-cta:hover:before{transform:translate(120%)}.nav-cta span{position:relative;z-index:1}.footer{position:relative}.footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#00ade7,#3fb7e9 35%,#9e9a99)}.footer-brand .footer-title{position:relative;padding-bottom:.75rem}.footer-socials{display:flex;gap:.7rem;margin-top:1.5rem}.footer-social{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#cbd5e1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);transition:transform .25s ease,color .25s ease,background .25s ease,border-color .25s ease}.footer-social:hover{color:#fff;background:#00ade7;border-color:#00ade7;transform:translateY(-3px)}.footer-subtitle{position:relative;padding-bottom:.5rem}.footer-subtitle:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:#00ade7}.footer-links a{position:relative;display:inline-block;padding-left:0;transition:color .25s ease,padding-left .25s ease}.footer-links a:hover{color:#3fb7e9;padding-left:6px}.has-js [data-reveal],.has-js .section-title,.has-js .section-subtitle,.has-js .service-card,.has-js .project-card,.has-js .service-item,.has-js .feature-item,.has-js .client-logo-item,.has-js .client-item,.has-js .entity-box,.has-js .department-box,.has-js .manager-box,.has-js .stat-item,.has-js .mission-box,.has-js .vision-box,.has-js .contact-item,.has-js .overview-image,.has-js .partner-card{opacity:0;translate:0 28px;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1)}.has-js .is-visible{opacity:1;translate:0 0}@media (prefers-reduced-motion: reduce){.has-js [data-reveal],.has-js .section-title,.has-js .section-subtitle,.has-js .service-card,.has-js .project-card,.has-js .service-item,.has-js .feature-item,.has-js .client-logo-item,.has-js .client-item,.has-js .entity-box,.has-js .department-box,.has-js .manager-box,.has-js .stat-item,.has-js .mission-box,.has-js .vision-box,.has-js .contact-item,.has-js .overview-image,.has-js .partner-card{opacity:1;translate:0 0;transition:none}.nav-cta:before{display:none}.has-js .feature-showcase .feature-item{translate:0 0}}.feature-showcase{counter-reset:feat;overflow:hidden}.feature-showcase .feature-item{position:relative;counter-increment:feat}.feature-showcase .feature-content:before{content:counter(feat,decimal-leading-zero);display:block;font-size:3.4rem;font-weight:800;line-height:1;margin-bottom:.6rem;color:#00ade7e6;background:linear-gradient(135deg,#00ade7,#3fb7e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.feature-showcase .feature-title{position:relative;padding-bottom:1rem}.feature-showcase .feature-title:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;border-radius:2px;background:linear-gradient(90deg,#00ade7,#3fb7e9)}.feature-showcase .feature-list li:before{color:#00ade7!important}.has-js .feature-showcase .feature-item{translate:-44px 0}.has-js .feature-showcase .feature-item.alternate{translate:44px 0}.has-js .feature-showcase .feature-item.is-visible{translate:0 0}.service-detail-hero .hero-overlay{background:linear-gradient(180deg,#0b1f3399,#0b1f3373,#00ade752)!important}.service-cta .cta-button{border-color:#00ade7!important}.service-cta .cta-button:hover{background:#00ade7!important;border-color:#00ade7!important;color:#fff!important;box-shadow:0 10px 30px #00ade74d!important}.service-detail-hero .hero-bg-image{animation:none!important;transform:scale(1.04)}.hero.is-offscreen .hero-background{animation-play-state:paused}@media (max-width: 768px){.nav-cta{display:none}}