/*  TrojAI global footer — Figma node 2725-862.
 *  Dark-green band: brand column (logo + copyright + socials) | divider |
 *  link grid (Platform / Why TrojAI / Resources / Company, then Solutions
 *  with By Use Case / By Industry / By Agent Type sub-columns).
 *  Self-contained .tfoot_* namespace; aligns to the .tnav 80rem container.   */

.tfoot {
  --tfoot-max: 80rem;
  --tfoot-pad: clamp(1rem, 3vw, 2.5rem);
  --tfoot-muted: rgba(255, 255, 255, 0.72);
  --tfoot-rule: rgba(255, 255, 255, 0.18);
  background: var(--swatch--colorp4, #002017);
  color: #fff;
  font-family: var(--_typography---font--primary-family, "Zalando Sans", Arial, sans-serif);
  -webkit-font-smoothing: antialiased;
}
.tfoot * { box-sizing: border-box; }

.tfoot_inner {
  max-width: var(--tfoot-max);
  margin: 0 auto;
  padding: clamp(3.5rem, 6vw, 6rem) var(--tfoot-pad) clamp(2.5rem, 4vw, 3.5rem);
  display: grid;
  grid-template-columns: 20rem minmax(0, 1fr);
  align-items: stretch;
}

/* ---- brand column ---- */
.tfoot_brand { display: flex; flex-direction: column; gap: 1.5rem; }
.tfoot_logo { display: inline-block; width: fit-content; }
.tfoot_logo img { width: 150px; height: 45px; max-width: none; display: block; }
.tfoot_copyright { margin: 0; font-size: 0.875rem; line-height: 1.5; color: var(--tfoot-muted); }
.tfoot_social { margin-top: auto; display: flex; gap: 1rem; padding-top: 2.5rem; }
.tfoot_social a { display: inline-flex; opacity: 0.9; transition: opacity 0.15s ease; }
.tfoot_social a:hover { opacity: 1; }
.tfoot_social img { height: 18px; width: auto; display: block; }

/* ---- link area ---- */
.tfoot_main {
  border-left: 1px solid var(--tfoot-rule);
  padding-left: clamp(2rem, 4.5vw, 4.75rem);
  display: flex;
  flex-direction: column;
  gap: clamp(2.25rem, 4vw, 3.25rem);
}
.tfoot_top {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1.25rem, 2.5vw, 2.5rem);
}
.tfoot_sol_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 2.5vw, 2.5rem);
  max-width: 42rem;
  margin-top: 1.75rem;
}
.tfoot_col { display: flex; flex-direction: column; }

.tfoot_heading {
  margin: 0 0 1.4rem;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}
.tfoot_solutions > .tfoot_heading { margin-bottom: 0; }
.tfoot_subheading {
  margin: 0 0 1.15rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #fff;
}
.tfoot_links { display: flex; flex-direction: column; gap: 0.7rem; }
.tfoot_link {
  width: fit-content;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--tfoot-muted);
  text-decoration: none;
  transition: color 0.15s ease;
}
.tfoot_link:hover { color: #fff; }

/* ---- responsive ---- */
@media (max-width: 991px) {
  .tfoot_inner { grid-template-columns: 1fr; gap: 3rem; }
  .tfoot_brand { gap: 1.25rem; }
  .tfoot_social { margin-top: 0.25rem; padding-top: 0; }
  .tfoot_main { border-left: 0; padding-left: 0; border-top: 1px solid var(--tfoot-rule); padding-top: 3rem; }
}
@media (max-width: 600px) {
  .tfoot_top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 1.5rem; }
  .tfoot_sol_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; gap: 2rem 1.5rem; }
}