/* ── FOOTER — fixed dark navy regardless of site theme (a deliberate
     "dark cap" look), not tied to the --surface theme variable. ── */
.footer{background:#0f172a;color:#94a3b8;padding:3rem 0 0;margin-top:3rem;flex-shrink:0}
.footer-main{max-width:1200px;margin:0 auto;padding:0 1.5rem 2rem;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.footer-col{display:flex;flex-direction:column;gap:10px}
.footer-col-brand{gap:14px}
.footer-col h4{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:4px}
.footer-brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;color:#fff}
.footer-tagline{font-size:13px;color:#94a3b8;line-height:1.65;max-width:280px}
.footer-link{font-size:13.5px;color:#94a3b8;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:7px;text-decoration:none;transition:color .15s;width:fit-content}
.footer-link i{font-size:13px;color:var(--fav)}
.footer-link:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:1.1rem 1.5rem;max-width:1200px;margin:0 auto}
.footer-copy{font-size:12px;color:#64748b;text-align:center}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr;row-gap:2rem}}
@media(max-width:560px){.footer-main{grid-template-columns:1fr;text-align:center}.footer-col-brand{align-items:center}.footer-link{margin:0 auto}.footer-tagline{margin:0 auto}}