html{scroll-behavior:smooth}body{font-family:Lexend,sans-serif;margin:0;padding:0;background:linear-gradient(to bottom,#0a192f,#1c3b82);color:#fff;overflow-x:hidden}.header-wrapper{position:fixed;top:0;left:0;width:100%;z-index:1000;backdrop-filter:blur(10px);background:#ffffff1a;box-shadow:0 4px 6px #0000001a}.navbar{display:flex;align-items:center;justify-content:space-between;padding:2rem 5rem;flex-wrap:wrap}.logo{filter:invert()}.menu-toggle{display:none;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer;margin-left:auto}.nav-links{display:flex;flex-direction:row;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}.nav-links li a{text-decoration:none;color:#fff;font-weight:600;font-size:1.5rem}.nav-links a.login-button{background:#447ac6;color:#fff;border:2px solid #447ac6;padding:.6rem 1.4rem;border-radius:35px;font-weight:600;text-decoration:none;transition:background .3s ease,color .3s ease;display:inline-block}.nav-links a.login-button:hover{background:transparent;color:#447ac6;border:2px solid #447ac6}@media (max-width: 400px){.navbar{padding:1.5rem 2rem}.nav-links{padding:0 2rem}.nav-links.active{padding:1rem 2rem}}@media (max-width: 980px){.menu-toggle{display:block}.nav-links{flex-direction:column;width:100%;max-height:0;opacity:0;pointer-events:none;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;padding:0}.nav-links.active{max-height:500px;opacity:1;pointer-events:auto;padding:1rem 0}}@media (min-width: 981px){.menu-toggle{display:none}.nav-links{flex-direction:row;opacity:1;pointer-events:auto;max-height:none;overflow:visible;padding:0}}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to right,#04c,#001a66);color:#fff;text-align:center;opacity:0;transform:translateY(20px);animation:fadeInUp 1s forwards .5s}.hero-text{font-size:clamp(1.5rem,4vw,2.2rem);padding:0 2rem;max-width:1200px;margin:0 auto}.scroll-arrow{display:block;margin:1.5rem auto 0;width:clamp(4rem,10vw,7rem);height:auto;animation:bounceDown 2s infinite;opacity:.8;filter:invert()}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}#back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;backdrop-filter:blur(10px);border:2px solid white;border-radius:50%;cursor:pointer;transition:opacity .3s ease;opacity:0;pointer-events:none;text-decoration:none;z-index:999}#back-to-top.show{opacity:1;pointer-events:auto}#back-to-top svg{width:24px;height:24px;fill:#fff}.section-divider{display:block;width:100%;height:2rem}.content-section{padding:5rem;max-width:1400px;margin:auto;text-align:center;font-size:1.8rem;opacity:0;transform:translateY(-20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in{opacity:1!important;transform:translateY(0)!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.service-list{display:flex;flex-direction:column;gap:1rem;margin-top:3rem;align-items:center;text-align:center}.service-item{flex:1 1 0;padding:2rem;border-radius:1rem;background:#ffffff0d;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease}.service-item:hover{transform:translateY(-5px)}.service-item svg{margin-bottom:1rem;fill:#fff}.service-item h3{font-size:80%;margin-bottom:1rem}.service-item p{font-size:80%;margin-top:0}@media (min-width: 981px){.service-list{flex-direction:row;justify-content:space-between;align-items:stretch}.service-item{margin:0}}@media (max-width: 980px){.service-list{align-items:center}.service-item h3{font-size:2rem}.service-item p{font-size:1.2rem}.service-item{width:110%;padding:2.2rem}}.contact-layout{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;padding:4rem 0rem}.client-showcase{width:40%;justify-content:center;display:flex;flex-wrap:wrap;gap:0rem 2rem;background:transparent;padding:.5rem}.client-showcase h1{font-size:2.4rem;padding-bottom:0%}.logo-column{display:flex;flex-direction:column;flex:0 0 140px}.logo-tab{background:transparent;border-color:transparent;border-width:0;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;width:100%;padding:0;padding-left:1rem}.logo-tab img{height:80px}.logo-tab.active{background:#01010180}.logo-progress{width:4px;height:80px;background:#ffffff1a;overflow:visible;flex-shrink:0}.logo-progress-fill{width:100%;height:0%;background:#fff;transition:height linear}.client-details{flex:1;max-width:300px;position:relative}.detail-box{display:none;animation:fadeIn .5s ease}.detail-box h3{font-size:2.4rem;margin-bottom:0}.detail-box p{font-size:1.2rem}.detail-box.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-box{background:#ffffff0d;padding:4rem 2rem;border-radius:1.5rem;max-width:700px;margin:2rem auto;text-align:center;box-shadow:0 4px 20px #0000001a;color:#fff}.contact-box h1{font-size:2.5rem;margin-bottom:1rem}.contact-box p{font-size:1.2rem;margin-bottom:3rem;opacity:.8}.form-placeholder{min-height:100px;border:2px dashed rgba(255,255,255,.1);border-radius:1rem;padding:0rem;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-style:italic}.site-footer{padding:2rem 1rem;text-align:center;font-size:.9rem;color:#fff;background:#ffffff08;border-top:1px solid rgba(255,255,255,.05)}.footer-sitemap{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}.footer-sitemap a{color:#fff;text-decoration:none;transition:opacity .2s ease}.footer-sitemap a:hover{opacity:.7}.footer-copy{opacity:.6;font-size:.85rem}