.why-belfex-home {
  padding-block: var(--space-2xl);
  background: var(--color-surface-raised);
  color: var(--color-on-accent);
}

.why-belfex-home__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-md);
  margin-block-end: var(--space-xl);
}

.why-belfex-home__eyebrow { font-size: var(--fs-feature-body); }
.why-belfex-home__title { font-size: var(--fs-feature-heading); }

.why-belfex-home__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--color-border-subtle);
  background: var(--color-border-subtle);
}

.why-belfex-home__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-xl);
  min-width: 0;
  min-height: clamp(18rem, 22.7083vw, 24.75rem);
  padding: var(--space-lg);
  background: var(--color-surface-raised);
  text-align: center;
}

.why-belfex-home__value,
.why-belfex-home__card-title,
.why-belfex-home__description {
  margin: 0;
  overflow-wrap: anywhere;
}

.why-belfex-home__value {
  width: 100%;
  font-size: var(--fs-feature-value);
  font-weight: 274;
  line-height: var(--lh-tight);
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
}

.why-belfex-home__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
  width: 100%;
  max-width: clamp(23.125rem, 25.6944vw, 28.125rem);
}

.why-belfex-home__card-title {
  width: 100%;
  font-size: var(--fs-feature-title);
  font-weight: 274;
  line-height: var(--lh-tight);
  letter-spacing: -.015em;
}

.why-belfex-home__description {
  width: 100%;
  color: var(--color-text-muted);
  font-size: var(--fs-feature-body);
  font-weight: 274;
  line-height: var(--lh-description);
  letter-spacing: -.03em;
}

.why-belfex-home--concise {
  --why-belfex-inline-inset: clamp(var(--container-gutter), 5.5556vw, 5rem);
  --container-max: calc(100% - (var(--why-belfex-inline-inset) - var(--container-gutter)) * 2);
  padding-block-end: 0;
  background: var(--color-surface-dark);
}

.why-belfex-home--concise .why-belfex-home__heading { margin-block-end: calc(var(--space-xl) + var(--space-xs)); }

.why-belfex-home--concise .why-belfex-home__title {
  font-size: calc(var(--fs-feature-heading) * 1.07);
  font-weight: 400;
}

.why-belfex-home--concise .why-belfex-home__card {
  gap: var(--space-lg);
  min-height: clamp(18rem, 24vw, 24.125rem);
  background: var(--color-surface-dark);
}

@media (width <= 48rem) {
  .why-belfex-home { padding-block: var(--space-xl); }
  .why-belfex-home__heading { gap: var(--space-sm); margin-block-end: var(--space-xl); }
  .why-belfex-home__grid { grid-template-columns: minmax(0, 1fr); }
  .why-belfex-home__card {
    min-height: 14rem;
    gap: var(--space-md);
    padding: var(--space-lg) var(--container-gutter);
  }
  .why-belfex-home__content { gap: var(--space-sm); }
  .why-belfex-home__value { font-size: clamp(2.75rem, 10vw, var(--fs-stat-value)); }
  .why-belfex-home--concise { padding-block-end: 0; }
  .why-belfex-home--concise .why-belfex-home__card { min-height: 14rem; }
}
