/* ---------- 12. Footer ---------- */
footer{background:#15131f;color:#b9b8d0;padding:64px 0 30px;margin-top:96px}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:46px}
.foot-brand .brand{color:#fff;margin-bottom:16px}
.foot-brand p{font-size:.93rem;max-width:280px;color:#8e8caa}
.foot-col h4{font-family:var(--font-ui);font-weight:600;color:#fff;font-size:.95rem;margin-bottom:16px}
.foot-col a{display:block;color:#8e8caa;font-size:.92rem;margin-bottom:11px;transition:color .2s}
.foot-col a:hover{color:#fff}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:.85rem;color:#75738f}
.foot-bottom .social{display:flex;gap:14px}
.foot-bottom .social a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);display:grid;place-items:center;transition:background .2s}
.foot-bottom .social a:hover{background:var(--indigo)}