/* ======== FOOTER ======== */
footer {
padding: 60px 24px 30px;
border-top: 1px solid var(--rule);
}

.footer-inner {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 60px;
padding-bottom: 40px;
}

.footer-brand {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}

.footer-brand img {
width: 36px;
height: 36px;
}

.footer-brand-name {
font-size: 22px;
font-weight: 700;
letter-spacing: -0.02em;
}

.footer-tagline {
color: var(--text-soft);
font-size: 14px;
max-width: 320px;
line-height: 1.5;
}

.footer-col h4 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--text-mute);
margin-bottom: 16px;
font-weight: 600;
}

.footer-col a {
display: block;
color: var(--text-soft);
text-decoration: none;
padding: 6px 0;
font-size: 14px;
transition: color 0.2s ease;
}

.footer-col a:hover {
color: var(--accent);
}

.footer-bottom {
max-width: 1200px;
margin: 0 auto;
padding-top: 30px;
border-top: 1px solid var(--rule);
display: flex;
justify-content: space-between;
font-size: 13px;
color: var(--text-mute);
}