/* Aether Audio Lab — canonical site nav.
   Single source of truth shared across index.html, products/, services/,
   and product detail pages. Edit here only. */

.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;justify-content:center;background:transparent;border-bottom:1px solid transparent;transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease,-webkit-backdrop-filter .3s ease;animation:navIn .9s cubic-bezier(.17,.67,.3,1.3) .8s both}
.nav.scrolled{background:rgba(10,10,15,.72);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-bottom-color:rgba(255,255,255,.06)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}
.nav-hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .25s}
.nav-mobile{display:flex;position:fixed;top:48px;left:0;right:0;background:rgba(8,8,12,.92);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.06);z-index:199;flex-direction:column;padding:8px 20px 16px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s ease}
.nav-mobile.open{transform:translateY(0);opacity:1;pointer-events:auto}
.nav-mobile .navl{padding:14px 4px;font-size:16px;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0;color:#fff;text-align:left;width:100%;opacity:0;transform:translateY(-6px);transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1);text-decoration:none}
.nav-mobile.open .navl{opacity:1;transform:translateY(0)}
.nav-mobile.open .navl:nth-child(1){transition-delay:.04s}
.nav-mobile.open .navl:nth-child(2){transition-delay:.08s}
.nav-mobile.open .navl:nth-child(3){transition-delay:.12s}
.nav-mobile.open .navl:nth-child(4){transition-delay:.16s}
.nav-mobile.open .navl:nth-child(5){transition-delay:.20s}
.nav-mobile.open .nav-cta{transition-delay:.24s}
.nav-mobile .navl:last-child{border-bottom:none}
.nav-mobile .nav-cta{margin-top:14px;justify-content:center;opacity:0;transform:translateY(-6px);transition:opacity .28s ease,transform .28s cubic-bezier(.16,1,.3,1)}
.nav-mobile.open .nav-cta{opacity:1;transform:translateY(0)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;padding:10px 40px;position:relative}
.nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:2px}
.nav-logo{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:700;letter-spacing:-.06em;cursor:pointer;text-decoration:none;color:#fff}
.nav-logo-img{width:36px;height:36px;object-fit:contain;transition:filter .4s ease}
.nav-eq{display:flex;align-items:flex-end;gap:3px;height:14px;width:0;margin-left:0;overflow:hidden;opacity:0;transition:opacity .25s ease,width .25s ease,margin-left .25s ease;pointer-events:none}
.nav-eq.playing{opacity:1;width:14px;margin-left:10px}
.nav-eq span{display:block;width:2px;background:#00e5ff;border-radius:1px;transform-origin:bottom;height:100%}
.nav-eq.playing span{animation:eqp 1.1s ease-in-out infinite}
.nav-eq span:nth-child(1){animation-delay:-.4s}
.nav-eq span:nth-child(2){animation-delay:-.2s}
.nav-eq span:nth-child(3){animation-delay:0s}
.navl{font-size:13px;font-weight:500;padding:7px 13px;border-radius:4px;color:rgba(255,255,255,.65);transition:all .2s;cursor:pointer;background:none;border:none;font-family:inherit;text-decoration:none}
.navl:hover,.navl.active{background:rgba(255,255,255,.07);color:#fff}
.nav-cta{display:flex;align-items:center;gap:7px;background:#c231ff;color:#fff;padding:9px 18px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 0 20px rgba(194,49,255,.3);transition:all .2s;border:none;font-family:inherit;text-decoration:none}
.nav-cta:hover{background:#af2ce6;box-shadow:0 0 32px rgba(194,49,255,.5);transform:translateY(-1px)}
@media(max-width:768px){.nav-hamburger{display:flex}.nav-links{display:none!important}}
@media(max-width:960px){.nav-logo-text{position:absolute;left:50%;top:50%;white-space:nowrap;pointer-events:none;transform:translate(-50%,-50%);animation:navTextFold 1.02s cubic-bezier(.55,.06,.32,1) 3s forwards}.nav-logo-img{width:26px;height:26px;animation:navLogoSpin 1.02s cubic-bezier(.55,.06,.32,1) 3s forwards;transform-origin:center}.nav-inner > .nav-cta{display:none}.nav-inner{padding-top:8px;padding-bottom:8px}}
@media(max-width:600px){.nav-inner{padding-left:20px;padding-right:20px}}
@keyframes navIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}
@keyframes eqp{0%,100%{transform:scaleY(.30)}50%{transform:scaleY(1)}}
@keyframes navLogoSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes navTextFold{0%{transform:translate(-50%,-50%) scale(1);opacity:1}75%{opacity:.5}100%{transform:translate(calc(-50% - 50vw + 36px),-50%) scale(0);opacity:0}}