.integrations-heading p{white-space:nowrap}
.process-demo{padding-block:12px 88px}
.process-demo .section-heading{margin-bottom:48px}
.process-demo-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:start}
.process-demo-sticky{position:static}
.process-demo.is-scroll-story .process-demo-sticky{position:sticky;top:120px}
.process-demo.is-scroll-story .process-demo-stages article{min-height:max(620px,85svh);padding:115px 0 90px}
.process-demo.is-scroll-story .process-demo-stages article:last-child{min-height:max(620px,85svh)}
.process-demo-card{background:#edf0e5;border:1px solid #dde3d2;border-radius:22px;padding:27px 29px 22px}
.process-demo-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;font-weight:650}
.process-demo-switch{display:flex;position:relative;isolation:isolate;background:#e0e6d6;border:1px solid #d6deca;border-radius:7px;padding:3px}
.process-demo-switch[hidden]{display:none}
.process-demo-switch:before{content:'';position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--paper);border-radius:5px;transform:translateX(100%);transition:transform .28s cubic-bezier(.22,1,.36,1)}
[data-mode=before] .process-demo-switch:before{transform:translateX(0)}
.process-demo-switch button{width:88px;min-height:33px;padding:6px;font-size:10px;color:#697260;font-weight:650}
.process-demo-switch button[aria-pressed=true]{color:var(--ink)}
.process-demo-flow{list-style:none;padding:0;margin:31px 0 27px;display:grid;gap:27px}
.process-demo-flow li{position:relative;display:grid;grid-template-columns:33px 1fr 17px;gap:13px;align-items:start;min-height:64px}
.process-demo-flow li:not(:last-child):before{content:'';position:absolute;left:16px;width:1px;top:34px;height:calc(100% - 6px);background:#ced8bd}
.process-demo-flow li:not(:last-child):after{content:'';position:absolute;left:16px;width:1px;top:34px;height:calc(100% - 6px);background:#7f9647;transform:scaleY(0);transform-origin:top;transition:transform .45s ease}
.process-demo-flow li.is-complete:after{transform:scaleY(1)}
.process-demo-node{display:grid;place-items:center;width:33px;height:33px;border:1px solid #c7d1b7;border-radius:50%;font-size:10px;color:#839172;transition:background .25s,color .25s,border-color .25s}
.process-demo-flow .is-current .process-demo-node{background:var(--ink);color:var(--lime);border-color:var(--ink)}
.process-demo-flow .is-complete .process-demo-node{background:#d8e8b4;color:#485d30;border-color:#c2d39c}
.process-demo-flow strong{display:block;font-size:13px;font-weight:650;margin:5px 0 5px}
.process-demo-flow p{font-size:11px;line-height:1.8;max-width:285px}
.process-demo-flow li>svg{width:17px;height:17px;margin-top:8px;color:#688244;opacity:0;transition:opacity .25s}
.process-demo-flow .is-complete>svg{opacity:1}
.process-demo-outcome{display:flex;align-items:center;gap:14px;padding-top:21px;border-top:1px solid #d4dcc8}
.process-demo-outcome-icon{flex-shrink:0}
.process-demo-outcome p{font-size:12px;color:#455338;line-height:1.7;max-width:265px}
.process-demo-disclaimer{display:block;margin-top:23px;color:#829073;font-size:9px;line-height:1.7}
.process-demo-stages article{min-height:255px;padding:31px 0 47px;border-top:1px solid var(--line)}
.process-demo-index{display:block;font-size:9px;letter-spacing:.08em;color:#849171;font-weight:650;margin-bottom:19px;transition:color .25s}
.process-demo-stages article.is-current .process-demo-index{color:#536e27}
.process-demo-stages h3{font-size:30px;line-height:1.27;margin-bottom:17px}
.process-demo-stages p{font-size:13px;line-height:1.9;max-width:350px}
@media(max-width:1000px){.process-demo-layout{gap:42px}.process-demo-card{padding:23px 22px}.process-demo-top{align-items:start;flex-direction:column;gap:12px}.process-demo-stages h3{font-size:26px}}
@media(max-width:700px){.process-demo{padding-block:5px 55px}.process-demo .section-heading{margin-bottom:28px}.process-demo-layout{grid-template-columns:1fr;gap:28px}.process-demo-sticky{position:static}.process-demo-top{flex-direction:row;align-items:center;font-size:10px}.process-demo-switch button{width:79px;font-size:9px}.process-demo-card{padding:23px 21px}.process-demo-stages{display:grid;gap:22px}.process-demo-stages article{min-height:0;padding:21px 0 0}.process-demo-stages h3{font-size:24px;margin-bottom:12px}.process-demo-stages p{font-size:12px;max-width:none}.process-demo-index{margin-bottom:12px}.process-demo-flow p{font-size:11px}.process-demo-outcome p{font-size:11px}}
@media(max-width:600px){.integrations-heading{flex-direction:column;gap:10px;margin-bottom:12px;min-height:0}.integrations-heading p{padding:0;font-size:clamp(10.5px,2.75vw,12px);letter-spacing:-.02em}.integration-toggle{position:static;transform:none;width:28px;height:28px}.integration-toggle svg{width:15px;height:15px}}
@media(max-width:380px){.process-demo-top{flex-direction:column;align-items:flex-start}.process-demo-flow{gap:25px}.process-demo-flow li{grid-template-columns:30px 1fr 15px;gap:9px}.process-demo-node{width:30px;height:30px}.process-demo-flow li:not(:last-child):before,.process-demo-flow li:not(:last-child):after{left:14px;top:32px}.process-demo-card{padding:21px 19px}.process-demo-disclaimer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.process-demo *,.process-demo *:before,.process-demo *:after{transition:none!important;animation:none!important}.process-demo-sticky{position:static}}