.nav{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s}
.admin-bar .nav{top:32px}
.nav.scrolled{background:rgba(247,244,238,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;min-height:76px}
.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.brand:hover{color:var(--ink)}
.brand b{color:var(--blue)}
.nav-links{display:flex;gap:28px;margin-left:auto;font-weight:700;font-size:15px}
.nav-links a{color:var(--ink);text-decoration:none;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-links a:hover::after,.nav-links a.cur::after{transform:scaleX(1)}
.nav-links a.cur{color:var(--blue)}
.nav .btn{min-height:44px;padding:0 20px;font-size:15px}
.menu-btn{display:none}
@media (max-width:860px){
.nav .wrap{gap:12px}
.nav .btn{margin-left:auto;min-height:42px;padding:0 16px;font-size:14px}
.menu-btn{display:grid;place-content:center;gap:5px;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;padding:0}
.menu-btn i{display:block;width:20px;height:2px;border-radius:2px;background:var(--ink);transition:transform .3s var(--ease),opacity .2s}
.menu-btn[aria-expanded="true"] i:nth-child(2){transform:translateY(7px) rotate(45deg)}
.menu-btn[aria-expanded="true"] i:nth-child(3){opacity:0}
.menu-btn[aria-expanded="true"] i:nth-child(4){transform:translateY(-7px) rotate(-45deg)}
.nav-links{position:absolute;left:12px;right:12px;top:calc(100% + 6px);display:grid;gap:2px;margin:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 50px -24px rgba(14,27,61,.45);font-size:17px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s var(--ease),visibility 0s .25s}
.nav.open .nav-links{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s var(--ease)}
.nav-links a{padding:12px 14px;border-radius:12px}
.nav-links a::after{display:none}
.nav-links a:hover,.nav-links a.cur{background:#EEF2FF}
.nav.open{background:rgba(247,244,238,.96)}
}
@media (max-width:400px){.nav .wrap{gap:8px;padding:0 16px}.brand{font-size:19px;gap:8px}.brand svg{width:30px;height:30px}.nav .btn{padding:0 12px;font-size:13px;min-height:40px}.menu-btn{width:42px;height:42px}}