/* ═══════════════════════════════════════════
   METRO MANPOWER — FOOTER STYLES
   ═══════════════════════════════════════════ */
.ft{width:100%;padding:56px 0 32px;background:var(--dark);color:rgba(255,255,255,.55);font-size:13px}
.ft-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:40px;margin-bottom:40px}
.ft h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;margin-bottom:16px}
.ft-brand{display:flex;align-items:center;gap:8px;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.04em;margin-bottom:14px}
.ft-links a{display:block;padding:5px 0;color:rgba(255,255,255,.50);font-size:13px;font-weight:500;transition:color .2s}
.ft-links a:hover{color:#fff}
.ft-bot{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.ft-socials{display:flex;gap:8px}
.ft-social{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);color:rgba(255,255,255,.50);transition:all .2s}
.ft-social:hover{color:#fff;background:rgba(255,255,255,.12)}
.ft-social svg{width:14px;height:14px}
@media(max-width:991px){.ft-grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:767px){.ft{padding:40px 0 24px}.ft-grid{grid-template-columns:1fr;gap:24px}.ft-bot{flex-direction:column;align-items:flex-start}}