/* section4.css */
.section4 {
  position: relative;
  margin-top: clamp(-60px, -3vw, -20px);
  background:
    radial-gradient(60% 55% at 88% 22%, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0) 62%),
    linear-gradient(135deg, #5cb39a 0%, #3c977d 58%, #63bda3 100%);
  border-top-right-radius: clamp(80px, 11.2vw, 215px);
  overflow: hidden;
  padding-top: clamp(48px, 5vw, 96px);
  padding-bottom: clamp(56px, 6vw, 120px);
  color: var(--color-ink);
}

.section4__head {
  margin-bottom: clamp(32px, 4vw, 72px);
}

.section4__title {
  font-weight: 700;
  font-size: clamp(26px, 3.18vw, 61px);
  line-height: 1.16;
  margin-bottom: clamp(14px, 1.2vw, 22px);
}

.section4__rule {
  display: block;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.85);
}

.section4__body {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: clamp(28px, 3vw, 60px);
}

.section4__text {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
  gap: clamp(28px, 3vw, 56px);
}

.section4__paragraphs {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 1.6vw, 30px);
}

.section4__paragraphs p {
  font-weight: 500;
  font-size: clamp(15px, 1.15vw, 22px);
  line-height: 1.45;
}

.section4__chart {
  flex: 0 0 52%;
}

.section4__chart img {
  width: 100%;
  height: auto;
}

/* Tablet + mobile: heading, text, button, chart (stacked) */
@media (max-width: 1024px) {
  .section4__body {
    flex-direction: column;
    align-items: stretch;
    gap: clamp(28px, 4vw, 40px);
  }

  .section4__text {
    align-items: flex-start;
  }

  .section4__chart {
    flex: none;
    width: 100%;
  }
}

@media (max-width: 640px) {
  .section4 {
    border-top-right-radius: 60px;
  }

  .btn-glass {
    align-self: flex-start;
  }
}