/* Shared public-site palette, with fallbacks for the private preview. */
.voice-demo{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding-block:72px;color:var(--ink,#172b4d);font-family:inherit;scroll-margin-top:16px}
.voice-demo[hidden],.voice-demo [hidden],[data-demo-link][hidden]{display:none!important}
.telstat-hero .hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center}
.voice-demo h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.035em;margin:14px 0 24px}
.voice-demo p{line-height:1.65;margin:0 0 18px;color:var(--muted,#526078)}
.voice-demo-player{min-width:0;padding:32px;background:var(--wash,#f5f7fb);border:1px solid var(--line,#e1e6ef);border-radius:var(--radius,24px)}
.voice-demo .btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 24px;border:1px solid transparent;border-radius:9px;font:inherit;font-weight:600;line-height:1.35;cursor:pointer;margin:0 8px 12px 0;transition:background .18s,box-shadow .18s,transform .18s}
.voice-demo .btn-primary{background:var(--blue,#2155e8);color:#fff;box-shadow:0 3px 4px #214cd10a}
.voice-demo .btn-primary:hover:not(:disabled){background:var(--blue-hover,#1742bd);box-shadow:0 7px 18px #2155e826;transform:translateY(-1px)}
.voice-demo .btn-secondary{background:#fff;color:var(--blue,#2155e8);border-color:#cbd5eb}
.voice-demo .btn-secondary:hover:not(:disabled){background:#edf3ff;border-color:var(--blue,#2155e8)}
.voice-demo button:disabled{opacity:.6;cursor:not-allowed}
.voice-demo button:focus-visible,.voice-demo summary:focus-visible,.voice-demo input:focus-visible{outline:3px solid var(--blue,#2155e8);outline-offset:5px}
.voice-demo-check{display:flex;gap:10px;align-items:flex-start;line-height:1.5;margin:14px 0}
.voice-demo-check input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--blue,#2155e8)}
.voice-demo .voice-demo-note{font-size:.85rem;color:var(--muted,#526078);margin-top:12px}
.voice-demo-policy{font-size:.85rem;line-height:1.6}
.voice-demo-policy summary{cursor:pointer;text-decoration:underline;margin-bottom:12px;color:var(--blue,#2155e8)}
.voice-demo-symbol{display:flex;align-items:center;gap:5px;height:48px;margin-bottom:22px}
.voice-demo-symbol span{display:block;width:7px;background:var(--blue,#2155e8);border-radius:8px;height:18px}
.voice-demo-symbol span:nth-child(2),.voice-demo-symbol span:nth-child(4){height:30px}
.voice-demo-symbol span:nth-child(3){height:42px}
.voice-demo.is-speaking .voice-demo-symbol span{animation:demo-pulse .8s ease-in-out infinite alternate}
.voice-demo.is-speaking .voice-demo-symbol span:nth-child(2n){animation-delay:.3s}
@keyframes demo-pulse{to{transform:scaleY(.4)}}
@media(max-width:700px){.voice-demo{grid-template-columns:1fr;gap:24px;padding-block:40px}.voice-demo-player{padding:24px}.voice-demo h2{font-size:2.2rem}.telstat-hero .hero-actions .btn{gap:10px;padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.voice-demo.is-speaking .voice-demo-symbol span{animation:none}.voice-demo .btn{transition:none}}
