/* HORA MUSIC v11 — ajustes responsivos sobre o design Studio Dark. */
.hero-section{padding-top:clamp(48px,7vw,86px)}
.hero-copy{display:grid;justify-items:center;gap:16px;text-align:center}
.hero-title{max-width:850px;text-wrap:balance}
.hero-desc{max-width:680px;text-wrap:pretty}
.studio-wrap{margin-top:clamp(28px,5vw,48px)}
.home-create-note{color:var(--muted)}
.voice-instruction-card{border-color:color-mix(in oklab,var(--record) 24%,var(--border))}
.voice-instruction-card.recording{border-color:color-mix(in oklab,var(--record) 72%,var(--border));box-shadow:0 0 0 1px color-mix(in oklab,var(--record) 20%,transparent),0 18px 50px -30px color-mix(in oklab,var(--record) 65%,transparent)}
.voice-instruction-button{background:color-mix(in oklab,var(--record) 16%,var(--surface-2));color:var(--record)}
@media(max-width:767px){
  .hero-section{padding-top:34px}
  .hero-copy{gap:12px;padding-inline:8px}
  .hero-title{font-size:clamp(34px,10vw,46px);line-height:1.02}
  .hero-desc{font-size:13px;line-height:1.65;max-width:34rem}
  .studio-wrap{margin-top:24px}
  .studio-card{border-radius:22px}
  .instruction-intro{align-items:flex-start;gap:10px}
  .instruction-intro h2{font-size:14px}
  .instruction-counter{font-size:10px;white-space:nowrap}
  .voice-instruction-card{grid-template-columns:auto minmax(0,1fr);gap:12px}
  .voice-instruction-state{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;width:100%}
  .studio-actions{align-items:stretch}
  .home-create-note{max-width:none}
  .create-btn{width:100%;justify-content:center}
}
@media(max-width:480px){
  .hero-title{font-size:clamp(31px,10.5vw,40px)}
  .mode-tabs{gap:6px}
  .mode-btn{min-width:max-content;padding-inline:10px}
  .voice-instruction-button{width:46px;height:46px}
}
@keyframes home-mic-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--record) 48%,transparent)}100%{box-shadow:0 0 0 20px transparent}}