.notion-main .business-value{padding:0;position:relative;overflow-anchor:none;scroll-margin-top:0}
.value-pin{position:relative;padding:110px 40px 70px;isolation:isolate;overflow:hidden}
.value-pin>.main-inner{width:100%}
.value-title-line{display:block;transform-origin:left center}
.main-heading h2 .value-title-line:first-child{color:#191f28}
.value-title-accent{position:relative;width:fit-content;padding-bottom:.05em}
.value-title-accent:after{content:'';position:absolute;left:0;right:0;bottom:-.06em;height:3px;background:linear-gradient(90deg,#2861e7,#85b9ff);transform:scaleX(var(--value-underline,0));transform-origin:left;border-radius:2px}
.business-value .benefit-row b{display:inline-block;width:32px;height:40px;line-height:0}
.benefit-row b svg{width:100%;height:100%;overflow:visible}
/* The value section stays in normal flow; entrances run on elapsed time. */
.value-title-accent:after{transform:scaleX(1)}
.value-title-accent.is-popped:after{animation:valueUnderline .65s .3s both;animation-delay:calc(var(--pop-delay,0ms) + .3s)}
.value-graph.is-popped i{animation:valueBar .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--pop-delay,0ms) + .1s);transform-origin:bottom center}
.value-graph.is-popped i:nth-child(2){animation-delay:calc(var(--pop-delay,0ms) + .22s)}
.value-graph.is-popped i:nth-child(3){animation-delay:calc(var(--pop-delay,0ms) + .34s)}
.value-graph.is-popped .value-growth-line{stroke-dasharray:1;animation:valueLine .9s ease-out both;animation-delay:calc(var(--pop-delay,0ms) + .25s)}
.value-graph.is-popped .value-growth-tip{animation:valueTip .3s ease-out both;animation-delay:calc(var(--pop-delay,0ms) + 1s)}
@keyframes valueUnderline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes valueBar{0%{opacity:0;transform:skewY(-18deg) scaleY(.05)}75%{opacity:1;transform:skewY(-18deg) scaleY(1.04)}100%{opacity:1;transform:skewY(-18deg) scaleY(1)}}
@keyframes valueLine{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes valueTip{from{opacity:0}to{opacity:1}}
@media(max-width:1100px){.value-pin{padding:96px 28px 48px}.business-value .benefit-row{margin-top:50px}}
@media(max-width:700px){
 .value-pin{padding:88px 22px 32px}
 .value-intro .main-heading h2{font-size:clamp(30px,8.6vw,38px)}
 .business-value .main-heading .eyebrow{margin-bottom:16px}
 .business-value .main-heading>.value-description{font-size:13px;line-height:1.7;margin-top:19px}
 .business-value .value-graph{width:220px;height:130px;margin:18px 14px 8px auto;transform:none}
 .business-value .value-graph i{width:46px}
 .business-value .value-graph i:nth-child(1){left:20px;height:44px}
 .business-value .value-graph i:nth-child(2){left:87px;height:73px}
 .business-value .value-graph i:nth-child(3){left:153px;height:108px}
 .business-value .benefit-row{margin-top:18px}
 .business-value .benefit-row article{padding:12px 38px 12px 0}
 .business-value .benefit-row span{font-size:11px}
 .business-value .benefit-row h3{font-size:12px;line-height:1.5;margin:5px 0 0}
 .business-value .benefit-row b{top:20px;right:4px;width:22px;height:29px}
}
@media(prefers-reduced-motion:reduce){.value-title-accent:after{display:none}.value-graph.is-popped i,.value-graph.is-popped path{animation:none!important}}