/* A dedicated business-value workflow, separate from the closing CTA. */
.value-workspace{width:100%;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised);color:var(--text);box-shadow:0 18px 38px #15151518}
.value-demo-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;border-bottom:1px solid var(--border)}
.value-demo-brand{display:flex;align-items:center;gap:9px}
.value-demo-brand>img{width:28px;height:28px}
.value-demo-brand>span{display:flex;flex-direction:column;gap:2px}
.value-demo-brand b{font:600 15px/1.2 Plex,sans-serif}
.value-demo-brand small{font:10px/1.4 Plex,sans-serif;color:var(--text-secondary)}
.value-playback{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 9px;border:1px solid var(--border);border-radius:4px;background:none;font:11px Plex,sans-serif;color:var(--text-secondary)}
.value-playback:hover{background:var(--surface-soft);color:var(--text)}
.value-playback svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.value-playback .value-play-icon{display:none}
.value-workspace[data-paused="true"] .value-pause-icon{display:none}
.value-workspace[data-paused="true"] .value-play-icon{display:block}
.value-step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:12px 16px;border-bottom:1px solid var(--border)}
.value-step-nav button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:38px;padding:5px 6px;border:0;border-radius:4px;background:none;font:11px/1.3 Plex,sans-serif;color:var(--text-secondary)}
.value-step-nav button>span{display:grid;place-items:center;flex-shrink:0;width:18px;height:18px;border:1px solid var(--border);border-radius:50%;font:9px Mono,monospace}
.value-step-nav button[aria-current="step"]{background:var(--yellow);color:#151515;font-weight:600}
.value-step-nav button[aria-current="step"]>span{border-color:#15151555}
.value-demo-body{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:16px;padding:16px}
.value-call{position:relative;min-width:0;min-height:345px;overflow:hidden;border:2px solid #454d40;border-radius:6px;background:#242a23;transition:border-color .2s}
.value-customer-portrait{position:absolute;inset:0}
.value-customer-portrait img{position:absolute;left:0;top:0;width:200%;max-width:none;height:100%;object-fit:cover;object-position:left 22%}
.value-call-top{position:absolute;top:9px;left:9px;right:9px;display:flex;justify-content:space-between;align-items:flex-start;gap:7px;color:#fffef8;font:8px/1.4 Plex,sans-serif}
.value-call-top>span,.value-call-top time{display:flex;align-items:center;gap:4px;padding:4px 5px;border-radius:3px;background:#171e16d9}
.value-call-top i{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#effa68}
.value-call-top time{font-family:Mono,monospace;white-space:nowrap}
.value-customer-label{position:absolute;left:9px;bottom:47px;display:flex;align-items:center;gap:5px;padding:4px 6px;background:#171e16df;color:#fffef8;border-radius:3px}
.value-customer-label b{font:600 11px/1.2 Plex,sans-serif}
.value-customer-label small{font:8px/1.2 Plex,sans-serif;color:#d4d9cc}
.value-voice{display:flex;align-items:center;gap:2px;margin-left:3px;height:13px;opacity:0}
.value-voice i{display:block;width:2px;height:6px;border-radius:2px;background:#effa68;animation:value-speaking .65s ease-in-out infinite alternate}
.value-voice i:nth-child(2){height:12px;animation-delay:-.2s}.value-voice i:nth-child(3){height:8px;animation-delay:-.4s}
.value-seller{position:absolute;right:9px;bottom:44px;width:78px;aspect-ratio:3/4;overflow:hidden;border:2px solid #fffef8aa;border-radius:4px;box-shadow:0 4px 10px #0003;transition:border-color .2s}
.value-seller>img{position:absolute;left:0;top:0;width:200%;max-width:none;height:100%;object-fit:cover;object-position:left 22%;transform:translateX(-50%)}
.value-seller>span{position:absolute;bottom:4px;left:4px;padding:2px 4px;border-radius:2px;background:#171e16df;color:#fffef8;font:7px/1.3 Plex,sans-serif}
.value-call-tools{position:absolute;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;gap:18px;height:35px;background:#242a23;color:#edf1e7}
.value-call-tools svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.value-call-tools>span{display:grid;place-items:center;width:25px;height:20px;border-radius:4px;background:var(--coral)}
.value-workspace[data-speaking="customer"] .value-call{border-color:#effa68}
.value-workspace[data-speaking="customer"] .value-voice{opacity:1}
.value-workspace[data-speaking="seller"] .value-seller{border-color:#effa68}
.value-chat{min-width:0}
.value-chat-head{display:flex;align-items:center;gap:5px;min-height:20px}
.value-chat-head>svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5}
.value-chat-head b{font:600 10px/1.4 Plex,sans-serif}
.value-chat-head>span{margin-left:auto;padding:3px 5px;border:1px solid var(--border);border-radius:3px;font:8px/1.3 Plex,sans-serif;color:var(--text-secondary)}
.value-phase-caption{font:700 21px/1.1 Condensed,sans-serif;letter-spacing:-.02em;margin:12px 0 14px}
.value-customer-message{margin-left:12px;padding:10px 11px;border:1px solid var(--border);border-radius:7px 7px 2px 7px;background:var(--surface-soft)}
.value-customer-message>span{display:block;font:9px/1.4 Plex,sans-serif;color:var(--text-secondary);margin-bottom:5px}
.value-customer-message p{min-height:36px;margin:0;font:12px/1.5 Plex,sans-serif}
.value-bot-message{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;margin:16px 0}
.value-bot-message>img{width:20px;height:20px;margin-top:1px}
.value-bot-copy>b{font:600 10px/1.5 Plex,sans-serif}
.value-bot-copy>p{min-height:98px;margin:5px 0 0;font:13px/1.5 Plex,sans-serif}
.value-quote-caret,.value-answer-caret{display:none;width:1px;height:11px;margin-left:2px;background:currentColor;vertical-align:-1px;animation:value-caret .85s steps(1) infinite}
.value-workspace[data-typing="quote"] .value-quote-caret,.value-workspace[data-typing="answer"] .value-answer-caret{display:inline-block}
.value-output{display:flex;align-items:flex-start;gap:7px;min-height:58px;padding:10px;border:1px solid #c9d08b;border-radius:4px;background:#f0f3da;transition:opacity .25s,transform .25s}
.value-output>svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:#52612f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.value-output strong{display:block;font:600 11px/1.4 Plex,sans-serif;color:#263419}
.value-output small{display:block;font:9px/1.5 Plex,sans-serif;color:#596441;margin-top:3px}
.value-workspace[data-output-ready="false"] .value-output{opacity:0;transform:translateY(6px)}
.value-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:12px 16px;border-top:1px solid var(--border);font:10px/1.5 Plex,sans-serif;color:var(--text-secondary)}
.value-context{display:flex;align-items:flex-start;gap:6px}
.value-context>svg{width:13px;height:13px;flex-shrink:0;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.value-example-label{font:9px Mono,monospace;flex-shrink:0}
.value-workspace[data-playing="false"] *{animation-play-state:paused}
[data-theme="dark"] .value-workspace{box-shadow:0 18px 38px #0004}
[data-theme="dark"] .value-demo-brand>img,[data-theme="dark"] .value-bot-message>img{content:url('/assets/revconvo-mark-on-dark.svg')}
[data-theme="dark"] .value-output{border-color:#789769;background:var(--surface-sage)}
[data-theme="dark"] .value-output strong{color:#e6f5cd}
[data-theme="dark"] .value-output small,[data-theme="dark"] .value-output>svg{color:#cce6b8;stroke:#cce6b8}
@keyframes value-speaking{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@keyframes value-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:620px){.value-demo-body{grid-template-columns:1fr;gap:20px;padding:14px}.value-call{min-height:0;height:260px}.value-seller{width:66px;bottom:43px}.value-bot-copy>p{min-height:66px}.value-customer-message p{min-height:36px}.value-chat-head b{font-size:12px}.value-chat-head>span{font-size:9px}.value-phase-caption{font-size:25px}.value-demo-footer{font-size:11px}.value-step-nav{gap:4px;padding:9px 12px}.value-step-nav button{flex-direction:column;gap:4px;min-height:49px;font-size:10px}.value-customer-label{bottom:46px}}
@media(max-width:360px){.value-demo-header{padding:13px}.value-demo-brand b{font-size:14px}.value-call{height:220px}.value-demo-body{padding:12px}.value-playback{padding:5px 7px}.value-demo-footer{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.value-workspace *{animation:none!important;transition:none!important}.value-playback,.value-quote-caret,.value-answer-caret{display:none!important}}