/* SaleinZ — about.css (chi-siamo.html) */

.steps { display: grid; gap: 1.2rem; margin-top: 1rem; counter-reset: step; }
@media (min-width: 768px) { .steps { grid-template-columns: repeat(3, 1fr); } }
.step { position: relative; padding-top: .4rem; }
.step .icon { width: 32px; height: 32px; color: var(--c-accent); margin-bottom: .5rem; }
.step h3 { margin-bottom: .3rem; }
.step h3::before {
  counter-increment: step;
  content: counter(step) ". ";
  color: var(--c-accent);
}
.step p { font-size: .93rem; color: var(--c-muted); margin: 0; }

.values-list { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 1rem; }
@media (min-width: 768px) { .values-list { grid-template-columns: repeat(2, 1fr); } }
.values-list li { display: flex; gap: .8rem; align-items: flex-start; }
.values-list .icon { width: 26px; height: 26px; color: var(--c-accent); margin-top: .1rem; }
.values-list strong { color: var(--c-heading); display: block; }
.values-list span { font-size: .92rem; color: var(--c-muted); }

.team-grid { display: grid; gap: 1rem; margin-top: 1rem; }
@media (min-width: 768px) { .team-grid { grid-template-columns: repeat(3, 1fr); } }
.team-card { text-align: center; }
.team-card .avatar {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: var(--c-band);
  border: 1px solid var(--c-divider);
  color: var(--c-heading);
  font-weight: 800;
  font-size: 1.3rem;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto .6rem;
}
.team-card h3 { margin-bottom: .15rem; }
.team-card .role { color: var(--c-accent); font-size: .88rem; font-weight: 700; }
.team-card p { font-size: .9rem; color: var(--c-muted); margin: .4rem 0 0; }

.numbers-strip {
  background: var(--c-dark);
  color: var(--c-white);
  text-align: center;
  border-bottom: 0;
}
.numbers-strip .nums { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .numbers-strip .nums { grid-template-columns: repeat(3, 1fr); } }
.numbers-strip strong { display: block; font-size: 2rem; color: var(--c-white); }
.numbers-strip span { color: #c8cdd3; font-size: .95rem; }

.about-cta { text-align: center; }
.about-cta p.sub { max-width: 50ch; margin: 0 auto 1.4rem; }