.nav{position:fixed;top:0;left:0;right:0;background:rgba(6,63,50,.94);border-bottom-color:rgba(255,255,255,.14);box-shadow:0 8px 28px rgba(3,45,36,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-toggle{display:none;width:42px;height:42px;padding:10px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}
.nav-toggle span{display:block;height:1px;margin:5px 0;background:currentColor;transition:transform .2s,opacity .2s}
@media(max-width:900px){.nav{gap:12px}.nav-toggle{display:block;margin-left:auto}.nav nav{display:flex;position:absolute;top:calc(100% + 1px);left:14px;right:14px;flex-direction:column;gap:0;padding:8px;background:#073b31;border:1px solid rgba(255,255,255,.2);box-shadow:0 18px 40px rgba(0,25,19,.35);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.nav.nav-open nav{opacity:1;visibility:visible;transform:none}.nav nav a{min-height:48px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px;opacity:1}.nav nav a:last-child{border-bottom:0}.nav.nav-open .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}
@media(max-width:560px){.nav{padding-left:22px;padding-right:22px}.nav-guide{margin-left:0}.nav-toggle{order:3}.nav-guide{order:2}.nav nav{order:4}.brand{margin-right:auto}}