:root {
  --values-max-width: 900px;
  --values-slogan-text: #b6b6b6;
  --values-text-font-weight: 700;
  --feature-gap-vertical: 50px; /* Вертикальный отступ между фичами */
  --feature-gap-horizontal: 40px; /* Горизонтальный отступ между цифрой и текстом */
  --feature-number-width: 55%;
  --feature-content-width: 45%;
}

.container {
  display: flex;
  max-width: var(--values-max-width);
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 200px auto 100px; /* Уменьшил нижний отступ */
  padding: 0 20px;
  padding-top: 70px;
}

.title {
  font-size: 60px;
  letter-spacing: -2px;
  font-weight: 400;
  color: white;
  text-align: center;
  margin-bottom: 120px; /* Больше расстояния до фич */
}

.features {
  width: 100%;
}

.feature {
  display: flex;
  align-items: center;
  transition: background 0.4s ease, box-shadow 0.4s ease;
  margin-bottom: var(--feature-gap-vertical);
  padding: 10px 20px; /* Внутренние отступы, чтобы не прилипало */
  gap: var(--feature-gap-horizontal);
}

.feature--highlight {
  border-radius: 20px;
  padding: 30px 20px;
  box-shadow: var(--nav-box-shadow);
  background: var(--nav-background);
  backdrop-filter: var(--nav-background-filter);
  -webkit-backdrop-filter: var(--nav-background-filter);
}

.feature-number-left,
.feature-number-right {
  width: var(--feature-number-width);
  height: 170px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  user-select: none;
  /* Убраны маргины, заменены на gap у .feature */
  margin: 0;
}

.feature-number-right {
  /* Без дополнительного отступа */
}

.feature-number-left > span,
.feature-number-right > span {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 330px;
  font-weight: var(--values-text-font-weight);
  color: var(--values-slogan-text);
  white-space: nowrap;
  line-height: 1;
  transform: translateX(-50%);
  pointer-events: none;
  user-select: none;
}

.feature-content-right,
.feature-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: var(--feature-content-width);
}

.feature-title {
  font-size: 35px;
  font-weight: 500;
  letter-spacing: -2px;
  color: #e6e6e6;
  margin-bottom: 10px; /* Отступ между заголовком и описанием */
}

.feature-desc {
  font-size: 19px;
  color: #bebebe;
  margin-top: 0;
  max-width: 100%;
  line-height: 1.4;
}