.page-hero.workflow-hero{background:#10263e;color:#fff;border:0}
.workflow-hero>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;min-height:520px;padding-top:40px;padding-bottom:44px;align-items:center}
.workflow-hero .breadcrumb,.workflow-hero .breadcrumb a{color:#b5c7dc}
.workflow-hero .breadcrumb{margin-bottom:30px}
.workflow-hero .eyebrow{color:#a8c9ec;margin-bottom:18px}
.workflow-hero .page-heading h1{color:#fff;font-size:40px;line-height:1.4;letter-spacing:-1.5px}
.workflow-hero .page-heading h1 span{color:#b5d5f4}
.workflow-hero .page-lead{color:#c5d2e2;margin-top:22px;line-height:1.9}
.workflow-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.workflow-actions .button.primary{background:#f4f8fd;color:#193b61;border:1px solid #f4f8fd}
.workflow-actions .button.primary:hover{background:#dceafa}
.workflow-actions>a:last-child{color:#d4e3f4;font-size:14px;text-underline-offset:6px}
.workflow-actions>a:last-child:hover{text-decoration:underline}
.workflow-art{margin:0;min-width:0}
.workflow-art figcaption{color:#acc2dc;font-size:13px;text-align:center;margin-top:28px;line-height:1.7}
.workflow-stages{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:6px}
.workflow-stage{text-align:center;min-width:0}
.workflow-stage .stage-index{display:block;color:#91accb;font-size:11px;letter-spacing:.13em;margin-bottom:20px}
.workflow-symbol{display:grid;place-items:center;width:90px;height:90px;margin:0 auto 22px;color:#b5d5f4}
.workflow-symbol svg{width:66px;height:66px}
.workflow-symbol.app-symbol{border:1px solid #7297be;border-radius:16px;background:#254969}
.workflow-symbol img{width:52px;height:52px;border-radius:12px}
.workflow-stage strong{display:block;font-size:19px;color:#fff;line-height:1.5}
.workflow-stage p{font-size:13px;color:#b7cbe1;margin-top:10px;line-height:1.8}
.workflow-arrow{color:#799cbc;font-size:25px;text-align:center}
.organization-root{display:flex;justify-content:center;align-items:center;gap:18px;padding:0 0 24px}
.organization-root .workflow-symbol{margin:0;width:68px;height:68px}
.organization-root strong{font-size:23px;color:#fff}
.organization-root p{font-size:13px;color:#b7cbe1;margin:7px 0 0}
.organization-branches{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:28px}
.organization-branches:before{content:"";position:absolute;left:calc(25% - 10px);right:calc(25% - 10px);top:0;border-top:1px solid #7297be}
.organization-root{position:relative}
.organization-root:after{content:"";position:absolute;left:50%;bottom:0;height:18px;border-left:1px solid #7297be}
.organization-branches .workflow-stage{position:relative}
.organization-branches .workflow-stage:before{content:"";position:absolute;left:50%;top:-28px;height:22px;border-left:1px solid #7297be}
.organization-branches .workflow-symbol{height:70px;margin-bottom:12px}
@media(max-width:1000px){.workflow-hero>.wrap{gap:28px;grid-template-columns:1fr 1fr}.workflow-hero .page-heading h1{font-size:33px}.workflow-stage strong{font-size:16px}.workflow-symbol{width:74px;height:74px}.workflow-symbol svg{width:56px;height:56px}.workflow-stage p{font-size:12px}}
@media(max-width:800px){.workflow-hero>.wrap{grid-template-columns:1fr;gap:42px;min-height:0;padding-top:26px;padding-bottom:32px}.workflow-art{width:100%;max-width:570px;justify-self:center}.workflow-hero .page-heading h1{font-size:32px}.workflow-hero .breadcrumb{margin-bottom:24px}.workflow-stages{gap:3px;grid-template-columns:1fr 18px 1fr 18px 1fr}.workflow-stage .stage-index{margin-bottom:14px}.workflow-symbol{width:68px;height:68px;margin-bottom:16px}.workflow-symbol svg{width:50px;height:50px}.workflow-symbol img{width:44px;height:44px}.workflow-stage strong{font-size:16px}.workflow-stage p{font-size:12px}.workflow-art figcaption{margin-top:22px}.organization-branches{gap:24px}}

@media(max-width:800px){.organization-branches:before{left:calc(25% - 6px);right:calc(25% - 6px)}}