/* Shared footer layout for the landing page and the legal pages — builds on home.css.
   (Moved out of landing.css so every page using the new footer loads it.)
   The footer sits on the 1320 rail shared with the dashboard and CTA banner:
   64px side inset, 32 below 1100px, 24 below 720px. */
.footer__inner,
.footer__base {
  max-width: 1448px;
  padding-left: 64px;
  padding-right: 64px;
}
/* Company sits in the right-hand 168px column (Figma x=1356 … 1524). */
.footer__inner { grid-template-columns: minmax(0, 1fr) 168px; }
@media (max-width: 1100px) {
  .footer__inner,
  .footer__base { padding-left: 32px; padding-right: 32px; }
  .footer__inner { grid-template-columns: 1fr 1fr; }
  .footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .footer__inner,
  .footer__base { padding-left: 24px; padding-right: 24px; }
  .footer__inner { grid-template-columns: 1fr; }
}