.features-v5 .features-v5__inner {
  max-width: 56rem;
  margin: 0 auto;
}

.features-v5 .features-v5__head {
  text-align: center;
  margin-bottom: clamp(1.35rem, 3.5vw, 2rem);
}

.features-v5 .features-v5__title {
  font-size: clamp(1.3rem, 3vw, 1.85rem);
  margin-bottom: 0.5rem;
}

.features-v5 .features-v5__sub {
  font-size: clamp(0.9rem, 2vw, 1.02rem);
  opacity: 0.88;
  line-height: 1.5;
  max-width: 36rem;
  margin: 0 auto;
}

.features-v5 .features-v5__bento {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas:
    "a b"
    "c d";
  gap: 0.75rem;
}

.features-v5 .features-v5__cell:nth-child(1) {
  grid-area: a;
}

.features-v5 .features-v5__cell:nth-child(2) {
  grid-area: b;
}

.features-v5 .features-v5__cell:nth-child(3) {
  grid-area: c;
}

.features-v5 .features-v5__cell:nth-child(4) {
  grid-area: d;
}

.features-v5 .features-v5__cell {
  padding: 1.1rem 1rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--feat-accent) 20%, transparent);
  background: color-mix(in srgb, var(--feat-accent) 6%, var(--feat-bg));
}

.features-v5 .features-v5__cell--wide {
  min-height: auto;
}

.features-v5 .features-v5__cell-title {
  font-size: 1rem;
  margin-bottom: 0.35rem;
  color: var(--feat-accent);
}

.features-v5 .features-v5__cell-text {
  font-size: 0.88rem;
  opacity: 0.86;
  line-height: 1.45;
}

@media (max-width: 520px) {
  .features-v5 .features-v5__bento {
    grid-template-columns: 1fr;
    grid-template-areas:
      "a"
      "b"
      "c"
      "d";
  }
}