/* ============ video thumbs (shared) ============ */
.video-wrap { max-width: 700px; margin: 0 auto 20px; }
.video-thumb { display: block; position: relative; cursor: pointer; border-radius: 4px; overflow: hidden; }
.video-thumb .play-icon {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 60px; height: 60px; background: rgba(217, 48, 47, 0.92);
  border-radius: 12px; display: flex; align-items: center; justify-content: center;
}
.video-thumb .play-icon svg { width: 20px; height: 20px; fill: #fff; margin-left: 3px; }
.video-thumb .video-label {
  position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);
  color: #fff; font-weight: 700; letter-spacing: 2px; font-size: 0.8rem; text-transform: uppercase;
}

.hero-bg-video { position: relative; border-radius: 6px; overflow: hidden; }
.hero-bg-video video { width: 100%; display: block; }
.hero-bg-video__watch-link { position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,0.6); color: #fff; font-size: 0.75rem; padding: 6px 12px; border-radius: 14px; text-decoration: none; }

.testimonial-row { display: flex; gap: 24px; flex-wrap: wrap; justify-content: center; }
.testimonial-row .video-wrap { max-width: 320px; }

/* ============ journey / clincheck callout ============ */
.callout-box { background: #faf0ee; border-radius: 8px; padding: 24px; margin: 24px 0; }
.callout-box h3 { color: #d9302f; margin-top: 0; }
ol.journey { padding-left: 20px; }
ol.journey li { margin-bottom: 8px; }