/* Верхнее меню и адаптация под телефон, планшет и компьютер */
:root{--nav-h:60px}
header{position:sticky;top:0;z-index:50;background:rgba(11,16,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:0}
.nav{display:flex;align-items:center;gap:14px;min-height:var(--nav-h);padding:0}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:var(--text);text-decoration:none;flex:0 0 auto}
.mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent2),var(--accent));display:grid;place-items:center;font-weight:700;color:#fff;font-size:15px}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:8px;flex:1 1 auto}
.nav-links a{color:var(--muted);text-decoration:none;font-size:15px;padding:9px 11px;border-radius:9px;white-space:nowrap}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.nav-links a.cur{color:var(--text);background:rgba(99,102,241,.16)}
.nav-cta{flex:0 0 auto}
.burger{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;cursor:pointer;position:relative}
.burger span,.burger span::before,.burger span::after{position:absolute;left:11px;width:18px;height:2px;background:var(--text);border-radius:2px;transition:.18s}
.burger span{top:20px}
.burger span::before{content:"";top:-6px}
.burger span::after{content:"";top:6px}
.burger.on span{background:transparent}
.burger.on span::before{transform:rotate(45deg) translate(4px,4px)}
.burger.on span::after{transform:rotate(-45deg) translate(4px,-4px)}

/* ── Телефон ── */
@media (max-width:719px){
  .nav-links{position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;
    background:#101729;border-bottom:1px solid var(--line);padding:8px 14px 14px;margin:0;display:none;box-shadow:0 18px 40px rgba(0,0,0,.45)}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 12px;font-size:16px}
  .burger{display:block}
  .nav-cta{display:none}
  .nav-links .nav-cta-m{display:block;margin-top:6px;text-align:center;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;font-weight:600}
  .wrap{padding-left:16px;padding-right:16px}
  body{padding-bottom:env(safe-area-inset-bottom)}
  .fl{gap:12px 16px}
  .fl a{padding:4px 0}
}
@media (min-width:720px){ .nav-cta-m{display:none} }

/* ── Планшет ── */
@media (min-width:720px) and (max-width:1023px){
  .wrap{max-width:720px}
  .nav-links a{font-size:14px;padding:8px 9px}
}

/* ── Компьютер ── */
@media (min-width:1024px){
  .wrap{max-width:900px}
  body{font-size:17px}
}
@media (min-width:1024px){ .home .wrap{max-width:1040px} }

/* Якоря не должны уезжать под липкую шапку */
section[id],[id]{scroll-margin-top:calc(var(--nav-h) + 14px)}
/* Кнопки и ссылки удобного размера для пальца */
@media (max-width:719px){
  .btn{padding:13px 20px}
  .btn.sm{padding:10px 14px}
  details summary{padding:4px 0}
}