.site-footer{
background:var(--color-bg-soft);
padding:80px 20px 30px;
border-top:1px solid var(--color-border);
}

.footer-container{
max-width:1200px;
margin:auto;
}

.footer-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
margin-bottom:50px;
}

.footer-brand h3{
margin-bottom:10px;
color:var(--color-text-main);
}

.footer-brand p{
color:var(--color-text-muted);
line-height:1.6;
}

.footer-links h4,
.footer-contact h4{
margin-bottom:15px;
color:var(--color-text-main);
}

.footer-links ul{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
text-decoration:none;
color:var(--color-text-muted);
transition:0.2s;
}

.footer-links a:hover{
color:var(--color-primary);
}

.footer-contact p{
color:var(--color-text-muted);
margin-bottom:10px;
}

/* CTA */

.footer-cta{
display:inline-block;
margin-top:10px;
background:var(--color-primary);
color:#fff;
padding:10px 18px;
border-radius:8px;
text-decoration:none;
font-weight:600;
}

.footer-cta:hover{
box-shadow:var(--shadow-soft);
}

/* Bottom */

.footer-bottom{
border-top:1px solid var(--color-border);
padding-top:20px;
text-align:center;
color:var(--color-text-muted);
font-size:14px;
}

/* Responsive */

@media (max-width:900px){

.footer-grid{
grid-template-columns:1fr 1fr;
}

}

@media (max-width:600px){

.footer-grid{
grid-template-columns:1fr;
}

}