/* Page-scoped layout for Voice-over & Narration; no dependency on newly generated Tailwind utilities. */
.pv-voice-studio {
  background: linear-gradient(135deg, #151744 0%, #25216c 50%, #45258a 100%);
  border-color: #9996e5;
  box-shadow: 0 22px 48px rgba(25, 24, 83, .18);
}
.pv-voice-studio .pv-voice-studio-track {
  background: rgba(255, 255, 255, .10);
  border-color: rgba(232, 239, 255, .24);
}
.pv-voice-studio .pv-voice-studio-wave span {
  display: block;
  flex: 0 1 .375rem;
  width: .375rem;
  min-width: .25rem;
  border-radius: 999px;
  background: linear-gradient(180deg, #a5f3fc 0%, #818cf8 58%, #c4b5fd 100%);
}
.pv-voice-studio .pv-voice-studio-label {
  color: #eef2ff;
}
.pv-voice-studio .pv-voice-studio-caption {
  color: #e0e7ff;
}
.pv-voice-sections {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.pv-voice-sections > section { min-width: 0; }
.pv-voice-final-cta {
  padding: 2.5rem clamp(1.5rem, 3.5vw, 3rem) 3rem;
}
.pv-voice-final-cta .pv-voice-final-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.75rem;
}
.pv-voice-final-cta .pv-voice-final-actions a {
  min-height: 2.75rem;
}
@media (min-width: 1024px) {
  /* Position the illustration below the main heading, not beside the eyebrow. */
  .pv-voice-studio { margin-top: clamp(8rem, 9vw, 10rem); }
}
@media (max-width: 639px) {
  .pv-voice-sections { gap: 3.5rem; }
  .pv-voice-final-cta { padding: 2rem 1.25rem 2.5rem; }
  .pv-voice-final-cta .pv-voice-final-actions { align-items: stretch; }
  .pv-voice-final-cta .pv-voice-final-actions a { width: 100%; text-align: center; }
}