.nav-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;pointer-events:none;padding:24px 8px}.navbar{width:100%;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);padding:8px 2px;display:flex;align-items:center;justify-content:space-between;transition:all .8s cubic-bezier(.22,1,.36,1);pointer-events:auto;position:relative;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.navbar.stage1{width:280px;padding:20px 40px;border-radius:100px;box-shadow:0 4px 20px rgba(0,0,0,.12)}.navbar.stage2{border-radius:20px;opacity:1;transform:none;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:visible}.hamburger,.navbar.stage2{width:56px;height:56px;padding:0}.hamburger{display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:16px;transition:all .8s cubic-bezier(.22,1,.36,1)}.hamburger-inner{width:22px;height:18px;position:relative}.hamburger span{position:absolute;left:0;width:100%;height:2.5px;background:#1a1a1a;border-radius:2px;transition:all .3s cubic-bezier(.22,1,.36,1)}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.navbar.stage1 .hamburger,.navbar.stage2 .hamburger{opacity:0;pointer-events:none;width:0;height:0;overflow:hidden}.middle-container{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:64px;transition:all .8s cubic-bezier(.22,1,.36,1)}.navbar.stage1 .middle-container,.navbar.stage2 .middle-container{gap:0}.navbar.stage2 .middle-container{position:relative;left:auto;transform:none}.left-items{display:flex;align-items:center;gap:48px;transition:all .8s cubic-bezier(.22,1,.36,1)}.navbar.stage1 .left-items,.navbar.stage2 .left-items{opacity:0;pointer-events:none;width:0;overflow:hidden;gap:0}.left-items a{color:#3a3a3a;text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:1px;white-space:nowrap;transition:color .2s}.left-items a:hover{color:#000}.center-logo{display:flex;align-items:center;justify-content:center;transition:all .8s cubic-bezier(.22,1,.36,1)}.navbar.stage1 .center-logo{transform:scale(1.1)}.navbar.stage2 .center-logo{opacity:1;transform:none}.right-items{display:flex;align-items:center;gap:48px;transition:all .8s cubic-bezier(.22,1,.36,1)}.navbar.stage1 .right-items,.navbar.stage2 .right-items{opacity:0;pointer-events:none;width:0;overflow:hidden;gap:0}.right-items a{color:#3a3a3a;text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:1px;white-space:nowrap;transition:color .2s}.right-items a:hover{color:#000}.cta-btn{background:#2d3e3f;color:#fff;padding:16px 32px;border-radius:20px;font-size:.9rem;font-weight:700;letter-spacing:1px;border:none;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:10px;flex-shrink:0;transition:all .8s cubic-bezier(.22,1,.36,1)}.dual-panel-btn,.where-we-btn{background:#64d5b3;color:#0d1212;padding:16px 36px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:1px;border:none;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:10px;flex-shrink:0;transition:all .8s cubic-bezier(.22,1,.36,1)}.where-we-btn{justify-self:center}.cta-btn:hover{background:#1a2525;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.navbar.stage1 .cta-btn,.navbar.stage2 .cta-btn{opacity:0;pointer-events:none;width:0;padding:0;margin:0;overflow:hidden;gap:0}@media (max-width:1024px){.left-items,.right-items{display:none}.navbar{padding:16px 32px}.hamburger{display:flex}}@media (max-width:768px){.middle-container{display:none}.cta-btn{font-size:10px;padding:14px 24px}.nav-wrapper{padding:16px 0}}.navbar.top{background:transparent;box-shadow:none;backdrop-filter:none}.navbar.top .left-items a,.navbar.top .right-items a{color:#fff}.navbar.top .hamburger{background:transparent;border-color:hsla(0,0%,100%,.4)}.navbar.top .hamburger span{background:#fff}.navbar.top .cta-btn{background:hsla(0,0%,100%,.15);color:#fff;border:1px solid hsla(0,0%,100%,.3)}.navbar.stage2.hovered{width:100%;height:auto;padding:8px 2px;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.08);background:hsla(0,0%,100%,.98);overflow:visible}.navbar.stage2.hovered .middle-container{position:absolute;left:50%;transform:translateX(-50%);gap:64px}.navbar.stage2.hovered .left-items a,.navbar.stage2.hovered .right-items a{color:#3a3a3a}.navbar.stage2.hovered .cta-btn{overflow:visible;margin:0;background:#2d3e3f;color:#fff;border:none}.navbar.stage2.hovered .hamburger{overflow:visible;background:#fff;border:1px solid #e5e5e5}.navbar.stage2.hovered .hamburger span{background:#1a1a1a}.navbar.stage2.hovered .left-items,.navbar.stage2.hovered .right-items{opacity:1;pointer-events:auto;width:auto;overflow:visible;gap:48px}.navbar.stage2.hovered .cta-btn{opacity:1;pointer-events:auto;width:auto;padding:16px 32px;gap:10px}.navbar.stage2.hovered .hamburger{opacity:1;pointer-events:auto;width:56px;height:56px}