.cl-flow{--cl-green:#66bb6a;--cl-navy:#0b1f2c;--cl-ink:#1f1f1f;--cl-dash:#707070;--cl-arrow-w:64px;background:transparent;color:var(--cl-ink);container-type:inline-size;font-family:Rubik,Helvetica Neue,Arial,sans-serif;padding:40px 0;text-align:left}.cl-flow,.cl-flow *,.cl-flow :after,.cl-flow :before{box-sizing:border-box}.cl-flow .cl-flow__text,.cl-flow .cl-flow__title{font-family:inherit;hyphens:none;letter-spacing:normal;overflow-wrap:normal;padding:0;text-transform:none;word-break:normal}.cl-flow .cl-flow__main{align-items:center;display:flex;margin:0 auto;max-width:1320px}.cl-flow .cl-flow__sources{display:flex;flex:0 0 168px;flex-direction:column;gap:15px}.cl-flow .cl-flow__source{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.12);display:flex;font-size:17px;height:44px;justify-content:center;white-space:nowrap}.cl-flow .cl-flow__connector{display:block;flex:0 0 120px;height:280px;width:120px}.cl-flow .cl-flow__connector path{vector-effect:non-scaling-stroke}.cl-flow .cl-flow__stages{align-items:stretch;display:flex;flex:1;min-width:0;position:relative}.cl-flow .cl-flow__stage{background:var(--cl-navy);border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.15);color:#fff;display:flex;flex:1 1 0;flex-direction:column;justify-content:center;min-height:280px;min-width:0;padding:20px 10px;text-align:center}.cl-flow .cl-flow__stage--final{background:var(--cl-green)}.cl-flow .cl-flow__stage .cl-flow__title{color:var(--cl-green);font-size:21px;font-weight:700;line-height:1.45;margin:0 0 4px}.cl-flow .cl-flow__stage--final .cl-flow__title{color:#fff}.cl-flow .cl-flow__stage .cl-flow__text{color:#fff;font-size:18px;line-height:1.55;margin:0}.cl-flow .cl-flow__arrow{align-self:center;display:flex;flex:0 0 var(--cl-arrow-w);justify-content:center}.cl-flow .cl-flow__arrow svg{display:block;height:16px;width:52px}.cl-flow .cl-flow__loop{height:120px;left:calc(12.5% - var(--cl-arrow-w)*3/8);pointer-events:none;position:absolute;right:calc(12.5% - var(--cl-arrow-w)*3/8);top:100%}.cl-flow .cl-flow__loop-arc{inset:12px 0 0 0;overflow:hidden;position:absolute}.cl-flow .cl-flow__loop-arc:before{border:3px dashed var(--cl-dash);border-radius:50%;content:"";height:600px;left:-12.5%;position:absolute;top:-492px;width:125%}.cl-flow .cl-flow__loop-head{height:30px;left:-9px;overflow:visible;position:absolute;top:-5px;transform:rotate(-140deg);transform-origin:15px 15px;width:30px}.cl-flow .cl-flow__outputs{display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:208px auto 0;max-width:1260px}.cl-flow .cl-flow__output{background:#fff;border:2px solid #dedede;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.12);padding:14px 16px;text-align:center}.cl-flow .cl-flow__output .cl-flow__title{color:#111;font-size:17px;font-weight:600;line-height:1.4;margin:0 0 2px}.cl-flow .cl-flow__output .cl-flow__text{color:var(--cl-ink);font-size:17px;line-height:1.4;margin:0}@container (max-width: 1180px){.cl-flow .cl-flow__main{--cl-arrow-w:40px}.cl-flow .cl-flow__sources{flex-basis:140px;gap:15px}.cl-flow .cl-flow__source{font-size:14px}.cl-flow .cl-flow__connector{flex-basis:70px;width:70px}.cl-flow .cl-flow__arrow svg{width:32px}.cl-flow .cl-flow__stage{padding:16px 8px}.cl-flow .cl-flow__stage .cl-flow__title{font-size:17px}.cl-flow .cl-flow__stage .cl-flow__text{font-size:15px}.cl-flow .cl-flow__outputs{gap:20px;margin-top:180px}.cl-flow .cl-flow__output .cl-flow__text,.cl-flow .cl-flow__output .cl-flow__title{font-size:15px}}@container (max-width: 860px){.cl-flow .cl-flow__main{align-items:stretch;flex-direction:column;max-width:480px}.cl-flow .cl-flow__sources{flex:none;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.cl-flow .cl-flow__source{font-size:16px;padding:0 18px}.cl-flow .cl-flow__connector,.cl-flow .cl-flow__loop{display:none}.cl-flow .cl-flow__stages{flex-direction:column;margin-top:24px}.cl-flow .cl-flow__stage{flex:none;min-height:0;padding:24px 20px}.cl-flow .cl-flow__stage .cl-flow__title{font-size:20px}.cl-flow .cl-flow__stage .cl-flow__text{font-size:17px}.cl-flow .cl-flow__arrow{flex:0 0 48px}.cl-flow .cl-flow__arrow svg{transform:rotate(90deg);width:36px}.cl-flow .cl-flow__outputs{gap:16px;grid-template-columns:1fr;margin-top:40px;max-width:480px}}