.features-v4 .features-v4__inner {
  max-width: 56rem;
  margin: 0 auto;
}

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

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

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

.features-v4 .features-v4__panels {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(0.85rem, 2.5vw, 1.25rem);
}

.features-v4 .features-v4__panel {
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--feat-accent) 22%, transparent);
  background: color-mix(in srgb, var(--feat-accent) 5%, var(--feat-bg));
}

.features-v4 .features-v4__panel--accent {
  background: linear-gradient(145deg, color-mix(in srgb, var(--feat-accent) 18%, var(--feat-bg)), var(--feat-bg));
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

.features-v4 .features-v4__panel-title {
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
  color: var(--feat-accent);
}

.features-v4 .features-v4__panel--accent .features-v4__panel-title {
  color: var(--feat-text);
}

.features-v4 .features-v4__panel-text {
  font-size: 0.95rem;
  opacity: 0.88;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .features-v4 .features-v4__panels {
    grid-template-columns: 1fr;
  }
}