/* An editorial process illustration, with a selectable stage on the curve. */
.growth-section .growth-story{margin-inline:calc(var(--section-inset) - var(--gutter));width:calc(100% + var(--gutter) + var(--gutter) - var(--section-inset) - var(--section-inset));max-width:none;border-radius:var(--section-radius);padding-inline:calc(var(--gutter) - var(--section-inset))}
.growth-story{background:#f5f7fb;border:1px solid #e5ebf5;border-radius:24px 24px 24px 48px;padding:34px 36px 25px;overflow:hidden;isolation:isolate}
.growth-story-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.growth-story-kicker{display:block;font-size:9px;letter-spacing:.1em;color:#627289;margin-bottom:9px}.growth-story-heading strong{font-size:22px;line-height:1.35;font-weight:500;letter-spacing:-.035em;color:#142234}
.growth-legend{display:flex;gap:23px}.growth-legend>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#526477;white-space:nowrap}.growth-legend i{width:7px;height:7px;display:block;background:#3875ee;border-radius:50%}.growth-legend>span:last-child i{background:#bdc8d8}
.growth-story .growth-canvas{height:clamp(340px,28vw,490px);margin:48px 0 5px;position:relative}.growth-story .growth-chart{width:100%;height:100%;margin:0;overflow:visible}.growth-story-grid path{fill:none;stroke:#e1e7f1;stroke-width:1}.growth-story-grid path:last-child{stroke-dasharray:3 8;stroke:#dce4f0}
.growth-story-area{fill:url(#growth-story-fill)}.growth-story-line{fill:none;stroke:url(#growth-story-stroke);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.growth-story-baseline{fill:none;stroke:#bdc8d8;stroke-width:2;stroke-linecap:round}
.growth-guide{position:absolute;left:var(--selected-x);top:0;height:var(--selected-y);border-left:1px dashed #8eaad9;pointer-events:none}
.growth-story-point{position:absolute;width:8px;height:8px;background:#fff;border:2px solid #436cb3;border-radius:50%;translate:-50% -50%;pointer-events:none}
.growth-selected-point{position:absolute;left:var(--selected-x);top:var(--selected-y);width:15px;height:15px;border:4px solid #fff;border-radius:50%;background:#3875ee;box-shadow:0 0 0 1.5px #3875ee,0 0 0 10px #3875ee13;translate:-50% -50%;pointer-events:none}
.growth-insight{position:absolute;left:clamp(112px,var(--selected-x),calc(100% - 112px));top:-14px;translate:-50% 0;padding:17px 22px;background:#fff;border:1px solid #dbe5f4;border-radius:12px 12px 12px 24px;box-shadow:0 12px 34px #20477e0c;min-width:224px;text-align:left;pointer-events:none}.growth-insight>span{display:block;font-size:9px;color:#627289;letter-spacing:.045em;margin-bottom:8px}.growth-insight strong{font-size:14px;font-weight:500;letter-spacing:-.03em;color:#243446;white-space:nowrap}
.growth-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:18px;border-top:1px solid #d9e2ef}.growth-step{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;min-height:58px;border:1px solid #dce4f0;border-radius:9px 9px 9px 20px;padding:14px 16px;background:transparent;color:#526477;transition:background .25s,border-color .25s,color .25s}.growth-step>span:first-child{font-size:9px;opacity:.7}.growth-step strong{font-size:12px;font-weight:500;letter-spacing:-.025em}.growth-step .growth-step-arrow{margin-left:auto;font-size:18px;color:#436cb3}.growth-step:hover{background:#fff;border-color:#9db9e3}.growth-step[aria-pressed=true]{background:#142b49;color:#fff;border-color:#142b49}.growth-step[aria-pressed=true] .growth-step-arrow{color:#a4c9ff}
.growth-story-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-top:21px}.growth-story-bottom p{font-size:11px;line-height:1.8;color:#35475e;margin:0}.growth-story-bottom>p:last-child{font-size:9px;color:#627289;flex-shrink:0}
@media(prefers-reduced-motion:no-preference){.growth-story .growth-guide,.growth-story .growth-insight,.growth-story .growth-selected-point{transition:left .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),height .5s cubic-bezier(.22,1,.36,1)}.growth--animated .growth-story .growth-lines{transition-duration:1.65s}.growth--animated .growth-story-point,.growth--animated .growth-selected-point,.growth--animated .growth-insight,.growth--animated .growth-guide{opacity:0;transition:opacity .6s .5s,left .5s,top .5s,height .5s}.growth--animated.is-drawn .growth-story-point,.growth--animated.is-drawn .growth-selected-point,.growth--animated.is-drawn .growth-insight,.growth--animated.is-drawn .growth-guide{opacity:1}}
@media(max-width:1100px){.growth-story{padding:27px 25px 23px}.growth-story-heading strong{font-size:20px}.growth-legend{gap:15px}.growth-step{padding:12px 10px;gap:7px}.growth-step strong{font-size:11px}.growth-step .growth-step-arrow{font-size:15px}.growth-story-bottom{gap:20px}.growth-story-bottom p{font-size:10px}.growth-story-bottom>p:last-child{font-size:8px}}
@media(max-width:760px){.growth-story{padding:25px 18px 23px;border-radius:18px 18px 18px 32px}.growth-story-heading{display:block}.growth-story-heading strong{font-size:21px}.growth-story-kicker{font-size:8px}.growth-legend{margin-top:17px;gap:18px}.growth-legend>span{font-size:8px;gap:6px}.growth-legend i{width:5px;height:5px}.growth-story .growth-canvas{height:270px;margin-top:50px}.growth-story-line{stroke-width:3}.growth-story-baseline{stroke-width:1.5}.growth-insight{top:-22px;min-width:190px;padding:14px 16px;left:clamp(95px,var(--selected-x),calc(100% - 95px))}.growth-insight>span{font-size:8px;margin-bottom:5px}.growth-insight strong{font-size:12px}.growth-selected-point{width:13px;height:13px;border-width:3px;box-shadow:0 0 0 1px #3875ee,0 0 0 7px #3875ee13}.growth-story-point{width:6px;height:6px;border-width:1.5px}.growth-step-list{grid-template-columns:1fr 1fr;gap:8px;padding-top:15px}.growth-step{min-height:51px;padding:11px 10px;gap:7px}.growth-step strong{font-size:10px}.growth-step>span:first-child{font-size:8px}.growth-step .growth-step-arrow{font-size:14px}.growth-story-bottom{display:block;margin-top:17px}.growth-story-bottom p{font-size:10px}.growth-story-bottom>p:last-child{font-size:8px;margin-top:14px}}
@media(max-width:760px){.growth-step{display:grid;grid-template-columns:1fr auto;gap:5px;min-height:68px;padding:11px 12px}.growth-step strong{grid-column:1/-1;grid-row:2;font-size:11px}.growth-step .growth-step-arrow{grid-column:2;grid-row:1}.growth-step>span:first-child{font-size:9px}}
@media(max-width:360px){.growth-story{padding-inline:14px}.growth-step{padding-inline:8px}.growth-step strong{font-size:10px}.growth-legend{gap:12px}.growth-legend>span{font-size:7px}}