.section-soft .hero-actions .btn-v2-secondary {
  color: var(--sr-primary-dark) !important;
  border-color: #b8adff;
  background: #fff;
}

.demo-placeholder {
  min-height: 560px;
  display: grid;
  place-items: center;
  padding: 2rem;
  color: var(--sr-ink);
  background:
    radial-gradient(circle at 20% 20%, rgba(91, 61, 245, 0.16), transparent 15rem),
    linear-gradient(145deg, #f8f7ff, #fff);
  text-align: center;
}

.demo-placeholder-inner { max-width: 360px; }
.demo-placeholder-icon { margin-bottom: 1rem; color: var(--sr-primary); font-size: 3rem; }
.demo-placeholder h3 { margin: 0 0 0.65rem; font-size: 1.35rem; }
.demo-placeholder p { margin: 0 0 1.2rem; color: var(--sr-muted); line-height: 1.65; }
.demo-frame iframe[hidden] { display: none; }

@media (max-width: 620px) {
  .demo-placeholder { min-height: 480px; }
}