.proof-shot {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--bs-border-color);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 .8rem 2.2rem rgba(25, 35, 70, .09);
}

.proof-shot-link { display: block; border-radius: 1rem; }
.proof-shot-link:focus-visible { outline: 3px solid rgba(var(--bs-primary-rgb), .35); outline-offset: 4px; }
.proof-frame { overflow: hidden; border-radius: 1rem; background: #f7f7fa; }
.proof-frame--document { max-height: 41rem; }
.proof-frame--document .proof-shot { border: 0; border-radius: 0; box-shadow: none; }
.proof-step { display: inline-flex; align-items: center; justify-content: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--bs-primary); color: #fff; font-weight: 700; flex: 0 0 auto; }
.proof-journey a { color: var(--bs-body-color); text-decoration: none; }
.proof-journey a:hover { color: var(--bs-primary); }
.proof-demo-badge { letter-spacing: .05em; text-transform: uppercase; }
.proof-before { border-left: .25rem solid var(--bs-primary); }
.proof-caption { color: var(--bs-secondary-color); font-size: .9rem; }

@media (max-width: 767.98px) {
  .proof-frame--document { max-height: 29rem; }
  .proof-shot { border-radius: .75rem; }
}