.enrollment{position:relative;isolation:isolate;padding-block:76px 48px;background:#f5f9fa;border-block:1px solid #e3edef}
.enrollment.wrap{width:100%;padding-inline:max(32px,calc((100% - 1120px)/2))}
.enrollment .section-heading{margin-bottom:30px}
.enrollment .section-heading .eyebrow{display:inline-block;padding:5px 15px;border-radius:30px;border:1px solid #bcdde1;background:#e9f4f5;color:#167888;margin-bottom:20px}
.enrollment h2{font-size:38px;margin-bottom:14px}
.enrollment-steps{position:relative;gap:32px;margin:38px 0 40px}
.enrollment-steps:before{content:'';position:absolute;left:16.7%;right:16.7%;top:97px;border-top:2px dashed #bdd8de;z-index:-1}
.enrollment-steps li{position:relative;padding-bottom:0}
.step-icon{width:198px;height:198px;border:0;border-radius:50%;background:#e5f0f3;margin:0 auto 31px;position:relative;box-shadow:0 0 0 9px #f5f9fa,0 0 0 10px #d8e8ec;transition:transform .25s ease}
.step-icon svg{width:164px;height:164px;stroke-width:2.6;overflow:visible;filter:drop-shadow(0 3px 0 #2420600b)}
.step-icon .art-soft{fill:#c2e1e6;stroke:none}
.step-icon .art-paper{fill:#fff;stroke:#242060}
.step-icon .art-ink{fill:#242060;stroke:#242060}
.step-icon .art-teal{fill:#2994a8;stroke:#242060}
.step-icon .art-yellow{fill:#f4c52e;stroke:#242060}
.step-icon .art-line{fill:none;stroke:#91adb9}
.step-icon .art-check{fill:none;stroke:#168497;stroke-width:3}
.step-icon .art-detail{fill:none;stroke:#242060;stroke-width:2.2}
.step-number{position:absolute;grid-column:auto;grid-row:auto;top:175px;left:calc(50% - 21px);margin:0;width:42px;height:42px;display:grid;place-items:center;background:#242060;color:#fff;border:5px solid #f5f9fa;border-radius:50%;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;z-index:1}
.enrollment-steps h3{font-size:24px;line-height:1.4}
.advance-amount{display:inline-block;font-size:23px;color:#167888;margin-top:5px;font-family:Lato,Arial,sans-serif}
.enrollment-note{max-width:860px;margin-inline:auto;border-top:1px solid #d5e3e8;border-bottom:0;padding:23px 0 0;color:#5e6e78}
.enrollment-note .text-link{font-size:13px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.enrollment-steps li:hover .step-icon{transform:translateY(-4px)}}
@media(max-width:1000px) and (min-width:761px){.step-icon{width:170px;height:170px}.step-icon svg{width:143px;height:143px}.step-number{top:147px}.enrollment-steps:before{top:84px}.enrollment-steps h3{font-size:21px}}
@media(max-width:760px){
  .enrollment{padding-block:48px 32px}.enrollment.wrap{padding-inline:20px}.enrollment h2{font-size:30px}.enrollment .section-heading{margin-bottom:20px}.enrollment .section-heading .eyebrow{margin-bottom:16px}
  .enrollment-steps{grid-template-columns:1fr;gap:30px;margin:30px 0 32px}.enrollment-steps:before{left:59px;right:auto;top:60px;bottom:60px;border-top:0;border-left:2px dashed #bdd8de}
  .enrollment-steps li,.enrollment-steps li:first-child,.enrollment-steps li:last-child{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 24px;border:0;padding:0;align-items:center;min-height:134px}
  .step-icon{width:120px;height:120px;grid-row:1;align-self:center;margin:0;box-shadow:0 0 0 6px #f5f9fa,0 0 0 7px #d8e8ec}
  .step-icon svg{width:104px;height:104px}.step-number{top:auto;bottom:0;left:89px;width:34px;height:34px;border-width:4px;font-size:10px}
  .enrollment-steps h3{grid-row:1;grid-column:2;font-size:22px;line-height:1.3}.advance-amount{font-size:22px;margin-top:8px}.enrollment-note{padding-top:20px;text-align:left;font-size:12px}
}
@media(max-width:360px){.enrollment-steps li,.enrollment-steps li:first-child,.enrollment-steps li:last-child{grid-template-columns:104px minmax(0,1fr);column-gap:20px;min-height:118px}.step-icon{width:104px;height:104px}.step-icon svg{width:90px;height:90px}.step-number{left:74px}.enrollment-steps:before{left:51px}.enrollment-steps h3{font-size:20px}.advance-amount{font-size:21px}}
@media(prefers-reduced-motion:reduce){.step-icon{transition:none}}

.enrollment-steps:before{display:none}.enrollment-steps li{position:relative;text-align:center}.step-icon{width:132px;height:132px;margin:0 auto 18px;background:#fff;border:1px solid #c8e1e5;box-shadow:none}.step-icon svg{width:88px;height:88px;stroke-width:2.4;filter:none}.step-wash{fill:#e6f3f4;stroke:none}.step-ink{stroke:#242060;fill:none}.step-detail{stroke:#7c9ba8;fill:none}.step-accent{stroke:#167e90;stroke-width:3;fill:none}.step-number{position:static;display:block;width:auto;height:auto;margin:0 0 7px;background:none;border:0;color:#167e90;font-size:14px;font-weight:700}.enrollment-steps h3{font-size:22px}.enrollment-steps li:not(:last-child):after{content:'';position:absolute;left:calc(50% + 78px);top:66px;width:calc(100% - 124px);border-top:3px dotted #80bac3;transform-origin:left;--connector-from:scaleX(0)}
.step-waiting .step-icon svg,.step-waiting .step-number,.step-waiting h3,.enrollment-steps li.step-waiting:after{opacity:0}.step-started .step-icon{animation:step-stage 1.9s linear}.step-started .step-ink{stroke-dasharray:100;animation:step-draw .9s ease-out .1s both}.step-started .step-detail{stroke-dasharray:100;animation:step-draw .55s ease-out .55s both}.step-started .step-accent{stroke-dasharray:100;animation:step-draw .55s ease-out .85s both}.step-started .step-wash{animation:step-paint .45s ease-out .7s both}.step-started .step-number{animation:step-copy .45s ease-out .5s both}.step-started h3{animation:step-copy .55s ease-out .8s both}.enrollment-steps li.step-started:after{animation:step-connect .4s ease-out 1.45s both}
@keyframes step-stage{from{opacity:1}to{opacity:1}}@keyframes step-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes step-paint{from{opacity:0}to{opacity:1}}@keyframes step-copy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes step-connect{from{opacity:0;transform:var(--connector-from)}to{opacity:1;transform:none}}
@media(max-width:760px){.enrollment-steps li,.enrollment-steps li:first-child,.enrollment-steps li:last-child{grid-template-columns:100px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 20px;min-height:120px;text-align:left}.step-icon{width:100px;height:100px;margin:0;grid-row:1 / 3;grid-column:1;align-self:center;box-shadow:none}.step-icon svg{width:74px;height:74px}.step-number{grid-column:2;grid-row:1;align-self:end;position:static;margin:0;font-size:13px;width:auto;height:auto;border:0}.enrollment-steps h3{grid-column:2;grid-row:2;align-self:start;font-size:21px}.enrollment-steps li:not(:last-child):after{left:50px;top:calc(50% + 57px);width:0;height:calc(100% - 84px);border-top:0;border-left:3px dotted #80bac3;transform-origin:top;--connector-from:scaleY(0)}.advance-amount{font-size:21px;margin-top:4px}}
@media(max-width:360px){.enrollment-steps li,.enrollment-steps li:first-child,.enrollment-steps li:last-child{column-gap:15px}.enrollment-steps h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.step-waiting .step-icon svg,.step-waiting .step-number,.step-waiting h3,.enrollment-steps li.step-waiting:after{opacity:1}.enrollment-steps *,.enrollment-steps li:after{animation:none!important}}
@media print{.step-waiting .step-icon svg,.step-waiting .step-number,.step-waiting h3,.enrollment-steps li.step-waiting:after{opacity:1}.enrollment-steps *,.enrollment-steps li:after{animation:none!important}}

/* The same icon family, enlarged with yellow fills for the enrollment actions. */
.step-icon{background:transparent;border:0;border-radius:0}
.step-icon .site-icon{width:100px;height:100px}
@media(max-width:760px){.step-icon .site-icon{width:82px;height:82px}}