/* The below-hero call sample is independent of the cinematic story. */
.activation-preview:has(#panel-voice:not([hidden])){background:#fff8f2;padding:22px;color:#29211b;width:100%;max-width:460px;justify-self:end}
.activation-preview #panel-voice{padding:0}
#panel-voice .voice-heading{display:flex;align-items:center;gap:12px}
.voice-call-icon{display:grid;place-items:center;width:40px;height:40px;background:#fbe1cf;color:#a1370a;border-radius:50%;font-size:23px}
.voice-heading strong{font-weight:500;font-size:15px}.voice-heading p{font-size:11px;color:#79685c;margin-top:4px}.voice-sample-tag{margin-left:auto;font-size:10px;border:1px solid #decec1;padding:6px 9px;border-radius:20px;white-space:nowrap}
.voice-listening{text-align:center;padding:20px 0 4px}.voice-overline{font-size:11px;color:#806c5d}.voice-listening h3{font-size:25px;font-weight:400;letter-spacing:-1.1px;margin-top:11px;line-height:1.15}.voice-wave{height:54px;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;margin-top:8px}.voice-wave i{display:block;width:3px;height:4px;background:#c2410c;border-radius:3px;transform-origin:center;opacity:.65}.voice-wave i:nth-child(3n){height:10px}.voice-wave i:nth-child(5n){height:18px}.voice-wave i:nth-child(7n){height:28px}.voice-wave i:nth-child(11n){height:38px}
.voice-player{display:flex;align-items:center;gap:16px}.voice-player button{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#c2410c;color:white;display:grid;place-items:center;font-size:16px}.voice-track{flex:1;min-width:0}.voice-track input{display:block;width:100%;margin:0;height:24px;accent-color:#c2410c;cursor:pointer}.voice-time{display:flex;justify-content:space-between;font-size:10px;color:#79685c;font-variant-numeric:tabular-nums}.voice-status{font-size:11px!important;color:#806c5d!important;margin:10px 0 12px;min-height:17px}.voice-transcript{border-top:1px solid #e6d7cc;border-bottom:1px solid #e6d7cc}.voice-transcript summary{font-size:12px;padding:12px 0;cursor:pointer}.voice-transcript ol{list-style:none;margin:0;padding:4px 0 20px;display:grid;gap:17px}.voice-transcript li>span{font-size:10px;color:#9a4828}.voice-transcript li>p{font-size:12px;line-height:1.6;color:#40352d;margin-top:4px}.voice-crm-result{padding-top:16px}.voice-crm-title{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:11px;color:#79685c}.voice-crm-title img{object-fit:contain;width:44px;height:31px}.voice-crm-result>strong{font-size:16px;font-weight:500}.voice-crm-result>p{font-size:12px!important;color:#69564a!important;line-height:1.6;margin-top:8px}.voice-result-label{display:block;font-size:9px;color:#8e796a;margin-top:8px}.voice-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.activation-preview:has(#panel-voice:not([hidden]))>.example-note{color:#806c5d}
@media(max-width:900px){.activation-preview:has(#panel-voice:not([hidden])){padding:20px;max-width:none}.voice-listening{padding-top:18px}.voice-listening h3{font-size:24px}.voice-wave{gap:3px}.voice-heading{gap:9px}.voice-sample-tag{font-size:9px;padding:5px 7px}}
@media(prefers-reduced-motion:reduce){.voice-wave i{transform:none!important}}

@media(max-width:600px){.voice-heading{flex-wrap:wrap}.voice-sample-tag{margin-left:52px;max-width:calc(100% - 52px);white-space:normal}}

/* Compact sample: no transcript, duplicate outcome or CRM record. */
.activation-parallel #panel-voice{padding:24px 28px}
.activation-parallel .voice-sample-tag{display:inline-block;margin:0;font-size:10px;color:#806c5d;border:0;padding:0;border-radius:0}
.activation-parallel .voice-listening{padding:8px 0 12px}
.activation-parallel .voice-wave{height:66px;margin:0}
.activation-parallel .voice-status{margin:12px 0 0;min-height:32px;font-size:11px!important}
.voice-player svg{width:20px;height:20px}.voice-pause-shape{display:none}.is-playing .voice-play-shape{display:none}.is-playing .voice-pause-shape{display:block}
@media(max-width:600px){.activation-parallel #panel-voice{padding:22px}.activation-parallel .voice-sample-tag{margin-left:0;max-width:none}}

/* The primary Voice affordance carries the same weight as the phone opposite it. */
.activation-parallel #panel-voice{padding:28px;color:#fff}
.activation-parallel .voice-demo{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}
.activation-parallel .voice-sample-tag{order:0;color:#ffe6d4;font-size:11px;margin-bottom:28px}
.activation-parallel .voice-player{order:1;display:flex;flex-direction:column;gap:28px;width:100%}
.activation-parallel .voice-player button{width:144px;height:144px;background:#fff8f2;color:#b8430d;box-shadow:0 0 0 14px #ffffff0c;transition:transform .2s,box-shadow .2s}
.activation-parallel .voice-player button:hover{transform:scale(1.04);box-shadow:0 0 0 18px #ffffff12}
.activation-parallel .voice-player svg{width:52px;height:52px}
.activation-parallel .voice-track{width:100%;max-width:260px;flex:auto}.activation-parallel .voice-track input{accent-color:#fff3e8}.activation-parallel .voice-time{color:#ffe5d3}
.activation-parallel .voice-listening{order:2;width:100%;padding:14px 0 0}.activation-parallel .voice-wave{height:52px}.activation-parallel .voice-wave i{background:#fff1e4}
.activation-parallel .voice-status{order:3;color:#ffe6d4!important;max-width:270px;min-height:34px}
@media(prefers-reduced-motion:reduce){.activation-parallel .voice-player button{transition:none}}

/* Mirror the WhatsApp device with an in-call iPhone composition. */
.activation-parallel #panel-voice{padding:0}
.activation-parallel .voice-call-screen{height:100%;width:100%;border-radius:34px;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,#5a625b 0%,#303a36 50%,#16241e 100%);color:#fff;padding:0 18px;position:relative}
.call-status-bar{height:47px;min-height:47px;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:10px;padding-top:4px}.call-battery{width:17px;height:8px;background:white;border-radius:2px}
.call-contact{order:0;text-align:center;padding-top:14px}.call-avatar{width:62px;height:62px;border-radius:50%;background:#ffffff18;display:grid;place-items:center;margin:0 auto 12px}.call-avatar svg{width:36px;height:36px}.call-contact h4{margin:0;font-size:25px;letter-spacing:-.7px;font-weight:400}.call-contact p{font-size:11px;color:#ffffffa8;margin-top:5px}.call-duration{display:block;font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:1px;margin-top:13px}
.activation-parallel .voice-call-screen .voice-listening{order:1;padding:8px 0 0}.activation-parallel .voice-call-screen .voice-wave{height:44px;gap:3px}.activation-parallel .voice-call-screen .voice-wave i{width:2px}
.activation-parallel .voice-call-screen .voice-player{order:2;gap:12px;margin-top:8px}.activation-parallel .voice-call-screen .voice-player button{width:76px;height:76px;background:#43bb78;color:white;box-shadow:none}.activation-parallel .voice-call-screen .voice-player svg{width:30px;height:30px}.activation-parallel .voice-call-screen .voice-track{max-width:188px}.activation-parallel .voice-call-screen .voice-time{color:#ffffffa8;font-size:9px}
.activation-parallel .voice-call-screen .voice-status{order:3;min-height:16px;margin:9px 0 0;font-size:11px!important;color:white!important;line-height:1.3}.activation-parallel .voice-call-screen .voice-sample-tag{order:4;margin:10px 0 0;color:#ffffff70;font-size:9px}
.call-home{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:90px;height:3px;border-radius:3px;background:#fff}
