.crm-flow{padding:90px max(40px,(100% - var(--content-max))/2)64px;color:#1d2c49;background:#fff;position:relative;overflow:clip}@property --flow-progress{syntax:"<number>";inherits:true;initial-value:0}.crm-flow__title{text-transform:uppercase;white-space:nowrap;width:fit-content;margin-left:32px;font-size:96px;font-weight:300;line-height:120%}.crm-flow__panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform;background:#8d9fb55e;border:1px solid #ffffff94;border-radius:20px;margin-top:-58px;padding:72px 82px;transition:transform .3s ease-out;position:relative}.crm-flow__lead{font-size:34px;font-weight:300;line-height:120%}.crm-flow__path{--steps-gap:16px;margin-top:64px;position:relative}.crm-flow__line{--inset:calc((100% - 6*var(--steps-gap))/14);top:23px;left:var(--inset);right:var(--inset);background:#ffffff80;border-radius:1px;height:2px;transition:--flow-progress .3s ease-out;position:absolute}.crm-flow__line-fill{border-radius:inherit;transform:scaleX(var(--flow-progress));transform-origin:0;background:#1d2c49;position:absolute;inset:0}.crm-flow__line-dot{top:50%;left:calc(var(--flow-progress)*100%);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #1d2c4940,0 0 18px 6px #ffffffe6}.crm-flow__steps{gap:var(--steps-gap);grid-template-columns:repeat(7,minmax(0,1fr));display:grid;position:relative}.crm-flow__step{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.crm-flow__number{background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;transition:background-color .4s,color .4s;display:flex}.crm-flow__step.active .crm-flow__number{color:#fff;background:#1d2c49}.crm-flow__service{color:#101216;white-space:nowrap;background:#f0f2f147;border:1px solid #ffffff73;border-radius:99px;padding:8px 18px;font-size:16px;line-height:150%;transition:background-color .4s,border-color .4s}.crm-flow__step.active .crm-flow__service{background:#ffffffd9;border-color:#fff}.crm-flow__text{color:#101216;opacity:.55;font-size:14px;line-height:150%;transition:opacity .4s}.crm-flow__step.active .crm-flow__text{opacity:1}.crm-flow__footer{border-top:1px solid #1d2c4926;justify-content:space-between;align-items:baseline;gap:40px;margin-top:64px;padding-top:32px;display:flex}.crm-flow__summary{font-size:24px;font-weight:300;line-height:120%}.crm-flow__note{color:#101216;text-align:right;max-width:460px;font-size:16px;line-height:150%}.crm-flow.dark{color:#f0f2f1;background:#0b111b}.crm-flow.dark .crm-flow__title{background:var(--text-gradient-dark);-webkit-background-clip:text;background-clip:text}.crm-flow.dark .crm-flow__panel{background:#3a465e73;border-color:#ffffff4d}.crm-flow.dark .crm-flow__line{background:#ffffff26}.crm-flow.dark .crm-flow__line-fill{background:#f0f2f1}.crm-flow.dark .crm-flow__line-dot{box-shadow:0 0 0 4px #f0f2f133,0 0 18px 6px #b8c0cc99}.crm-flow.dark .crm-flow__number{background:#ffffff14}.crm-flow.dark .crm-flow__step.active .crm-flow__number{color:#0b111b;background:#f0f2f1}.crm-flow.dark .crm-flow__service{color:#f0f2f1;background:#8493ac1f;border-color:#ffffff26}.crm-flow.dark .crm-flow__step.active .crm-flow__service{background:#8493ac4d;border-color:#fff6}.crm-flow.dark .crm-flow__text,.crm-flow.dark .crm-flow__note{color:#b8c0cc}.crm-flow.dark .crm-flow__footer{border-color:#f0f2f126}@media (max-width:1360px){.crm-flow__panel{padding:64px 48px}.crm-flow__service{padding:8px 14px}}@media (max-width:1100px){.crm-flow{padding:72px 24px 48px}.crm-flow__title{margin-left:16px;font-size:64px}.crm-flow__panel{-webkit-backdrop-filter:blur(5.33px);backdrop-filter:blur(5.33px);margin-top:-38px;padding:56px 40px}.crm-flow__lead{font-size:28px}.crm-flow__path{--steps-gap:24px;margin-top:48px}.crm-flow__line{width:2px;height:var(--line-length,0px);top:24px;left:23px;right:auto}.crm-flow__line-fill{transform:scaleY(var(--flow-progress));transform-origin:top}.crm-flow__line-dot{top:calc(var(--flow-progress)*100%);left:50%}.crm-flow__steps{grid-template-columns:100%}.crm-flow__step{text-align:left;grid-template-columns:48px 150px minmax(0,1fr);align-items:center;gap:24px;display:grid}.crm-flow__service{justify-self:start}.crm-flow__footer{flex-direction:column;align-items:flex-start;gap:16px;margin-top:48px}.crm-flow__note{text-align:left;max-width:none}}@media (max-width:780px){.crm-flow{padding:56px 16px 16px}.crm-flow__title{margin-left:8px;font-size:32px}.crm-flow__panel{-webkit-backdrop-filter:blur(2.67px);backdrop-filter:blur(2.67px);border-radius:16px;margin-top:-19px;padding:40px 16px}.crm-flow__lead{font-size:24px}.crm-flow__path{margin-top:32px}.crm-flow__step{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:8px 16px}.crm-flow__service{margin-top:4px;font-size:15px}.crm-flow__text{grid-column:2}.crm-flow__summary{font-size:20px}.crm-flow__note{font-size:14px}}
