.infos-card {
  max-width: 1000px;
}

.infos-card > h2 {
  margin-bottom: 26px;
}

.info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.info-grid article {
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--card);
}

.info-grid h3 {
  margin-bottom: 10px;
}

.info-grid p {
  color: #f0f1f2;
  line-height: 1.55;
}

.demo-warning {
  margin-top: 22px;
  padding: 16px 18px;
  border-left: 5px solid #ffd86b;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.18);
  line-height: 1.45;
}

@media (max-width: 720px) {
  .info-grid {
    grid-template-columns: 1fr;
  }
}