/* Shared site footer - mirrors the rendered homepage sm-footer (2026-09-01) */
.sm-footer { position: relative; z-index: 1; padding: 72px 24px 24px; border-top: 1px solid #dce1e4; background: #ffffff; color: #5f6871; }
.sm-footer-grid { display: grid; grid-template-columns: minmax(250px, 1.25fr) repeat(4, minmax(125px, 1fr)); gap: 38px; width: min(1180px, 100%); margin: 0 auto; }
.sm-footer-brand { max-width: 330px; }
.sm-footer-brand h2 { margin: 0; color: #171b20; font-size: 28px; line-height: 1.05; letter-spacing: 0; font-weight: 800; }
.sm-footer-brand p { margin: 18px 0 0; font-size: 15px; line-height: 1.7; }
.sm-footer-cta { display: inline-flex; align-items: center; gap: 12px; margin-top: 24px; min-height: 48px; padding: 14px 22px; border: 1px solid #168cf0; border-radius: 10px; background: #168cf0; color: #ffffff; font-size: 15px; font-weight: 800; box-shadow: 0 6px 16px rgba(22, 140, 240, .14); transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }
.sm-footer-cta::after { width: 7px; height: 7px; border-top: 1.75px solid currentColor; border-right: 1.75px solid currentColor; content: ""; transform: rotate(45deg); transition: transform .2s ease; flex: 0 0 auto; }
.sm-footer-cta:hover, .sm-footer-cta:focus-visible { border-color: #0879dc; background: #0879dc; color: #ffffff; box-shadow: 0 10px 24px rgba(22, 140, 240, .24); transform: translateY(-2px); }
.sm-footer-cta:hover::after, .sm-footer-cta:focus-visible::after { transform: translateX(3px) rotate(45deg); }
.sm-footer h3 { margin: 0 0 18px; color: #171b20; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.sm-footer ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.55; }
.sm-footer a { transition: color .2s ease; }
.sm-footer a:hover { color: #171b20; }
.sm-footer-bottom { display: flex; justify-content: space-between; gap: 20px; width: min(1180px, 100%); margin: 64px auto 0; padding-top: 20px; border-top: 1px solid #dce1e4; font-size: 12px; }
@media (max-width: 640px) {
  .sm-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; }
  .sm-footer-brand { grid-column: 1 / -1; }
  .sm-footer-bottom { display: grid; gap: 8px; margin-top: 42px; }
}