.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.growth .giant-number>.metric-value,.growth .result-number>.metric-value,.growth .result-number>.metric-sign{font:inherit;letter-spacing:inherit;font-feature-settings:inherit;font-variant-numeric:inherit;vertical-align:baseline}
.growth .metric-value{display:inline-block;font-variant-numeric:lining-nums tabular-nums}
.growth .giant-number>.metric-value{font-size:1em;line-height:inherit}
.growth .result-number>.metric-sign{font-size:1em}
.growth-results .result-number{display:flex;align-items:baseline;gap:.04em;min-height:1.24em}
.growth-results .audience .result-number{gap:.17em}
.growth-results .audience-arrow{font-family:var(--display);font-size:.46em}
.growth .odometer{display:inline-flex;align-items:flex-end;gap:0;height:1.17em;overflow:hidden;vertical-align:bottom}
.growth .odometer .digit-window{display:block;height:1.17em;width:.62em;overflow:hidden;font:inherit;letter-spacing:0;flex:0 0 .62em;line-height:1.17em}
.growth .odometer .digit-reel{display:flex;flex-direction:column;font:inherit;letter-spacing:0;line-height:1.17em;transform:translateY(0);transition:transform 1.55s cubic-bezier(.16,1,.3,1);will-change:transform}
.growth .odometer .digit-face{display:block;font:inherit;line-height:1.17em;height:1.17em;flex:0 0 1.17em;text-align:center}
.growth .odometer .digit-comma{display:block;width:.24em;font:inherit;line-height:1.17em}
.growth-results .audience-bar{display:flex;flex-direction:column;align-items:stretch;gap:7px;height:auto;margin-top:22px;width:100%;max-width:300px}
.growth-results .audience-bar>span{display:block;height:5px;width:100%;margin:0;transform-origin:left;opacity:1;background:#2456c5}
.growth-results .audience-bar>.audience-before{transform:scaleX(.5);opacity:.3}
.growth-results .audience-bar>.audience-after{transform:scaleX(1)}
.audience.is-expanding .audience-after{animation:audience-double 1.5s cubic-bezier(.16,1,.3,1) both}
@keyframes audience-double{from{transform:scaleX(.5)}to{transform:scaleX(1)}}
.cost-meter{height:8px;background:#d9e3f2;max-width:230px;width:100%;margin-top:23px;overflow:hidden}
.cost-remaining{display:block;height:100%;width:100%;background:#2456c5;transform:scaleX(.4);transform-origin:left}
[data-growth-metric=cpa].is-dropping .cost-remaining{animation:cost-drop 1.5s cubic-bezier(.16,1,.3,1) both}
@keyframes cost-drop{from{transform:scaleX(1)}to{transform:scaleX(.4)}}
.growth-results .cost-caption{font-family:var(--display);font-size:12px!important;color:var(--muted);margin-top:9px!important;display:flex;align-items:center;gap:9px}
.cost-caption span{font-family:var(--number-face);font-size:13px;font-variant-numeric:tabular-nums}
.chart-enter .plot-labels>span{animation:endpoint-arrive .7s var(--ease) both}
.chart-enter .plot-labels>span:last-child{animation-delay:.35s}
@keyframes endpoint-arrive{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.water-surface{position:relative;isolation:isolate}
.water-trail{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;user-select:none}
.hero>.water-trail{z-index:0}
@media(max-width:760px){.growth-results .result-number{gap:.02em}.growth-results .audience .result-number{gap:.15em}.growth-results .audience-bar{max-width:300px}.cost-caption{flex-wrap:wrap;gap:3px 7px}.growth .odometer .digit-window{width:.61em;flex-basis:.61em}.water-trail{display:none}}
@media(prefers-reduced-motion:reduce){.water-trail{display:none}.growth .digit-reel{transition:none!important}.audience-after,.cost-remaining,.plot-labels>span{animation:none!important}}