.call-demo{padding-top:100px;padding-bottom:80px;display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,6vw,90px);border-bottom:1px solid #ffffff1a}
.call-demo-copy h2{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-2px;margin:20px 0 24px}
.call-demo-copy>p:not(.section-kicker){line-height:1.65;max-width:44ch}
.call-demo .call-disclosure{font-size:14px;color:#eee9de;margin-top:24px;font-weight:600}
.call-demo .call-context{font-size:13px;color:#b4b1a9;margin-top:10px}
.call-player{min-width:0;padding-top:10px}
.call-speakers{display:flex;flex-wrap:wrap;gap:12px}
.call-speakers span{border:1px solid #ffffff35;border-radius:24px;padding:10px 14px;font-size:13px;transition:background .15s,color .15s}
.call-speakers [data-speaker-badge="ai"].is-speaking{background:#b9d4f0;color:#101923;border-color:#b9d4f0}
.call-speakers [data-speaker-badge="customer"].is-speaking{background:#e9c48b;color:#241c0e;border-color:#e9c48b}
.call-now{min-height:3em;margin:22px 0 8px;font-size:14px;color:#d6d1c8}
.call-player audio{display:block;width:100%;max-width:100%;color-scheme:dark}
.call-player audio[hidden],.call-load[hidden]{display:none}
.call-load{border:1px solid #e9b76b;background:#e9b76b;color:#20180d;min-height:48px;padding:12px 22px;border-radius:28px;font-size:14px}
.call-load:disabled{opacity:.6;cursor:wait}
.call-download{font-size:12px;margin:12px 0 24px;color:#b4b1a9}
.call-download a{text-decoration:underline;text-underline-offset:3px}
.call-transcript{border-top:1px solid #ffffff25;padding-top:18px}
.call-transcript summary{cursor:pointer;font-size:15px;padding:8px 0}
.call-transcript summary span{font-size:12px;color:#b4b1a9;margin-left:12px;transform:none!important;display:inline}
.call-transcript-hint{font-size:12px;color:#b4b1a9;line-height:1.5;margin:12px 0}
.call-transcript ol{list-style:none;padding:0;margin:0;max-height:380px;overflow:auto;overscroll-behavior:contain}
.call-turn{border-left:3px solid transparent;margin:6px 0;background:#ffffff04}
.call-seek{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%;text-align:left;padding:15px;background:transparent;border:0;color:inherit;cursor:pointer;font:inherit}
.call-seek:disabled{cursor:default;opacity:1}
.call-turn-label{font-size:12px;font-weight:600;color:#b9d4f0}
.call-turn[data-speaker="customer"] .call-turn-label{color:#e9c48b}
.call-seek time{font-size:12px;color:#b4b1a9;font-variant-numeric:tabular-nums}
.call-turn-text{grid-column:1/-1;line-height:1.6;font-size:14px;color:#dedad1}
.call-turn.is-speaking{border-left-color:#b9d4f0;background:#b9d4f013}
.call-turn[data-speaker="customer"].is-speaking{border-left-color:#e9c48b;background:#e9c48b13}
.call-seek:focus-visible,.call-transcript summary:focus-visible{outline:2px solid #b9d4f0;outline-offset:2px}
@media(max-width:760px){.call-demo{grid-template-columns:1fr;padding-top:60px;padding-bottom:50px}.call-demo-copy h2{letter-spacing:-1px}.call-player{padding-top:0}}
@media(prefers-reduced-motion:reduce){.call-speakers span{transition:none}}