/* ===== Общие стили (все страницы) ===== */
:root{
  --bg:#eaedf1;
  --card:#ffffff;
  --ink:#1d2126;
  --muted:#565d66;
  --line:#e6e9ee;
  --dark:#23262d;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--ink);
  font:400 16px/1.55 'Roboto',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
img,svg{display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1140px;margin:0 auto;padding:0 20px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- header ---------- */
.header{padding:20px 0}
.header__in{display:flex;align-items:center;gap:12px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none}
.logo__mark{width:38px;height:38px;border-radius:11px;background:var(--dark);display:grid;place-items:center;flex:none}
.logo__text{font-family:'Inter',Roboto,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.logo__text span{font-weight:500;color:#6a7076}

/* ---------- footer ---------- */
.footer{border-top:1px solid #dde1e7;padding:30px 0 44px}
.footer__in{display:flex;flex-wrap:wrap;gap:14px 32px;align-items:flex-start;justify-content:space-between}
.footer p{font-size:13px;color:#6a7076;max-width:640px;line-height:1.6}
.footer nav{display:flex;flex-direction:column;gap:8px}
.footer nav a{font-size:13px;color:#6a7076;text-decoration:underline;text-underline-offset:3px}
.footer nav a:hover{color:var(--ink)}

@media (max-width:640px){
  .footer__in{flex-direction:column}
}