/* The site footer, shared by every atlsx.app page (the storefront pages and the Knowledge Base, which has its own
   stylesheet). Navy with white lettering, as in the header; colours are written out so it needs no other stylesheet. */
.site-footer { background: #0C1729; color: #9AAFAD; margin-top: 80px; padding: 56px 0 0; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px; line-height: 22px; }
.site-footer .foot-wrap { max-width: 1152px; margin: 0 auto; padding: 0 16px; }
.site-footer a { color: #DCE8E7; text-decoration: none; }
.site-footer a:hover { color: #FFFFFF; text-decoration: underline; }
.site-footer a:focus-visible { outline: 3px solid #2DA5A2; outline-offset: 2px; border-radius: 2px; }
/* The brand, then a column each for Products, Industries (only while a landing page is published, seo.py) and Support */
.site-footer .foot-grid { display: grid; grid-template-columns: minmax(0, 2fr); grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 40px;
  padding-bottom: 48px; }
.foot-brand img { display: block; height: 30px; width: auto; margin-bottom: 16px; }
.foot-brand p { margin: 0 0 16px; max-width: 340px; }
.foot-demo { display: inline-block; border: 1px solid #3A4D63; border-radius: 8px; padding: 8px 14px; font-weight: 700; font-size: 13px; }
.site-footer .foot-demo:hover { border-color: #2DA5A2; text-decoration: none; }
.foot-col h2 { color: #FFFFFF; font-size: 12px; line-height: 16px; letter-spacing: 1.6px; text-transform: uppercase; font-weight: 700; margin: 0 0 16px; }
.foot-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.foot-bottom { border-top: 1px solid #1B2E45; }
.foot-bottom .foot-wrap { display: flex; justify-content: space-between; align-items: center; gap: 8px 24px; flex-wrap: wrap; padding-top: 20px;
  padding-bottom: 24px; font-size: 13px; }
.foot-bottom p { margin: 0; }
.foot-legal { display: flex; gap: 20px; flex-wrap: wrap; }
@media (max-width: 960px) {
  .site-footer .foot-grid { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); grid-auto-flow: row; }
  .foot-brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) { .site-footer { padding-top: 40px; } .site-footer .foot-grid { grid-template-columns: 1fr 1fr; gap: 32px 24px; } }
@media print { .site-footer { display: none; } }