.footer{
background:var(--primary-900);
color:var(--neutral-300);
padding:64px 0 0;
margin-top:0;
}
.footer__grid{
display:grid;
grid-template-columns:1.5fr 1fr 1fr 1fr;
gap:40px;
padding-bottom:48px;
}
.footer__brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.footer__brand img{width:38px;height:38px;border-radius:8px}
.footer__brand-name{font-size:1.05rem;font-weight:700;color:var(--white);letter-spacing:-0.01em}
.footer__brand-name span{display:block;font-size:0.72rem;font-weight:400;color:var(--primary-300);letter-spacing:0.02em}
.footer__about{font-size:0.88rem;line-height:1.7;color:var(--primary-300);max-width:320px}
.footer__col h4{
color:var(--white);
font-size:0.85rem;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.08em;
margin-bottom:16px;
}
.footer__col ul{display:grid;gap:10px}
.footer__col a{
font-size:0.88rem;
color:var(--primary-300);
transition:color var(--transition);
}
.footer__col a:hover{color:var(--white)}
.footer__contact{display:grid;gap:10px;font-size:0.85rem;color:var(--primary-300)}
.footer__contact a{color:var(--primary-300)}
.footer__contact a:hover{color:var(--white)}
.footer__contact-item{display:flex;align-items:flex-start;gap:10px}
.footer__contact-item svg{width:18px;height:18px;color:var(--primary-400);flex-shrink:0;margin-top:2px}
.footer__bottom{
border-top:1px solid var(--primary-800);
padding:24px 0;
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
}
.footer__bottom p{font-size:0.82rem;color:var(--primary-400);margin:0}
.footer__legal{display:flex;gap:20px;flex-wrap:wrap}
.footer__legal a{font-size:0.82rem;color:var(--primary-400)}
.footer__legal a:hover{color:var(--white)}
@media(max-width:860px){
.footer__grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media(max-width:560px){
.footer__grid{grid-template-columns:1fr}
.footer__bottom{flex-direction:column;text-align:center}
}