/* Преимущества — 522:7602: фон #f7f7f7, отступы 100/110, промежуток 60, карточки 406×208 */
.ben {
  background: var(--paper);
  padding: clamp(56px, 5.2083vw, 100px) var(--gutter);
  display: flex;
  flex-direction: column;
  gap: clamp(32px, 3.125vw, 60px);
}
.ben__title {
  font-size: clamp(30px, 2.7083vw, 52px);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 1px;
  color: var(--ink);
}
.ben__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 1.3021vw, 25px);
}
.ben__card {
  min-height: 208px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border-radius: var(--r-xl);
  background: var(--ink);
  overflow: hidden;
}
.ben__head { display: flex; align-items: flex-start; gap: 20px; }
.ben__icon { flex: 0 0 31px; }
.ben__name {
  font-size: clamp(20px, 1.3542vw, 26px);
  font-weight: 900;
  line-height: var(--lh-h3);
  letter-spacing: 1px;
  color: var(--paper);
}
.ben__text {
  font-size: var(--t-body);
  font-weight: 600;
  line-height: var(--lh-h4);
  letter-spacing: 1px;
  color: var(--paper);
}
.ben__text strong { font-weight: 600; }   /* в макете выделение не жирнее, это отдельный прогон текста */

@media (max-width: 1279px) { .ben__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 599px)  { .ben__grid { grid-template-columns: 1fr; } }