.footer{
  display:block;
  padding:0;
  background:#f5f5f7;
  color:#454850;
  text-align:left;
}
.footer-inner{
  width:100%;
  max-width:1024px;
  margin:0 auto;
  padding:30px 22px 20px;
}
.footer-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
}
.footer-heading{
  margin:0 0 10px;
  color:#252832;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
}
.footer .footer-heading a,.footer .footer-heading a:visited{color:inherit;text-decoration:none}
.footer-links{display:grid;gap:5px;list-style:none;margin:0;padding:0}
.footer a,.footer a:visited{color:#51545d;text-decoration:none}
.footer a:hover,.footer a:focus-visible{color:#0064ff;text-decoration:underline;text-underline-offset:3px}
.footer-links a{font-size:12px;line-height:1.5}
.footer-bottom{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 28px;
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid #d8d9de;
  color:#6a6d75;
  font-size:11px;
  line-height:1.5;
}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 0;list-style:none;margin:0;padding:0}
.footer-legal li + li::before{content:"|";padding:0 10px;color:#a5a7ae}
@media(max-width:760px){
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
}
@media(max-width:480px){
  .footer-inner{padding:26px 22px 22px}
  .footer-grid{gap:30px 18px}
  .footer-links{gap:6px}
  .footer-links a{font-size:12px}
  .footer-bottom{display:block;margin-top:30px}
  .footer-legal{margin-top:12px}
  .footer-legal li + li::before{padding:0 7px}
}
@media(max-width:350px){
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-legal{display:grid;gap:8px}
  .footer-legal li + li::before{content:none}
}