/* Widget 18 — trust footer. Dark band per design-system README section 1. */

.hc-footer {
  background: var(--hc-ink);
  color: var(--hc-white);
  padding: 48px 24px 24px;
  margin-top: 64px;
}

.hc-footer__inner {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 32px;
  max-width: 1100px;
  margin: 0 auto;
}

.hc-footer__mark { font-size: 22px; font-weight: 700; color: var(--hc-white); }
.hc-footer__tagline { color: var(--hc-mut); font-size: 15px; margin-top: 8px; max-width: 40ch; }

.hc-footer .hc-eyebrow { color: var(--hc-mut); }
.hc-footer .hc-eyebrow::after { background: linear-gradient(90deg, rgba(255,255,255,.25), transparent); }

.hc-footer__links { list-style: none; margin: 12px 0 0; padding: 0; }
.hc-footer__links li { margin-bottom: 8px; }
.hc-footer__links a { color: var(--hc-white); text-decoration: none; font-size: 15px; }
.hc-footer__links a:hover { color: var(--hc-pink2); }

.hc-footer__legal {
  max-width: 1100px;
  margin: 32px auto 0;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 13.5px;
  color: var(--hc-mut);
}
.hc-footer__legal a { color: var(--hc-mut); text-decoration: none; }
.hc-footer__legal a:hover { color: var(--hc-white); }

@media (max-width: 760px) {
  .hc-footer__inner { grid-template-columns: 1fr; gap: 28px; }
}