/* Put the voice story beside its explanation, keeping the moving example compact. */
#talk.voice-story-section{padding:56px 0;scroll-margin-top:70px}
#talk>.container{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr);gap:clamp(18px,2.3vw,36px);align-items:center}
#talk .vs-heading{margin:0;max-width:380px}
#talk .vs-heading h2{font-size:clamp(1.9rem,2.5vw,2.7rem);line-height:1.12;margin:0 0 16px}
#talk .vs-heading .eyebrow{margin-bottom:13px}
#talk .vs-intro{max-width:360px;color:#506787;font-size:1rem;line-height:1.5;margin:0}
#talk .vs-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:14px;min-width:0}
#talk .vs-human,#talk .vs-demo{height:clamp(340px,34vw,460px);min-height:0;border-radius:14px}
#talk .vs-human figcaption{left:17px;right:15px;bottom:18px;font-size:clamp(1.15rem,1.65vw,1.55rem)}
#talk .vs-browser{padding:7px 12px;min-height:42px;align-items:center}
#talk .vs-browser small{font-size:10px}
#talk .vs-adaptive{min-height:100px;padding:9px 13px}
#talk .vs-adaptive h4{font-size:clamp(1rem,1.4vw,1.3rem);margin:4px 0}
#talk .vs-adaptive p{font-size:11px;margin-bottom:5px}
#talk .vs-page-cta{font-size:10px;padding:4px 7px}
#talk .vs-chat{padding:7px 12px 9px}
#talk .vs-modes>span{padding:5px 7px;font-size:11px}
#talk .vs-messages{min-height:75px;gap:4px;padding:5px 0}
#talk .vs-messages p{font-size:11px;min-height:0;padding:5px 7px}
#talk .vs-input{min-height:30px;font-size:11px;padding:3px 4px 3px 7px}
#talk .vs-controls{min-height:38px;padding:5px 8px}
#talk .vs-controls button{font-size:10px;padding:4px 6px}
#talk .vs-voice-scene{inset:42px 0 38px;padding:10px 16px}
#talk .vs-voice-scene h3{font-size:clamp(1.25rem,1.8vw,1.6rem);margin:4px 0 7px}
#talk .vs-voice-eyebrow{margin:0}
#talk .vs-big-wave{height:30px;margin:4px 0}
#talk .vs-voice-mic{width:54px;height:54px;margin:4px 0 8px}
#talk .vs-voice-mic svg{width:24px;height:27px}
#talk .vs-voice-prompt{margin:0 0 8px}
#talk .vs-spoken-lines{gap:4px}
#talk .vs-spoken-lines p{padding:5px 7px;min-height:28px;font-size:10px}
#talk .vs-spoken-lines strong{padding-top:6px}
#talk .vs-voice-switch{margin-top:7px;padding:4px 8px}
#talk .vs-voice-note{margin-top:4px}
#talk .vs-live{grid-column:1/-1}
@media(max-width:1100px){
  #talk>.container{grid-template-columns:minmax(0,.72fr) minmax(0,1.48fr);gap:16px}
  #talk .vs-heading h2{font-size:clamp(1.55rem,2.7vw,2rem)}
  #talk .vs-human,#talk .vs-demo{height:350px}
  #talk .vs-spoken-lines,#talk .vs-voice-switch,#talk .vs-voice-note{display:none}
  #talk .vs-voice-scene{justify-content:center}
}
@media(max-width:760px){
  #talk>.container{display:block}
  #talk .vs-heading{max-width:600px;margin-bottom:22px}
  #talk .vs-heading h2{font-size:clamp(2rem,6vw,2.6rem)}
  #talk .vs-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
  #talk .vs-human,#talk .vs-demo{height:350px}
}
@media(max-width:540px){
  #talk .vs-layout{grid-template-columns:1fr}
  #talk .vs-human{height:245px}
  #talk .vs-demo{height:400px}
  #talk .vs-spoken-lines{display:grid}
}