/* Partner landing: partnership benefits */
.partner-benefits {
  box-sizing: border-box;
  width: 100%;
  padding: var(--spacing-5xl) var(--spacing-lg);
  background: var(--semantic-bg);
}

.partner-benefits__inner {
  display: flex;
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  flex-direction: column;
  gap: var(--spacing-5xl);
}

.partner-benefits__title {
  margin: 0;
  color: var(--neutral-tx2-title);
  font-size: var(--font-size-6xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-54);
  text-align: center;
}

.partner-benefits__grid {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.partner-benefits__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
}

.partner-benefits__card {
  box-sizing: border-box;
  display: flex;
  min-width: 334px;
  min-height: 244px;
  flex: 1 1 calc((100% - (var(--spacing-lg) * 2)) / 3);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
  margin: 0;
  padding: var(--spacing-3xl);
  border: var(--stroke-1) solid var(--semantic-input-border);
  background: var(--semantic-white);
}

.partner-benefits__icon {
  width: 48px;
  flex: 0 0 auto;
}

.partner-benefits__card-title,
.partner-benefits__description {
  margin: 0;
  word-break: keep-all;
}

.partner-benefits__card-title {
  color: var(--neutral-tx2-title);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-28);
}

.partner-benefits__description {
  color: var(--neutral-tx3-sub);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-24);
}

@media (max-width: 900px) {
  .partner-benefits__row {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .partner-benefits__title {
    line-height: var(--line-height-44);
  }

  .partner-benefits__card {
    min-width: 0;
  }
}