/* Key-stat chart: geometry and reveal timing.
   Lead type lives here because home no longer loads services.css. */
.results-chart{padding:var(--section-pad) 0 0}
.results-chart .services-lead{max-width:750px;margin-top:40px;font-size:30px;line-height:1.3;letter-spacing:-.04em;color:var(--muted)}
.results-chart .services-note{margin-top:30px}
.results-chart .chart{position:relative;display:flex;flex-direction:column;gap:10px;margin:0;padding:40px 15px 0}
.results-chart .chart-bar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;width:var(--pct);height:50px;padding:7px 15px;border-radius:15px;background:var(--line);font-size:13px;line-height:1.5;letter-spacing:-.025em;white-space:nowrap;overflow:hidden}
.results-chart .chart-bar-accent{background:var(--green);color:var(--cta)}
.results-chart .chart-axis{position:relative;display:flex;justify-content:space-between;margin:9px -15px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.5;letter-spacing:-.025em;color:var(--ink)}
.results-chart .chart-axis li{position:relative}
.results-chart .chart-axis li::before{content:"";position:absolute;left:50%;bottom:calc(100% + 9px);height:161px;border-left:1px dashed var(--line)}
.results-chart .chart figcaption{margin-top:0;text-align:center}
/* Only the highlighted bar animates: it grows from the left while labels fade in. */
.results-chart .chart[data-svc-ready] .chart-bar-accent{transition:width .8s cubic-bezier(.55,0,.1,1) .15s}
.results-chart .chart[data-svc-ready] .chart-bar-accent>*{transition:opacity .8s cubic-bezier(.55,0,.1,1) .15s}
.results-chart .chart[data-svc-ready]:not(.is-in) .chart-bar-accent{width:2.3%}
.results-chart .chart[data-svc-ready]:not(.is-in) .chart-bar-accent>*{opacity:0}

@media (max-width:850px){
  /* Narrow bars cannot hold both labels on phones: the value sits just outside the bar. */
  .results-chart .services-lead{margin-top:24px;font-size:20px}
  .results-chart .chart{padding-top:24px}
  .results-chart .chart-bar{padding:7px 10px;overflow:visible}
  .results-chart .chart-bar b{position:absolute;left:calc(100% + 8px);bottom:7px;color:var(--ink)}
}