.af-site-footer {
  background: #101514;
  border-top: 3px solid #59e51b;
  color: #d1d9d2;
  font-family: 'DM Sans', sans-serif;
  margin-top: 16px;
}
.af-site-footer *, .af-site-footer *::before, .af-site-footer *::after { box-sizing: border-box; }
.af-footer-inner {
  display: flex;
  gap: 48px;
  margin: 0 auto;
  max-width: 1180px;
  padding: 44px 24px 32px;
}
.af-footer-intro { flex: 1; min-width: 190px; }
.af-site-footer .af-footer-brand {
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -.05em;
  text-decoration: none;
}
.af-footer-intro p { font-size: .88rem; line-height: 1.6; margin: 10px 0 0; max-width: 240px; }
.af-footer-intro .af-footer-tagline { color: #59e51b; font-weight: 700; }
.af-footer-nav { display: grid; flex: 2.2; gap: 30px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.af-footer-nav h2 { color: #59e51b; font-size: .78rem; font-weight: 800; letter-spacing: .06em; line-height: 1.5; margin: 0 0 12px; text-transform: uppercase; }
.af-footer-nav ul { list-style: none; margin: 0; padding: 0; }
.af-footer-nav li { margin: 0; padding: 0; }
.af-site-footer a { color: #edf2ec; display: inline-flex; font-size: .85rem; line-height: 1.45; padding: 7px 0; text-decoration: none; }
.af-site-footer a:hover { color: #59e51b; text-decoration: underline; }
.af-site-footer a:focus-visible { border-radius: 3px; outline: 2px solid #59e51b; outline-offset: 4px; }
.af-footer-bottom { border-top: 1px solid #344038; margin: 0 auto; max-width: 1132px; padding: 20px 0 26px; }
.af-footer-bottom small { font-size: .76rem; }
.password-help-honeypot { left: -10000px; position: absolute; }
@media (max-width: 820px) {
  .af-footer-inner { flex-direction: column; gap: 28px; padding: 34px 18px 24px; }
  .af-footer-intro p { max-width: none; }
  .af-footer-nav { gap: 24px; }
  .af-footer-bottom { margin: 0 18px; }
  .af-site-footer a { align-items: center; min-height: 44px; }
}
@media (max-width: 540px) { .af-footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 340px) { .af-footer-nav { grid-template-columns: 1fr; } }
