/* Scroll motion only: layout, image crops and carousel belong to the original page. */
.results-motion-ready [data-result-motion]{opacity:var(--result-opacity,1);transform:translate(var(--result-x,0px),var(--result-y,0px))}
.results-motion-ready [data-result-motion].is-result-visible,
.results-motion-ready [data-result-motion]:focus-within{opacity:1;transform:none}
.results-motion-ready .bottleneck-grid .result-input{transition:color .25s,box-shadow .25s}
.results-motion-ready .metrics strong{display:inline-block}
.results-motion-ready :is(.metrics,.case-feature-metrics) strong{transform:translateY(calc(24px * (1 - var(--result-progress,1))));opacity:var(--result-progress,1)}
.results-motion-ready .case-facts{position:relative;border-left-color:transparent}
.results-motion-ready .case-facts::before{content:"";position:absolute;left:-5px;top:0;bottom:0;width:5px;background:#ff5100;transform:scaleY(var(--facts-progress,1));transform-origin:top}
@media(max-width:899px){.results-motion-ready .case-facts::before{left:-6px;width:6px}}
@media(prefers-reduced-motion:reduce){
 .results-motion-ready [data-result-motion],.results-motion-ready :is(.metrics,.case-feature-metrics) strong{opacity:1;transform:none}
 .results-motion-ready .case-facts::before{transform:none}
}

/* Five separate bottlenecks converge into one shared direction. */
.scroll-results .bottlenecks{min-height:0;padding:96px 0}
.scroll-results .bottlenecks h2{max-width:1000px;margin-bottom:64px}
.result-flow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 152px minmax(0,1fr);align-items:center;isolation:isolate}
.result-flow-label{font-size:11px;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin:0 0 22px;color:#806e96}
.scroll-results .bottleneck-grid{display:flex;flex-direction:column;gap:12px}
.scroll-results .bottleneck-grid .result-input{position:relative;display:flex;justify-content:flex-start;gap:18px;min-height:66px;height:auto;padding:18px 24px 18px 18px;font-size:16px;line-height:1.4;font-weight:500;border:1px solid #e9e1f0;border-radius:14px;background:#fff;box-shadow:0 4px 18px #32106604}
.scroll-results .bottleneck-grid .result-input span{display:block}
.scroll-results .bottleneck-grid .result-input .result-input-number{font-size:10px;font-weight:500;letter-spacing:.06em;color:#8c74a6}
.scroll-results .result-input i{position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:7px;height:7px;background:#cbb8df;border-radius:50%}
.scroll-results .result-input:hover{color:#7f27ff;border-color:#c7a7ef;box-shadow:0 5px 24px #3210660b}
.result-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}
.result-wires path{fill:none;stroke-width:1.5}
.result-wire-base,.result-wire-out-base{stroke:#ded2e8}
.result-wire-active{stroke:#f2490c;stroke-width:2!important;stroke-dasharray:1;stroke-dashoffset:1;transition:none}
.result-wire-active.is-hovered{stroke-dashoffset:0;transition:stroke-dashoffset .5s linear}

.result-junction{grid-column:2;grid-row:1;justify-self:center;display:grid;place-items:center;width:58px;height:58px;border:1px solid #321066;border-radius:50%;background:#321066;position:relative;isolation:isolate}

.result-outcome{grid-column:3;grid-row:1;background:#321066;color:#fff;border-radius:24px;padding:36px 32px;box-shadow:0 14px 40px #3210660c}
.result-outcome .result-flow-label{color:#b99bd9;margin-bottom:20px}
.result-outcome h3{font-size:36px;line-height:1.15;letter-spacing:-.035em;font-weight:600;margin:0 0 28px}
.result-outcome h3 span{color:#bc91ff}
.result-outcome ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.result-outcome li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.45}
.result-outcome li::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#f2490c}
@media(max-width:1100px) and (min-width:900px){
 .result-flow{grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr)}
 .result-outcome{padding:30px 24px}
 .result-outcome h3{font-size:30px}
 .scroll-results .bottleneck-grid .result-input{font-size:14px;gap:12px}
}
@media(max-width:899px){
 .scroll-results .bottlenecks{padding:72px 0}
 .scroll-results .bottlenecks h2{margin-bottom:40px}
 .result-flow{display:flex;flex-direction:column;align-items:stretch}
 .result-inputs{padding-right:30px}
 .scroll-results .bottleneck-grid{gap:10px}
 .scroll-results .bottleneck-grid .result-input{min-height:62px;padding:16px 20px 16px 14px;gap:14px;font-size:15px}
 .result-flow-label{margin-bottom:18px}
 .result-junction{align-self:center;margin:34px 0;width:52px;height:52px}

 .result-outcome{padding:30px 26px}
 .result-outcome h3{font-size:34px}
}
@media(prefers-reduced-motion:reduce){.result-junction{transform:none}.result-wire-active.is-hovered{transition:none;stroke-dashoffset:0}}

/* Keep the problem label; its explanation and active connection identify the result. */
.scroll-results .bottleneck-grid .result-input{width:100%;align-items:center;font-family:inherit;text-align:left;cursor:default;transition:background-color .18s,color .18s,border-color .18s}
.scroll-results .bottleneck-grid .result-input .result-input-labels{display:grid;flex:1;min-width:0}
.scroll-results .bottleneck-grid .result-input-labels>span{grid-area:1/1;transition:opacity .15s}
.scroll-results .bottleneck-grid .result-input[aria-pressed="true"]{background:#f2490c;border-color:#f2490c;color:#fff}
.scroll-results .bottleneck-grid .result-input[aria-pressed="true"] .result-input-number{color:#fff9}
.scroll-results .result-input[aria-pressed="true"] i{background:#f2490c}
.result-outcome{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
#result-explanation{display:grid;grid-template-columns:minmax(0,1fr);min-width:0}
.result-explanation{grid-area:1/1;min-width:0;overflow-wrap:anywhere;hyphens:auto}
.result-explanation[hidden]{display:block;visibility:hidden}
.result-explanation h3{font-size:32px;line-height:1.15;margin-bottom:22px}
.result-explanation p{font-size:16px;line-height:1.65;color:#d1c2e5;margin:0}
.result-explanation:not([hidden]){animation:result-copy-in .25s ease-out}
@keyframes result-copy-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.result-explanation h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.result-explanation:not([hidden]){animation:none}.scroll-results .bottleneck-grid .result-input,.scroll-results .bottleneck-grid .result-input-labels>span{transition:none}}

/* The favicon grows from its own chevron as orange crosses the circle. */
.result-junction-fill{position:absolute;inset:-1px;background:#f2490c;border-radius:50%;clip-path:inset(0 100% 0 0);z-index:-1}
.result-junction-mark{width:34px;height:28px;overflow:visible;fill:#f2f0f0}
.result-mark-chevron{transform:translateX(9.8px)}
.result-mark-arms{opacity:0;transform:translateX(-7px) scale(.15);transform-origin:38px 20px}
.result-junction.is-selected .result-junction-fill{clip-path:inset(0 0% 0 0)}
.result-junction.is-selected .result-mark-chevron{transform:translateX(0)}
.result-junction.is-selected .result-mark-arms{opacity:1;transform:translateX(0) scale(1)}

/* Give the expanded case study distinct, readable paragraphs. */
.scroll-results .case-study .quote-line>p+p{margin-top:24px}
.result-input:focus-visible{outline:2px solid #7f27ff;outline-offset:5px}