/* One genuine testimonial, presented as an intentional client-story gallery. */
[data-company-page="video-testimonials"] .testimonial-hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 83% 26%, rgba(216,255,97,.18), transparent 25%), radial-gradient(circle at 65% 96%, rgba(116,76,231,.38), transparent 38%);
}

[data-company-page="video-testimonials"] .testimonial-hero::after {
  content: "CLIENT STORY";
  position: absolute;
  right: 6vw;
  bottom: 28px;
  color: rgba(255,255,255,.08);
  font: 700 clamp(42px, 9vw, 130px)/.8 Manrope, Arial, sans-serif;
  letter-spacing: -.09em;
  pointer-events: none;
}

[data-company-page="video-testimonials"] .testimonial-showcase {
  position: relative;
  z-index: 1;
  align-items: stretch;
  gap: clamp(16px, 2vw, 28px);
  padding-top: 24px;
  padding-bottom: 110px;
}

[data-company-page="video-testimonials"] .video-testimonial-card {
  min-height: 0;
  padding: 13px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(56,37,112,.92), rgba(21,13,54,.96));
  box-shadow: 0 22px 48px rgba(8,4,27,.24), inset 0 1px rgba(255,255,255,.12);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

[data-company-page="video-testimonials"] .video-testimonial-card:nth-child(2) {
  background: linear-gradient(155deg, rgba(81,46,157,.94), rgba(29,16,68,.96));
}

[data-company-page="video-testimonials"] .video-testimonial-card:nth-child(3) {
  background: linear-gradient(155deg, rgba(38,69,147,.92), rgba(21,14,58,.96));
}

[data-company-page="video-testimonials"] .video-testimonial-card:hover {
  transform: translateY(-7px);
  border-color: rgba(216,255,97,.78);
  box-shadow: 0 30px 62px rgba(8,4,27,.35), inset 0 1px rgba(255,255,255,.18);
}

[data-company-page="video-testimonials"] .testimonial-video-shell {
  position: relative;
  overflow: hidden;
  aspect-ratio: 9 / 16;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 12px;
  background: #0c0820;
  box-shadow: 0 14px 28px rgba(0,0,0,.24);
}

[data-company-page="video-testimonials"] .testimonial-video-shell iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

[data-company-page="video-testimonials"] .video-play-hint {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 99px;
  background: rgba(20,11,49,.72);
  backdrop-filter: blur(9px);
  color: #fff;
  font: 700 9px/1 Manrope, Arial, sans-serif;
  pointer-events: none;
}

[data-company-page="video-testimonials"] .video-play-hint i {
  display: grid;
  width: 19px;
  height: 19px;
  place-items: center;
  border-radius: 50%;
  background: #d8ff61;
  color: #1b1039;
  font-size: 7px;
  font-style: normal;
}

[data-company-page="video-testimonials"] .testimonial-video-copy {
  display: flex;
  min-height: 126px;
  padding: 17px 6px 5px;
  flex-direction: column;
  justify-content: space-between;
}

[data-company-page="video-testimonials"] .testimonial-video-copy p,
[data-company-page="video-testimonials"] .testimonial-video-copy > span {
  margin: 0;
  color: #d8ff61;
  font: 500 9px/1.35 'DM Mono', monospace;
  letter-spacing: .075em;
  text-transform: uppercase;
}

[data-company-page="video-testimonials"] .testimonial-video-copy h2 {
  max-width: 250px;
  margin: 12px 0 18px;
  color: #f8f5ff;
  font: 600 clamp(24px, 2.25vw, 31px)/.98 'Playfair Display', Georgia, serif;
  letter-spacing: -.05em;
}

body:not(.dark-mode)[data-company-page="video-testimonials"] .video-testimonial-card {
  border-color: rgba(57,31,112,.28);
  background: linear-gradient(155deg, #f7f2ff, #e5dcf7);
  box-shadow: 0 22px 48px rgba(56,34,104,.12), inset 0 1px rgba(255,255,255,.94);
}

body:not(.dark-mode)[data-company-page="video-testimonials"] .video-testimonial-card:nth-child(2) { background: linear-gradient(155deg, #efe7ff, #ded0f7); }
body:not(.dark-mode)[data-company-page="video-testimonials"] .video-testimonial-card:nth-child(3) { background: linear-gradient(155deg, #e7edff, #d7dcf4); }
body:not(.dark-mode)[data-company-page="video-testimonials"] .video-testimonial-card:hover { border-color: #48258f; box-shadow: 0 30px 62px rgba(56,34,104,.2), inset 0 1px rgba(255,255,255,.96); }
body:not(.dark-mode)[data-company-page="video-testimonials"] .testimonial-video-copy h2 { color: #25154d; }
body:not(.dark-mode)[data-company-page="video-testimonials"] .video-play-hint { border-color: rgba(44,25,91,.28); background: rgba(255,255,255,.76); color: #25154d; }

@media (max-width: 980px) and (min-width: 761px) {
  [data-company-page="video-testimonials"] .testimonial-showcase { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-company-page="video-testimonials"] .video-testimonial-card:last-child { grid-column: 1 / -1; max-width: calc(50% - 14px); }
}

@media (max-width: 760px) {
  [data-company-page="video-testimonials"] .testimonial-hero::after { right: 5vw; bottom: 18px; font-size: 58px; }
  [data-company-page="video-testimonials"] .testimonial-showcase { padding-top: 12px; gap: 18px; }
  [data-company-page="video-testimonials"] .video-testimonial-card { padding: 12px; border-radius: 15px; }
  [data-company-page="video-testimonials"] .testimonial-video-shell { max-width: 300px; margin: 0 auto; }
  [data-company-page="video-testimonials"] .testimonial-video-copy { min-height: 0; padding: 19px 7px 8px; }
  [data-company-page="video-testimonials"] .testimonial-video-copy h2 { max-width: 290px; margin: 12px 0 20px; font-size: 29px; }
}