.voice-demos{isolation:isolate;padding:64px 0 80px;scroll-margin-top:100px;position:relative}.voice-demos__inner{width:1040px;max-width:calc(100% - clamp(48px,10vw,144px));margin:0 auto}.voice-demos__heading{text-align:center;margin-bottom:36px}.voice-demos__heading h2{color:#000b2d;margin:0;font-size:28px;font-weight:700;line-height:1.5}.voice-demos__hint{color:#777;margin:12px 0 0;font-size:13px;line-height:1.8}.voice-demos__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid;position:relative}.voice-demo{background:0 0;flex-direction:column;min-width:0;padding:28px 24px 24px;display:flex}.voice-demo__title{color:#000b2d;text-wrap:pretty;margin:0 0 14px;font-size:18px;font-weight:700;line-height:1.55}.voice-demo__description{color:#575757;flex:1;margin:0 0 26px;font-size:13px;font-weight:500;line-height:1.85}.voice-demo__player{background:#f1f7f9;border-radius:18px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:16px 14px;display:grid}.voice-demo__toggle{color:#fff;cursor:pointer;background:#000b2d;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:12px;transition:background .16s,transform .16s;display:flex}.voice-demo__toggle:hover{background:#087f99}.voice-demo__toggle:active{transform:scale(.95)}.voice-demo__toggle svg{fill:currentColor;width:24px;height:24px}.voice-demo[data-playing=true] .voice-demo__toggle{background:#087f99}.voice-demo__toggle:focus-visible{outline-offset:5px;outline:3px solid #087f99}.voice-demo__timeline{min-width:0}.voice-demo__meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 6px;margin-bottom:4px;display:flex}.voice-demo__playback-label{color:#000b2d;font-size:12px;font-weight:600;line-height:1.5}.voice-demo__waveform{height:36px;position:relative}.voice-demo__waveform svg{fill:#b5cdd5;width:100%;height:28px;position:absolute;inset:4px 0}.voice-demo__waveform svg.voice-demo__waveform-progress{fill:#087f99;clip-path:inset(0 calc(100% - var(--voice-progress)) 0 0)}.voice-demo__seek{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.voice-demo__waveform:focus-within{outline-offset:2px;border-radius:3px;outline:2px solid #087f99}.voice-demo__time{color:#566d78;font-family:var(--font-site);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:500;line-height:1.4}.voice-demo__error{color:#8b2929;margin:12px 0 0;font-size:12px;line-height:1.7}@media (max-width:1000px) and (min-width:841px){.voice-demos__inner{max-width:calc(100% - 64px)}.voice-demos__cards{gap:16px}.voice-demo{padding-inline:20px}.voice-demo__title{font-size:16px}.voice-demo__player{gap:10px;padding-inline:12px}}@media (max-width:840px){.voice-demos{padding:40px 0 56px}.voice-demos__inner{width:500px;max-width:calc(100% - 48px)}.voice-demos__heading{margin-bottom:28px}.voice-demos__heading h2{font-size:23px}.voice-demos__hint{margin:10px 0 0;font-size:11px}.voice-demos__cards{grid-template-columns:minmax(0,1fr);gap:20px}.voice-demo{padding:24px 22px 20px}.voice-demo__title{min-height:0;margin-bottom:12px;font-size:17px}.voice-demo__description{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.voice-demo__toggle{transition:none}}