/* VOICEOVER PAGE */
.voice-profile-grid {
  display: grid; grid-template-columns: 1fr 1.5fr; gap: 4rem; align-items: center;
}

.mic-visual {
  padding: 3rem 2rem; text-align: center; display: flex; flex-direction: column;
  align-items: center; gap: 1.5rem;
  background: radial-gradient(circle at center, rgba(0,212,255,0.05), transparent 70%);
}

.mic-icon {
  font-size: 5rem;
  background: var(--gradient-1);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  animation: micPulse 2s ease-in-out infinite;
}

@keyframes micPulse {
  0%,100% { transform: scale(1); filter: drop-shadow(0 0 10px rgba(0,212,255,0.3)); }
  50% { transform: scale(1.05); filter: drop-shadow(0 0 20px rgba(0,212,255,0.6)); }
}

.sound-waves { display: flex; align-items: center; gap: 4px; height: 50px; }

.wave {
  width: 4px; border-radius: 2px;
  background: var(--gradient-1); animation: waveAnim 1.2s ease-in-out infinite;
}

.wave:nth-child(1) { height: 15px; animation-delay: 0s; }
.wave:nth-child(2) { height: 30px; animation-delay: 0.1s; }
.wave:nth-child(3) { height: 45px; animation-delay: 0.2s; }
.wave:nth-child(4) { height: 50px; animation-delay: 0.3s; }
.wave:nth-child(5) { height: 40px; animation-delay: 0.4s; }
.wave:nth-child(6) { height: 25px; animation-delay: 0.5s; }
.wave:nth-child(7) { height: 12px; animation-delay: 0.6s; }

@keyframes waveAnim {
  0%,100% { transform: scaleY(1); }
  50% { transform: scaleY(0.3); }
}

.voice-type-badges { display: flex; gap: .75rem; }

.voice-stats-row { display: flex; gap: 1rem; width: 100%; }

.v-stat {
  flex: 1; padding: 1rem; text-align: center;
}

.v-stat-num {
  font-family: var(--font-heading); font-size: 1.5rem; font-weight: 800; line-height: 1;
}

.v-stat-label { font-size: .7rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: .08em; margin-top: .3rem; }

.voice-specs-list { display: flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem; }

.vs-item { display: flex; align-items: flex-start; gap: 1rem; }

.vs-icon {
  width: 40px; height: 40px; min-width: 40px; border-radius: 10px;
  background: rgba(0,212,255,.1); color: var(--neon-blue);
  display: flex; align-items: center; justify-content: center; font-size: 1rem;
}

.vs-item h4 { font-size: .9rem; margin-bottom: .2rem; }
.vs-item p { font-size: .82rem; }

/* Audio tabs */
.audio-tabs {
  display: flex; gap: .75rem; margin-bottom: 2rem; flex-wrap: wrap;
}

.audio-tab {
  padding: .6rem 1.5rem; border-radius: 50px; border: 1px solid var(--glass-border);
  background: var(--glass-bg); color: var(--text-secondary); font-family: var(--font-body);
  font-size: .88rem; font-weight: 500; cursor: pointer; transition: var(--transition);
}

.audio-tab:hover { color: var(--text-primary); }
.audio-tab.active { background: var(--gradient-1); color: #fff; border-color: transparent; box-shadow: 0 4px 15px rgba(0,212,255,.3); }

.audio-cat { display: none; flex-direction: column; gap: 1rem; }
.audio-cat.active { display: flex; }

.custom-player { padding: 1.5rem; display: flex; flex-direction: column; gap: 1rem; }

.player-info { display: flex; align-items: center; gap: 1rem; }
.player-text { flex: 1; }
.player-title { font-size: .95rem; font-weight: 600; color: var(--text-primary); }
.player-sub { font-size: .78rem; color: var(--text-muted); margin-top: .2rem; }

.player-controls { display: flex; align-items: center; gap: 1rem; }

.play-btn {
  width: 48px; height: 48px; border-radius: 50%; border: none; cursor: pointer;
  background: var(--gradient-1); color: #fff; font-size: 1rem;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  transition: var(--transition); box-shadow: 0 4px 15px rgba(0,212,255,.3);
}

.play-btn:hover { transform: scale(1.1); box-shadow: 0 6px 25px rgba(0,212,255,.5); }

.player-timeline { flex: 1; }
.timeline-bar { width: 100%; height: 4px; background: rgba(255,255,255,.1); border-radius: 2px; overflow: hidden; cursor: pointer; }
.timeline-fill { height: 100%; background: var(--gradient-1); border-radius: 2px; transition: width .1s linear; }
.timeline-times { display: flex; justify-content: space-between; font-size: .7rem; color: var(--text-muted); margin-top: .4rem; }

.player-waveform { width: 120px; height: 40px; flex-shrink: 0; }

.waveform-bars { display: flex; align-items: center; gap: 2px; height: 100%; }

.player-note {
  display: flex; align-items: center; gap: .75rem; font-size: .8rem; color: var(--text-muted);
  padding: .75rem; background: rgba(255,255,255,.02); border-radius: 8px; border: 1px solid var(--glass-border);
}

.audio-placeholder {
  padding: 4rem 2rem; text-align: center; display: flex; flex-direction: column; align-items: center;
}

.ap-icon { font-size: 3.5rem; color: var(--neon-blue); margin-bottom: 1rem; opacity: .6; }

.audio-placeholder h3 { margin-bottom: .75rem; }
.audio-placeholder p { max-width: 400px; }

/* CTA grid */
.voice-cta-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

.voice-cta-card { padding: 2rem; text-align: center; }
.voice-cta-card h3 { margin-bottom: .75rem; }
.voice-cta-card p { font-size: .88rem; }

@media (max-width: 1024px) {
  .voice-profile-grid { grid-template-columns: 1fr; }
  .voice-cta-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .voice-stats-row { flex-direction: column; }
  .player-waveform { display: none; }
}