.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:24px 80px;display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);border-bottom:1px solid hsla(0,0%,4%,0);transition:background .4s ease,border-bottom-color .4s ease,padding .3s ease,-webkit-backdrop-filter .4s ease;transition:background .4s ease,backdrop-filter .4s ease,border-bottom-color .4s ease,padding .3s ease;transition:background .4s ease,backdrop-filter .4s ease,border-bottom-color .4s ease,padding .3s ease,-webkit-backdrop-filter .4s ease}.navbar.scrolled{background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,4%,.06);padding:18px 80px}.nav-container{max-width:1400px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{transition:opacity .2s ease;height:28px;display:block}.nav-logo:hover{opacity:.7}.logo-image{height:28px;width:auto;display:block}.nav-menu{align-items:center;gap:32px}.desktop-only,.nav-menu{display:flex}.mobile-only{display:none}.nav-link{font-size:14px;font-weight:500;color:#0a0a0a;text-decoration:none;letter-spacing:.01em;position:relative;padding-bottom:4px;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:#ff2e63;transition:width .3s cubic-bezier(.25,.46,.45,.94)}.nav-link:hover:after{width:100%}.nav-link.active:after{width:100%;background:#0a0a0a}.nav-link.active{font-weight:600}.nav-cta{display:inline-flex;align-items:center;gap:8px;background:#0a0a0a;color:#fff;font-size:13px;font-weight:500;letter-spacing:.03em;padding:12px 24px;border:none;border-radius:0;cursor:pointer;position:relative;overflow:hidden;transition:color .3s ease;text-decoration:none}.nav-cta:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#ff2e63;transition:width .35s cubic-bezier(.25,.46,.45,.94);z-index:0}.nav-cta:hover:before{width:100%}.nav-cta>span{position:relative;z-index:1}.nav-cta .arrow{transition:transform .2s ease;font-size:14px}.nav-cta:hover .arrow{transform:translateX(3px)}.hamburger{width:28px;height:20px;position:relative;cursor:pointer;z-index:201;background:none;border:none;padding:0;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:2px;background:#0a0a0a;position:absolute;left:0;transition:all .3s cubic-bezier(.76,0,.24,1)}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:9px}.hamburger span:nth-child(3){bottom:0}.hamburger.open span{background:#fff}.hamburger.open span:first-child{top:9px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){bottom:9px;transform:rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:0;width:100%;height:100vh;background:#0a0a0a;z-index:200;display:flex;flex-direction:column;justify-content:center;padding:80px 40px;transform:translateX(100%);transition:transform .5s cubic-bezier(.76,0,.24,1)}.mobile-menu.open{transform:translateX(0)}.mobile-nav-link{font-size:clamp(32px,8vw,48px);font-weight:600;color:#fff;display:block;margin-bottom:24px;text-decoration:none;opacity:0;transform:translateX(40px);transition:opacity .4s ease,transform .4s ease}.mobile-menu.open .mobile-nav-link:first-child{transition-delay:.1s;opacity:1;transform:translateX(0)}.mobile-menu.open .mobile-nav-link:nth-child(2){transition-delay:.15s;opacity:1;transform:translateX(0)}.mobile-menu.open .mobile-nav-link:nth-child(3){transition-delay:.2s;opacity:1;transform:translateX(0)}.mobile-menu.open .mobile-nav-link:nth-child(4){transition-delay:.25s;opacity:1;transform:translateX(0)}.mobile-nav-link.active{color:#ff2e63}.mobile-nav-cta{margin-top:32px;font-size:24px}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}.navbar{padding:20px 24px}.navbar.scrolled{padding:16px 24px}.logo-image{height:24px}}@media (min-width:769px){.hamburger,.mobile-menu{display:none}}@media (max-width:1200px){.navbar{padding:24px 60px}.navbar.scrolled{padding:18px 60px}}@media (max-width:900px){.navbar{padding:20px 40px}.navbar.scrolled{padding:16px 40px}}