/* ═══════════════════════════════════════════
   FOOTER — Premium Light
   ═══════════════════════════════════════════ */
footer{background:var(--surface);border-top:1px solid var(--border3);padding:56px 80px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px;border-bottom:1px solid var(--border3)}
.footer-brand{max-width:300px}
.footer-logo{margin-bottom:14px;display:flex;align-items:center;gap:10px}
.footer-logo-img{height:42px;width:auto;display:block;object-fit:contain;border-radius:6px}
.footer-logo-text{font-size:22px;font-weight:800;color:var(--text-heading);letter-spacing:-0.02em;white-space:nowrap}
.footer-logo-text span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.footer-brand p{font-size:13px;color:var(--muted);line-height:1.8;font-weight:400}
.footer-col-title{font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted2);font-weight:600;margin-bottom:18px}
.footer-col a{display:block;font-size:14px;color:var(--muted);font-weight:400;padding:5px 0;transition:color .3s}
.footer-col a:hover{color:var(--text-heading)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;flex-wrap:wrap;gap:16px}
.footer-copy{font-size:12px;color:var(--muted2)}
.footer-social{display:flex;gap:16px}
.footer-social a{width:40px;height:40px;border-radius:50%;border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted);transition:all .35s var(--ease);background:var(--white)}
.footer-social a:hover{border-color:var(--border);color:var(--indigo);box-shadow:var(--glow-sm)}

@media(max-width:1024px){
  footer{padding:48px 40px}
  .footer-top{grid-template-columns:repeat(4,1fr)}
  .footer-brand{grid-column:1/-1;max-width:520px}
}

@media(max-width:768px){
  footer{padding:42px 28px}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px 24px;padding-bottom:36px}
  .footer-brand{grid-column:1/-1;max-width:100%}
  .footer-logo-img{height:36px}
  .footer-logo-text{font-size:20px}
}

@media(max-width:640px){
  footer{padding:42px 20px;padding-bottom:max(42px,calc(env(safe-area-inset-bottom) + 24px))}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:32px}
  .footer-brand{grid-column:1/-1}
  .footer-col-title{margin-bottom:12px}
  .footer-col a{font-size:13px;padding:6px 0}
  .footer-bottom{align-items:flex-start;flex-direction:column}
  .footer-social a{width:38px;height:38px}
}

@media(max-width:420px){
  .footer-top{grid-template-columns:1fr}
}