/* Desktop presentation canvas; each click adds one since-launch result. */
.slide.is-results { width: min(100cqw, 100cqh * 16 / 9); height: min(100cqh, 100cqw * 9 / 16); --u: calc(100cqw / 1440); }
.is-results > .intro, .is-results > .scene, .is-results > .issue-annotations, .is-results > .issues, .is-results > .takeaway, .is-results > .illustrative, .is-results > #scene-description { display: none; }
.results-screen { position: absolute; inset: 0; }
.results-screen[hidden] { display: none; }
.results-intro { position: absolute; left: calc(70 * var(--u)); top: calc(35 * var(--u)); }
.results-intro h1 { margin: 0; font-size: calc(59 * var(--u)); line-height: 1.03; letter-spacing: -.045em; font-weight: 720; }
.results-intro h1 span { color: #c99be8; }
.results-intro p { margin: calc(17 * var(--u)) 0 0; color: #aeb8c5; font-size: calc(23 * var(--u)); letter-spacing: -.02em; }
.results-funnel { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.result-funnel-shape { stroke: #65899f; stroke-width: 1; }
[data-result-stage="contacted"] .result-funnel-shape { stroke: #8b81a8; }
[data-result-stage="sales"] .result-funnel-shape { stroke: #ad84c0; }
.is-current .result-funnel-shape { stroke: #c8def0; stroke-width: 1.8; }
[data-result-stage="sales"].is-current .result-funnel-shape { stroke: #e2bff5; }
.result-funnel-value { font: 650 44px Inter, sans-serif; fill: #f3f5fa; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.result-funnel-label { font: 450 20px Inter, sans-serif; fill: #c2d1df; letter-spacing: -.015em; }
[data-result-stage="sales"] .result-funnel-label { fill: #e2c8f0; }
.results-detail { position: absolute; left: calc(1002 * var(--u)); right: calc(70 * var(--u)); top: calc(273 * var(--u)); padding-left: calc(20 * var(--u)); border-left: calc(3 * var(--u)) solid #ac83c7; }
.results-caption { margin: 0; font-size: calc(27 * var(--u)); line-height: 1.15; letter-spacing: -.03em; font-weight: 580; }
.results-note { margin: calc(15 * var(--u)) 0 0; color: #b1bdc9; font-size: calc(20 * var(--u)); line-height: 1.45; letter-spacing: -.016em; }
.is-results-summary .results-caption { color: #d8b5f0; }
.results-first-call { position: absolute; left: calc(1002 * var(--u)); right: calc(70 * var(--u)); top: calc(515 * var(--u)); padding: calc(23 * var(--u)); border: 1px solid #4e425e; border-radius: calc(18 * var(--u)); background: linear-gradient(130deg, #272131, #171b23); }
.results-first-call.is-current { border-color: #ad8bc9; }
.results-first-call h2 { margin: 0 0 calc(8 * var(--u)); color: #c6b3d7; font-size: calc(18 * var(--u)); font-weight: 450; }
.results-first-call .result-value { margin: 0; font-size: calc(64 * var(--u)); line-height: 1; font-weight: 650; letter-spacing: -.04em; color: #dfc1f4; }
.results-first-call .result-value span { font-size: calc(29 * var(--u)); font-weight: 450; margin-left: calc(6 * var(--u)); }
.result-context { margin: calc(12 * var(--u)) 0 0; color: #a69bb4; font-size: calc(13 * var(--u)); line-height: 1.45; }
.results-footer { position: absolute; bottom: calc(25 * var(--u)); left: calc(70 * var(--u)); width: calc(770 * var(--u)); margin: 0; font-size: calc(13 * var(--u)); color: #8c9ba8; line-height: 1.5; }
.results-replay { position: absolute; right: calc(71 * var(--u)); top: calc(198 * var(--u)); display: flex; align-items: center; gap: calc(8 * var(--u)); padding: calc(8 * var(--u)); background: none; border: 0; border-radius: calc(6 * var(--u)); color: #a3b1bd; font-size: calc(15 * var(--u)); cursor: pointer; }
.results-replay svg { width: calc(18 * var(--u)); height: calc(18 * var(--u)); fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.results-replay:hover { color: #e5cfef; background: #c69aea0b; }
.results-replay:focus-visible { outline: 2px solid #c99be8; outline-offset: 3px; }
