.footer { padding: 52px 0 24px; background: var(--surface-raised, #fff); }
.footer > .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.footer-main { display: grid; gap: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--border, #e5e5ea); }
.footer-brand { display: flex; flex-direction: column; gap: 10px; }
.footer-logo { width: 84px; height: auto; max-width: 84px; opacity: 0.72; }
.footer-tagline { margin: 0; font-size: 0.78rem; color: var(--ink-tertiary, #9ca3af); display: none; }
.footer-links { display: flex; gap: 10px 20px; flex-wrap: wrap; }
.footer-links a { min-height: 44px; display: inline-flex; align-items: center; font-size: 0.8rem; color: var(--ink-secondary, #6b6b6b); text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: var(--purple, #5b5bf7); }
.footer-social-block { display: flex; flex-direction: column; gap: 10px; }
.footer-social { display: flex; gap: 14px; align-items: center; }
.footer-social a { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; opacity: 0.55; text-decoration: none; transition: opacity 0.2s, transform 0.2s; }
.footer-social a:hover { opacity: 0.8; transform: translateY(-2px); }
.footer-social img { display: block; width: 22px; height: 22px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 16px; padding-top: 20px; color: var(--ink-faint, #b7bfcb); font-size: 0.72rem; }

@media (min-width: 768px) {
    .footer > .container { padding: 0 40px; }
    .footer-main { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; }
    .footer-links { justify-self: center; }
    .footer-social-block { justify-self: end; }
    .footer-tagline { display: block; }
}

@media (min-width: 1024px) {
    .footer > .container { padding: 0 56px; }
}

@media (max-width: 767px) {
    .footer { text-align: center; }
    .footer-main { gap: 20px; padding-bottom: 20px; }
    .footer-links, .footer-social { justify-content: center; }
    .footer-bottom { justify-content: center; flex-wrap: wrap; }
}