.home-value {
  background: #f4edf2;
}

.home-value .home-section-heading {
  margin-bottom: 38px;
}

.home-value-grid {
  gap: 16px;
}

.home-value-grid .home-value-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 360px;
  overflow: hidden;
  padding: 25px 27px 29px;
  border: 1px solid #eadfe7;
  border-radius: 27px;
  background: #fffcfe;
  box-shadow: 0 12px 32px rgba(76, 39, 62, .055);
}

.home-value-grid .home-value-card--sparkle {
  background: #fff8fc;
}

.home-value-visual {
  position: relative;
  display: grid;
  flex: 1 1 auto;
  place-items: center;
  min-height: 170px;
  isolation: isolate;
}

.home-value-glow {
  position: absolute;
  z-index: -1;
  width: 162px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(247, 217, 232, .78), rgba(247, 217, 232, 0) 73%);
}

.home-value-card--sparkle .home-value-glow {
  background: radial-gradient(circle, rgba(255, 226, 239, .92), rgba(255, 226, 239, 0) 74%);
}

.home-value-card--chat .home-value-glow {
  background: radial-gradient(circle, rgba(231, 214, 242, .8), rgba(231, 214, 242, 0) 73%);
}

.home-value-emoji {
  display: block;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: 84px;
  line-height: 1;
  filter: drop-shadow(0 12px 13px rgba(89, 52, 71, .12));
  transform: rotate(-8deg);
}

.home-value-card--sparkle .home-value-emoji {
  font-size: 93px;
  transform: rotate(-5deg);
}

.home-value-card--chat .home-value-emoji {
  transform: rotate(8deg);
}

.home-value-copy {
  position: relative;
  z-index: 1;
}

.home-value-grid .home-value-card h3 {
  max-width: 280px;
  margin: 0 0 10px;
  color: #30212e;
  font-size: clamp(20px, 2vw, 25px);
  line-height: 1.13;
  letter-spacing: -.047em;
}

.home-value-grid .home-value-card p {
  max-width: 310px;
  margin: 0;
  color: #695d66;
  font-size: 14px;
  line-height: 1.55;
}

@media (min-width: 700px) {
  .home-value {
    padding-bottom: 124px;
  }

  .home-value .home-section-heading,
  .home-personas .home-section-heading {
    display: block;
    margin-bottom: 39px;
  }

  .home-value .home-section-heading > p,
  .home-personas .home-section-heading > p {
    max-width: 600px;
    margin-top: 17px;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 1.6;
  }

  .home-value-grid {
    gap: 18px;
  }

  .home-value-grid .home-value-card--sparkle {
    transform: translateY(20px);
  }
}

@media (max-width: 699px) {
  .home-value .home-section-heading {
    margin-bottom: 26px;
  }

  .home-value-grid .home-value-card {
    display: grid;
    grid-template-columns: 91px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 166px;
    padding: 22px 20px 23px 13px;
    border-radius: 22px;
  }

  .home-value-visual {
    min-height: 105px;
  }

  .home-value-glow {
    width: 106px;
  }

  .home-value-emoji,
  .home-value-card--sparkle .home-value-emoji {
    font-size: 59px;
  }

  .home-value-grid .home-value-card h3 {
    font-size: 19px;
  }

  .home-value-grid .home-value-card p {
    font-size: 13px;
    line-height: 1.48;
  }
}

@media (max-width: 359px) {
  .home-value-grid .home-value-card {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 10px;
    padding-right: 15px;
  }

  .home-value-emoji,
  .home-value-card--sparkle .home-value-emoji {
    font-size: 49px;
  }
}