.site-footer { background: linear-gradient(160deg, #0f172a 0%, #1a202c 40%, #1e3a5f 100%); color: var(--color-gray-400); padding: var(--space-16) 0 0; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--space-10); max-width: var(--container-max); margin: 0 auto; padding: 0 var(--container-padding); }
.footer-brand p { font-size: var(--fs-sm); margin-top: var(--space-4); line-height: var(--lh-relaxed); }
.footer-badges { display: flex; gap: var(--space-4); margin-top: var(--space-4); align-items: center; }
.footer-badges img { height: 55px; border-radius: 15px; }
.footer-col h4 { color: var(--color-white); font-size: var(--fs-sm); font-weight: var(--fw-semibold); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: var(--space-4); }
.footer-col ul { display: flex; flex-direction: column; gap: var(--space-2); }
.footer-col a { font-size: var(--fs-sm); color: var(--color-gray-400); transition: color var(--transition-fast); }
.footer-col a:hover { color: var(--color-white); }
.subfooter { margin-top: var(--space-10); padding: var(--space-6) 0; border-top: 1px solid var(--color-gray-700); }
.subfooter-inner { display: flex; align-items: center; justify-content: space-between; max-width: var(--container-max); margin: 0 auto; padding: 0 var(--container-padding); font-size: var(--fs-xs); }
@media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr; } .subfooter-inner { flex-direction: column; gap: var(--space-2); } }