/* ── Site footer ───────────────────────────────────── */
.site-footer {
    border-top: 1px solid var(--color-border);
    background: rgba(5, 10, 22, 0.85);
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
    position: relative;
}
.site-footer::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.15), transparent);
}
.footer-main {
    max-width: 1100px; margin: 0 auto;
    padding: 56px 24px 40px;
    display: flex; gap: 80px;
}
.footer-brand { flex: 1; }
.footer-brand img {
    height: 28px; margin-bottom: 14px; display: block;
    filter: drop-shadow(0 0 8px rgba(99, 102, 241, 0.15));
}
.footer-brand p {
    color: var(--color-text-muted); font-size: 0.85rem;
    line-height: 1.65; max-width: 260px;
}
.footer-col {
    display: flex; flex-direction: column; gap: 10px;
    min-width: 120px;
}
.footer-col h4 {
    font-size: 0.75rem; font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase; letter-spacing: 1.2px;
    margin-bottom: 6px;
}
.footer-col a {
    color: var(--color-text-muted); font-size: 0.85rem;
    transition: color 0.2s ease; line-height: 1.8;
}
.footer-col a:hover { color: var(--color-text); }

.footer-bottom {
    border-top: 1px solid var(--color-border);
    max-width: 1100px; margin: 0 auto;
    padding: 20px 24px; display: flex; justify-content: center;
}
.footer-bottom span {
    font-size: 0.78rem; color: var(--color-text-muted);
    letter-spacing: 0.2px;
}