.site-footer {
    background: #172124;
    color: #f5f8f8;
    font-family: Arial, sans-serif;
    padding: 64px 24px 24px;
}
.site-footer__inner, .site-footer__bottom {
    max-width: 1200px;
    margin: 0 auto;
}
.site-footer__inner {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 48px;
    padding-bottom: 52px;
}
.site-footer a { color: inherit; text-decoration: none; }
.site-footer a:hover, .site-footer a:focus-visible { color: #53d3d7; }
.site-footer__name { font-size: 21px; font-weight: 700; letter-spacing: .04em; }
.site-footer__name span { color: #53d3d7; }
.site-footer__brand p { color: #bdcbcc; line-height: 1.6; margin: 14px 0 0; }
.site-footer h2 { font-size: 13px; letter-spacing: .12em; margin: 0 0 20px; text-transform: uppercase; }
.site-footer nav a, .site-footer__contact a { display: block; line-height: 1.5; margin: 0 0 12px; }
.site-footer__bottom { border-top: 1px solid #425053; color: #bdcbcc; font-size: 13px; padding-top: 24px; }
@media (max-width: 640px) {
    .site-footer { padding: 48px 24px 24px; }
    .site-footer__inner { grid-template-columns: 1fr; gap: 32px; padding-bottom: 32px; }
}
.site-footer__legal { display: inline-flex; flex-wrap: wrap; gap: 12px 24px; margin-left: 24px; }
@media (max-width: 640px) { .site-footer__legal { display: flex; margin: 16px 0 0; } }