.connected-features{--size:165px;margin-block:calc(var(--size)*-1);padding-block:var(--size);position:relative;transform:translateY(-50%)}@media (min-width:64rem){.connected-features{--size:212px}}.connected-features:after,.connected-features:before{--circle:radial-gradient(circle at center,#000,#000 50%,transparent 0);--line:linear-gradient(#000,#000);--circle-size:8px;--line-offset:0;--line-size:calc(100% - var(--circle-size)/2);--scale-duration:0.3s;background-image:linear-gradient(var(--gradient-direction),var(--side-color),var(--center-color));content:"";height:50%;left:0;margin:auto;-webkit-mask-image:var(--line),var(--circle);mask-image:var(--line),var(--circle);-webkit-mask-position:center,var(--circle-position);mask-position:center,var(--circle-position);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1px var(--line-size),var(--circle-size) var(--circle-size);mask-size:1px var(--line-size),var(--circle-size) var(--circle-size);position:absolute;right:0;transition:var(--scale-duration) var(--animation-delay,0s) ease-out;width:100%;z-index:0}@media (min-width:64rem){.connected-features:after,.connected-features:before{--line-offset:68px;-webkit-mask-image:var(--line),var(--line),var(--circle);mask-image:var(--line),var(--line),var(--circle);-webkit-mask-position:var(--vertical-line-position),var(--horizontal-line-position),var(--circle-position);mask-position:var(--vertical-line-position),var(--horizontal-line-position),var(--circle-position);-webkit-mask-size:1px calc(var(--line-size) - var(--line-offset)),var(--line-size) 1px,var(--circle-size) var(--circle-size);mask-size:1px calc(var(--line-size) - var(--line-offset)),var(--line-size) 1px,var(--circle-size) var(--circle-size);width:50%}}@media (prefers-reduced-motion:no-preference){.connected-features.animate-on-scroll:not(.is-visible):after,.connected-features.animate-on-scroll:not(.is-visible):before{opacity:0;transform:scale(0)}}.connected-features:before{--side-color:var(--top-color);--gradient-direction:to bottom;--circle-position:top center;top:0;transform-origin:bottom center}.connected-features:after{--side-color:var(--bottom-color);--gradient-direction:to top;--circle-position:bottom center;bottom:0;transform-origin:top center;transition-delay:calc(var(--animation-delay, 0s) + var(--scale-duration))}@media (min-width:64rem){.connected-features--bottom-left:after,.connected-features--top-left:before{right:auto}.connected-features--bottom-right:after,.connected-features--top-right:before{left:auto}.connected-features--top-left:before{--horizontal-line-position:calc(var(--circle-size)/2) calc(100% - var(--line-offset));--vertical-line-position:calc(var(--circle-size)/2) calc(var(--circle-size)/2);--circle-position:top left}.connected-features--top-right:before{--horizontal-line-position:calc(100% - var(--circle-size)/2) calc(100% - var(--line-offset));--vertical-line-position:calc(100% - var(--circle-size)/2) calc(var(--circle-size)/2);--circle-position:top right}.connected-features--bottom-left:after{--horizontal-line-position:calc(var(--circle-size)/2) var(--line-offset);--vertical-line-position:calc(var(--circle-size)/2) calc(100% - var(--circle-size)/2);--circle-position:bottom left}.connected-features--bottom-right:after{--horizontal-line-position:calc(100% - var(--circle-size)/2) var(--line-offset);--vertical-line-position:calc(100% - var(--circle-size)/2) calc(100% - var(--circle-size)/2);--circle-position:bottom right}}.connected-features__card{background-color:var(--background-color);border-radius:24px;box-shadow:var(--global-shadow);left:0;margin:auto;max-width:300px;position:absolute;right:0;transform:translateY(-50%);width:90%;z-index:100}.connected-features__heading{background-color:var(--center-color);border-top-left-radius:inherit;border-top-right-radius:inherit;padding:16px 24px}.connected-features__heading .company-logo{height:24px;margin-bottom:24px;width:24px}.connected-features__heading .eyebrow{margin:0}.connected-features__features{padding:16px 24px}.connected-features__features ul{list-style:none;margin:0;padding:0}.connected-features__features ul li{--space:16px;padding-left:22px;position:relative}.connected-features__features ul li+li{--space:3px;margin-top:8px}.connected-features__features ul li:before{border-bottom:1px solid var(--center-color);border-left:1px solid var(--center-color);bottom:0;content:"";height:calc(100% + var(--space));left:0;position:absolute;width:13px}