nav{position:fixed;top:0;left:0;bottom:0;right:auto;z-index:100;width:60px;padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:48px;overflow:hidden;border-right:1px solid rgba(0,212,255,.08);border-bottom:none;background:var(--dark);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:width .5s cubic-bezier(.4, 0, .2, 1),padding .5s cubic-bezier(.4, 0, .2, 1),border-color .4s,background .4s,box-shadow .4s;width:var(--nav-collapsed-w)}nav:focus-within,nav:hover{width:var(--nav-expanded-w);padding:32px 24px}.nav-logo-img{opacity:1;transition:opacity .3s .15s}nav:not(:hover):not(:focus-within) .nav-logo-img{opacity:0;transition:opacity .2s}.nav-links{opacity:1;transform:translateX(0);transition:opacity .4s ease-out .18s,transform .4s ease-out .18s}nav:not(:hover):not(:focus-within) .nav-links{opacity:0;transform:translateX(-12px);pointer-events:none;transition:opacity .2s,transform .2s}.nav-cta{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;padding:10px 20px;border:1px solid var(--gray);color:var(--gray);text-decoration:none;position:relative;overflow:hidden;transition:color var(--t),opacity .4s ease-out .18s,transform .4s ease-out .18s;margin-top:auto;margin-bottom:40px;text-align:center;width:100%;box-sizing:border-box;opacity:1;transform:translateX(0)}nav:not(:hover):not(:focus-within) .nav-cta{opacity:0;transform:translateX(-12px);pointer-events:none;transition:opacity .2s,transform .2s}.nav-cta::before{content:'';position:absolute;inset:0;background:var(--grad);transform:translateX(-100%);transition:transform var(--t);z-index:-1}.nav-cta:hover{color:var(--white)}.nav-cta:hover::before{transform:translateX(0)}.nav-thread{position:absolute;top:0;left:7px;width:30px;height:300px;pointer-events:none;opacity:1;transition:opacity .35s,transform .35s}nav:focus-within .nav-thread,nav:hover .nav-thread{opacity:0;transform:translateY(-24px)}.thread-svg{width:40px;height:300px;overflow:visible;position:absolute;top:0;left:0}.thread-swing{position:relative;width:40px;height:300px;transform-origin:20px 0;animation:3.9s ease-in-out infinite threadSwing}@keyframes threadSwing{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(4deg)}}.thread-line{fill:none;stroke:rgba(255,255,255,0.55);stroke-width:1}.thread-dot{position:absolute;top:285px;left:12px;width:18px;height:18px;background-color:var(--cyan);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 2l7.07 16.97 2.51-7.39 7.39-2.51z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 2l7.07 16.97 2.51-7.39 7.39-2.51z'/></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 6px rgba(0, 212, 255, .65));animation:2s infinite threadDotPulse;transform-origin:center;rotate:-25deg}@keyframes threadDotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}nav.scrolled{border-right-color:rgba(0,212,255,.18)}.nav-logo{display:flex;align-items:center}.nav-logo-img{height:85px;width:auto;object-fit:contain;flex-shrink:0}.footer-logo-img{height:85px;width:auto;object-fit:contain}.nav-links{display:flex;flex-direction:column;gap:22px;list-style:none;width:172px;flex-shrink:0}.nav-links a{font-family:var(--font-mono);font-size:12px;font-weight:400;color:var(--gray-dim);text-decoration:none;text-transform:uppercase;letter-spacing:2px;transition:color var(--t);position:relative;display:block}.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--cyan);transition:width var(--t)}.nav-links a:hover{color:var(--cyan)}.nav-links a:hover::after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}.hamburger span{display:block;width:24px;height:1px;background:var(--gray);transition:var(--t)}.hamburger.active span:first-child{transform:rotate(45deg) translate(4px,4px);background:var(--cyan)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px);background:var(--cyan)}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;background:rgba(5,5,8,.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,212,255,.1);z-index:99;padding:24px 24px 32px;flex-direction:column;gap:8px}.mobile-menu.open{display:flex}.mobile-menu a{font-family:var(--font-mono);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:color var(--t)}.mobile-menu a:hover{color:var(--cyan)}