.navigation{background:transparent;left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navigation.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,4%,.95);border-bottom:1px solid hsla(0,0%,100%,.1);padding:16px 0}.nav-container{gap:32px;justify-content:space-between}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--color-foreground);gap:12px;text-decoration:none}.nav-logo-icon{align-items:center;background:var(--color-primary);border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.nav-logo-icon svg{color:#fff;height:24px;width:24px}.nav-logo-text{font-family:var(--font-heading);font-size:24px;font-weight:700;letter-spacing:.05em}.nav-logo-img{height:40px;width:auto}.nav-links{align-items:center;display:flex;gap:32px}.nav-link{color:var(--color-foreground);font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.02em;position:relative;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--color-primary)}.nav-link:after{background:var(--color-primary);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.nav-link:hover:after{width:100%}.nav-cta{font-size:13px;padding:12px 24px}.mobile-menu-btn{background:none;border:none;color:var(--color-foreground);cursor:pointer;display:none;padding:8px}.mobile-menu-btn svg{height:24px;width:24px}.mobile-menu{background:var(--color-background);height:100vh;max-width:400px;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s ease;width:100%;z-index:1001}.mobile-menu.active{right:0}.mobile-menu-content{display:flex;flex-direction:column;min-height:100%;padding:24px}.mobile-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:48px}.mobile-menu-close{background:none;border:none;color:var(--color-foreground);cursor:pointer;padding:8px}.mobile-menu-close svg{height:24px;width:24px}.mobile-menu-links{display:flex;flex:1;flex-direction:column;gap:24px}.mobile-nav-link{color:var(--color-foreground);font-family:var(--font-heading);font-size:28px;font-weight:600;text-decoration:none;transition:color .2s ease}.mobile-nav-link:hover{color:var(--color-primary)}.mobile-cta{margin-top:auto;text-align:center;width:100%}.mobile-menu:before{background:rgba(0,0,0,.5);bottom:0;content:"";left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:-1}.mobile-menu.active:before{opacity:1;visibility:visible}@media (max-width:1023px){.nav-cta,.nav-links{display:none}.mobile-menu-btn{display:block}}@media (max-width:639px){.nav-logo-text{font-size:20px}.nav-logo-icon{height:36px;width:36px}.nav-logo-icon svg{height:20px;width:20px}}