/* The recording stays in the existing branded call window. */
[hidden]{display:none!important}
.hero-visual{min-width:0}
.call-recording{overflow:hidden}
.call-recording .call-card-header{padding-bottom:14px}
.recording-heading{display:grid;gap:4px;padding:16px 20px 0}
.recording-heading>strong{font-size:.94rem;line-height:1.35;color:#172b4d}
.recording-heading>span{font-size:.72rem;color:#64748b}
.audio-player{padding:16px 20px 14px}
.audio-player audio{width:100%;height:46px}
.custom-audio-controls{display:flex;align-items:center;gap:12px}
.call-play{width:46px;height:46px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;background:#f7bd3b;color:#172b4d;cursor:pointer;box-shadow:0 4px 12px #e6b74640;transition:background .2s,transform .2s}
.call-play:hover{background:#ffcb58;transform:scale(1.04)}
.call-play svg{width:24px;height:24px;fill:currentColor;stroke:none}
.call-play .pause-symbol,.call-play.is-playing .play-symbol{display:none}
.call-play.is-playing .pause-symbol{display:block}
.audio-progress{flex:1;min-width:0}
.audio-progress-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.69rem;color:#64748b}
.audio-progress-label strong{font-size:.76rem;color:#244f80}
.audio-progress-label>span{font-variant-numeric:tabular-nums;white-space:nowrap}
.call-seek{--progress:0%;display:block;width:100%;height:26px;margin:3px 0 0;appearance:none;-webkit-appearance:none;cursor:pointer;background:transparent;touch-action:pan-y}
.call-seek::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(to right,#2b5687 var(--progress),#dfe7f1 var(--progress))}
.call-seek::-moz-range-track{height:5px;border-radius:8px;background:#dfe7f1}
.call-seek::-moz-range-progress{height:5px;background:#2b5687;border-radius:8px}
.call-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:13px;width:13px;border-radius:50%;background:#2b5687;border:2px solid white;box-shadow:0 1px 5px #142a5040;margin-top:-4px}
.call-seek::-moz-range-thumb{height:10px;width:10px;border-radius:50%;background:#2b5687;border:2px solid white}
.call-chapters{display:grid;grid-template-columns:1fr 1.35fr 1fr;margin:0 16px;padding:4px;background:#edf2f8;border-radius:10px;gap:3px}
.call-chapters button{border:0;background:transparent;color:#60718a;border-radius:7px;font:600 .65rem/1.4 'DM Sans',sans-serif;padding:8px 3px;cursor:pointer;white-space:nowrap}
.call-chapters button span{display:block;font-size:.6rem;letter-spacing:.08em;margin-bottom:2px;opacity:.8}
.call-chapters button[aria-current]{background:#244f80;color:white;box-shadow:0 2px 5px #193b6520}
.transcript-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 20px 7px;font-size:.62rem;color:#64748b}
.transcript-follow{border:0;background:none;color:#2b5687;padding:5px 0;font:600 .62rem 'DM Sans',sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.call-transcript{position:relative;height:240px;overflow:auto;overscroll-behavior:contain;padding:0 16px 12px;scrollbar-width:thin;scrollbar-color:#b9c9de transparent;scroll-padding:14px;border-bottom:1px solid #e7edf5}
.transcript-line{display:block;width:100%;margin:0 0 9px;padding:12px 13px;text-align:left;font:inherit;border:1px solid #e0e7f0;border-left:3px solid transparent;border-radius:10px;background:#f5f7fa;color:#364a65;cursor:pointer;transition:background .18s,border-color .18s;overflow-wrap:anywhere}
.transcript-line:hover{border-color:#9eb6d3}
.transcript-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;font-size:.61rem;line-height:1.3}
.transcript-meta strong{font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.transcript-meta time{font-size:.6rem;color:#52637a;font-variant-numeric:tabular-nums}
.transcript-words{display:block;font-size:.84rem;line-height:1.55}
.spoken-word{border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.spoken-word.is-speaking{background:#f7bd3b;color:#142a50;box-shadow:0 0 0 2px #f7bd3b}
.speaker-angel{background:#edf3fb;color:#234d7b}
.speaker-narrator{background:#fcf7e9;color:#665331}
.speaker-technician{background:#edf6f2;color:#27574a}
.transcript-line.is-active{background:#e0ecfb;border-color:#93b2d7;border-left-color:#e4a81d;box-shadow:0 2px 8px #142a5010;color:#173a64}
.speaker-customer.is-active{background:#edf1f6}
.speaker-narrator.is-active{background:#fff0c3;border-color:#e5c45f;border-left-color:#c58b08;color:#5d430b}
.speaker-technician.is-active{background:#e0f0e9;border-color:#84b9a3;border-left-color:#277757}
.recording-outcome{display:flex;align-items:center;gap:10px;margin:13px 16px 9px;padding:12px;background:#fff3ce;border:1px solid #ead391;border-radius:10px}
.recording-outcome .status-icon{width:30px;height:30px}
.recording-outcome strong{display:block;font-size:.73rem;color:#5e440e;line-height:1.4}
.recording-outcome div>span{display:block;font-size:.61rem;line-height:1.5;color:#7b683d;margin-top:2px}
.recording-note{margin:0 15px 13px;text-align:center;font-size:.57rem;color:#52637a;line-height:1.4}
.call-audio-error{font-size:.73rem;color:#8b3b22;margin:10px 0 0}
.call-play:focus-visible,.call-seek:focus-visible,.call-chapters button:focus-visible,.transcript-line:focus-visible,.transcript-follow:focus-visible,.call-transcript:focus-visible{outline:3px solid #dfa71f;outline-offset:2px}
@media(max-width:600px){.recording-heading{padding:14px 15px 0}.recording-heading>strong{font-size:.86rem}.recording-heading>span{font-size:.67rem}.audio-player{padding:14px 15px 12px}.audio-progress-label strong{font-size:.7rem}.audio-progress-label{font-size:.64rem}.custom-audio-controls{gap:9px}.call-chapters{margin:0 11px}.call-chapters button{font-size:.58rem;padding:8px 2px}.transcript-toolbar{padding:10px 14px 6px;font-size:.59rem}.call-transcript{height:245px;padding:0 11px 10px}.transcript-words{font-size:.79rem}.transcript-line{padding:11px 12px}.recording-outcome{margin:11px 11px 8px;padding:10px}.recording-outcome strong{font-size:.68rem}.recording-outcome div>span{font-size:.6rem}.recording-note{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){.transcript-line,.call-play{transition:none}}

/* The authentic caller reaction sits with the result, leaving its CTA clear. */
.proof-section{scroll-margin-top:90px}
.proof-grid{gap:70px;align-items:center}
.proof-result{padding-right:50px}
.proof-reaction{margin:28px 0 0;padding:24px 0 0;border-top:1px solid #ffffff26;max-width:400px}
.reaction-source{display:flex;align-items:center;gap:8px;color:#f7ce71;font:700 .64rem/1.5 'DM Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.reaction-dot{width:6px;height:6px;border-radius:50%;background:#f7bd3b;box-shadow:0 0 0 4px #f7bd3b16;flex:none}
.proof-reaction blockquote{margin:13px 0 10px;color:#fff;font:500 clamp(1.05rem,1.5vw,1.3rem)/1.55 'Fraunces',Georgia,serif;letter-spacing:-.01em}
.proof-reaction .reaction-attribution{margin:0 0 17px;color:#c1d0e3;font-size:.64rem;line-height:1.5}
.reaction-controls .custom-audio-controls{gap:12px}
.reaction-controls .call-play{width:40px;height:40px;box-shadow:0 3px 18px #f7bd3b22}
.reaction-controls .call-play svg{width:20px;height:20px}
.reaction-controls .audio-progress-label strong{color:#fff;font-size:.72rem}
.reaction-controls .audio-progress-label{color:#c1d0e3;font-size:.65rem}
.reaction-controls .call-seek::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#f7bd3b var(--progress),#ffffff30 var(--progress))}
.reaction-controls .call-seek::-moz-range-track{height:3px;background:#ffffff30}
.reaction-controls .call-seek::-moz-range-progress{background:#f7bd3b}
.reaction-controls .call-seek::-webkit-slider-thumb{height:11px;width:11px;background:#f7bd3b;border:2px solid #ffe9b8;margin-top:-4px}
.reaction-controls .call-seek::-moz-range-thumb{background:#f7bd3b;border-color:#ffe9b8}
.reaction-controls audio{width:100%;height:40px;margin-top:4px}
.reaction-controls .call-audio-error{color:#ffdeac}
.reaction-controls .call-audio-error a{color:#fff}
@media(max-width:1000px){.proof-grid{gap:40px}.proof-result{padding-right:30px}}
@media(max-width:900px){.proof-result{padding-right:0}.proof-reaction{max-width:470px}.proof-grid{gap:40px}}
@media(max-width:600px){.proof-reaction{margin-top:24px;padding-top:21px;max-width:none;text-align:left}.proof-reaction blockquote{font-size:1.12rem}.proof-grid{gap:34px}.reaction-source{font-size:.59rem}.proof-reaction .reaction-attribution{font-size:.62rem}}