/**
 * Volledige demo blok, v5.95.0
 *
 * De rondleiding in een iframe. De hoogte is ruim genoeg voor de zijbalk plus
 * een volledig paneel; op een telefoon schuift de app zelf naar een kolom.
 */

.lpl-vd { background: var(--bg-deep); }

.lpl-vd-head { max-width: 720px; margin: 0 auto 28px; text-align: center; }

.lpl-vd-eyebrow {
  margin: 0 0 10px; font-size: 13px; font-weight: 600;
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue);
}

.lpl-vd-title {
  margin: 0 0 14px; font-size: clamp(25px, 3.3vw, 36px);
  line-height: 1.22; color: var(--ink);
}

.lpl-vd-lede { margin: 0; font-size: 17px; line-height: 1.65; color: var(--ink-muted); }

.lpl-vd-frame-wrap {
  max-width: 1100px;
  margin: 0 auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  background: var(--bg);
}

.lpl-vd-frame {
  display: block;
  width: 100%;
  height: 720px;
  border: 0;
}

.lpl-vd-note {
  max-width: 720px;
  margin: 14px auto 0;
  font-size: 13px;
  line-height: 1.6;
  text-align: center;
  color: var(--muted);
}

.lpl-vd-gate { margin: 18px 0 0; text-align: center; }

@media (max-width: 860px) {
  .lpl-vd-frame { height: 620px; }
  .lpl-vd-head, .lpl-vd-note { text-align: left; }
}