.site-footer { background: #171225; color: #d9d0e5; padding: clamp(35px, 7vw, 65px) 0 22px; }
.footer-grid { display: grid; gap: 25px; grid-template-columns: 1.5fr 1fr 1fr; }
.site-footer h2 { color: #fff; font-size: 1rem; letter-spacing: 0; margin-bottom: 12px; }
.site-footer a { display: block; width: fit-content; color: #e6dcf2; text-decoration: none; margin-bottom: 8px; overflow-wrap: anywhere; }
.site-footer a:hover { text-decoration: underline; }
.footer-brand { margin-bottom: 13px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 10px; border-top: 1px solid #463c56; margin-top: 38px; padding-top: 14px; font-size: .88rem; }
.footer-bottom a { margin-bottom: 0; }
@media (max-width: 700px) { .footer-grid { grid-template-columns: 1fr 1fr; } .footer-grid > :first-child { grid-column: 1/-1; } }
@media (max-width: 405px) { .footer-grid { grid-template-columns: 1fr; } }