.workflow-section{background:#f8f7fb;border:1px solid #e9e3ef;border-radius:22px;margin-top:50px;margin-bottom:55px;scroll-margin-top:24px}.workflow-section .workflow-content{padding:43px 46px 26px}.workflow-section .workflow-heading{padding-right:0}.workflow-content{padding:43px 46px 26px}.workflow-heading{margin-bottom:32px;padding-right:35px}.workflow-heading>p{color:#7454ce;align-items:center;gap:11px;margin-bottom:13px;font-size:12px;font-weight:600;display:flex}.workflow-heading>p:before{content:"";background:#7454ce;width:29px;height:2px}.workflow-heading h2{font-family:var(--display);letter-spacing:-.4px;font-size:clamp(35px,4.4vw,54px);font-weight:600;line-height:1.05}.workflow-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:42px;display:grid}.workflow-steps{gap:28px;margin:0;padding:0;list-style:none;display:grid}.workflow-steps li{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:24px;display:grid;position:relative}.workflow-steps li:not(:last-child):after{content:"";border-left:1px dashed #cdc2df;height:calc(100% - 30px);position:absolute;top:58px;left:26px}.workflow-marker{color:#7454ce;background:#fff;border:1px solid #e4ddef;border-radius:15px;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 4px 9px #2c174407}.workflow-marker>span{color:#fff;background:#29252f;border-radius:50%;place-items:center;width:23px;height:23px;font-size:11px;font-weight:600;display:grid;position:absolute;top:-7px;right:-7px}.workflow-step-copy h3{letter-spacing:-.3px;margin:1px 0 10px;font-size:18px;font-weight:500;line-height:1.35}.workflow-step-copy p{color:#696373;overflow-wrap:break-word;font-size:13px;line-height:1.8}.workflow-photo{isolation:isolate;background:#eee6dc;border-radius:24px;min-width:0;min-height:455px;margin:0 6px 9px 0;position:relative;box-shadow:9px 9px #e9e3f0}.workflow-photo img{object-fit:cover;object-position:50% 48%;border-radius:24px}.workflow-photo figcaption{color:#51405e;background:#ffffffeb;border-radius:22px;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 3px 12px #3423480c}.workflow-footer{color:#77717e;border-top:1px solid #e5deed;justify-content:space-between;align-items:center;gap:20px;margin-top:31px;padding-top:20px;font-size:12px;display:flex}@media (max-width:760px){.workflow-content{padding:36px 25px 22px}.workflow-heading{margin-bottom:29px;padding-right:22px}.workflow-heading h2{font-size:39px}.workflow-layout{grid-template-columns:minmax(0,1fr);gap:27px}.workflow-photo{aspect-ratio:auto;height:260px;min-height:0;max-height:none}.workflow-steps{gap:27px}.workflow-step-copy h3{font-size:17px}.workflow-step-copy p{font-size:12px}.workflow-steps li{grid-template-columns:48px minmax(0,1fr);gap:19px}.workflow-marker{border-radius:13px;width:48px;height:48px}.workflow-steps li:not(:last-child):after{height:calc(100% - 26px);top:53px;left:23px}}@media (max-width:380px){.workflow-content{padding-inline:19px}.workflow-heading h2{font-size:34px}.workflow-steps li{grid-template-columns:42px minmax(0,1fr);gap:15px}.workflow-marker{border-radius:12px;width:42px;height:45px}.workflow-marker>svg{width:21px;height:21px}.workflow-steps li:not(:last-child):after{height:calc(100% - 23px);top:50px;left:20px}.workflow-step-copy h3{font-size:16px}.workflow-footer{gap:12px}.workflow-photo figcaption{top:12px;left:12px}}@media (max-width:760px){.workflow-section{border-radius:16px;margin-top:35px;margin-bottom:35px}.workflow-section .workflow-content{padding:30px 23px 23px}.workflow-section .workflow-heading h2{font-size:36px}.workflow-section .workflow-heading{padding-right:0}.workflow-section .workflow-footer{line-height:1.8}}@media (max-width:380px){.workflow-section .workflow-content{padding:27px 17px 20px}.workflow-section .workflow-heading h2{font-size:31px}}
