.mm-footer { background: #131519; color: #b9bec7; padding: 56px 20px 0; font-size: 14px; }
.mm-footer-inner {
  max-width: 1160px; margin: 0 auto;
  display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 44px;
  padding-bottom: 40px;
}
.mm-footer-brand img { width: 180px; height: auto; display: block; margin-bottom: 16px; }
.mm-footer-tag { color: #8b919c; line-height: 1.6; margin: 0 0 18px; }
.mm-footer-social { display: flex; gap: 10px; }
.mm-footer-social a {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%;
  background: rgba(255,255,255,.10); color: #fff; transition: background .15s;
}
.mm-footer-social a:hover { background: #0087d1; color: #fff; }

.mm-footer-col h3 {
  color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .02em;
  margin: 0 0 14px;
}
.mm-footer-col .mm-footer-subhead { margin-top: 22px; }
.mm-footer-col ul { list-style: none; margin: 0; padding: 0; }
.mm-footer-col li { margin: 0 0 9px; }
.mm-footer-col a { color: #b9bec7; text-decoration: none; }
.mm-footer-col a:hover { color: #fff; }

.mm-footer-bottom {
  max-width: 1160px; margin: 0 auto;
  border-top: 1px solid rgba(255,255,255,.09);
  padding: 18px 0 22px;
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;
  color: #8b919c; font-size: 13px;
}
.mm-footer-bottom a { color: #8b919c; text-decoration: none; }
.mm-footer-bottom a:hover { color: #fff; }

@media (max-width: 900px) {
  .mm-footer-inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .mm-footer-inner { grid-template-columns: 1fr; gap: 30px; }
}