/* V06: a compact, illustrated four-step process. */
.process{padding:72px 0;background:#f4f7fa;border-bottom:1px solid #dce6ed}
.process .section-heading{gap:35px;margin-bottom:30px;align-items:flex-end}
.process .eyebrow{margin-bottom:16px}
.process h2{font-size:36px;letter-spacing:-1.45px;line-height:1.45}
.process .section-heading>p{font-size:13px;line-height:1.85;padding-bottom:5px}
.process-layout{display:grid;grid-template-columns:.93fr 2fr;gap:24px;align-items:stretch}
.process-photo{position:relative;min-height:425px;background:#0a2c43;overflow:hidden;isolation:isolate}
.process-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 43%;z-index:-2}
.process-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#09273e0a 20%,#082c4740 48%,#061e32f5 100%);z-index:-1}
.process-photo-tag{position:absolute;top:20px;left:21px;display:flex;align-items:center;gap:8px;background:#fff;padding:7px 11px;font-size:8px;font-weight:500;color:#20516f;line-height:1.7;letter-spacing:.8px}
.process-photo-tag i{width:4px;height:4px;border-radius:50%;background:var(--red)}
.process-photo figcaption{position:absolute;left:27px;right:23px;bottom:26px;color:#fff}
.process-photo figcaption>span{display:block;font-size:7px;letter-spacing:1.15px;line-height:1.8;color:#b6d0df;margin-bottom:11px}
.process-photo figcaption>strong{display:block;font-size:27px;font-weight:500;line-height:1.5;letter-spacing:-.8px}
.process-photo figcaption>p{font-size:11px;color:#c2d7e4;line-height:1.8;margin-top:9px}
.process .process-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0;margin:0;list-style:none;counter-reset:none}
.process .process-grid>li{position:relative;padding:24px 27px 21px;background:white;border:1px solid #dce6ed;min-width:0;display:flex;flex-direction:column;min-height:210px}
.process .process-grid>li:before{content:'';position:absolute;top:-1px;left:27px;width:29px;height:2px;background:#e2232c}
.process-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.process-icon{display:grid;place-items:center;width:43px;height:43px;background:#edf5fb;color:#006daf;border:1px solid #dcecf5}
.process-icon svg{width:28px;height:28px;stroke-width:1.3}
.process-step-number{color:#c0d3df;font-size:36px;font-weight:500;letter-spacing:-1.3px;line-height:1.25}
.process .process-grid h3{font-size:16px;font-weight:600;line-height:1.65;letter-spacing:-.4px;margin:0 0 8px}
.process .process-grid p{font-size:13px;line-height:1.85;color:#607381;max-width:none;margin:0}
.process-step-copy{display:flex;flex-direction:column;flex:1}
.process-step-label{display:block;font-size:7px;letter-spacing:.6px;line-height:1.8;color:#5e829a;padding-top:14px;margin-top:auto}
.process-connector{position:absolute;right:-18px;top:43px;width:34px;height:25px;background:#f4f7fa;display:grid;place-items:center;z-index:2;color:#006daf}
.process-connector svg{width:20px;height:20px;stroke-width:1.4}
.process-start{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:1px solid #dce6ed;margin-top:22px}
.process-start-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;color:#006daf;border:1px solid #dbe9f2;background:#f1f7fb}
.process-start-icon svg{width:22px;height:22px;stroke-width:1.4}
.process-start h3{font-size:15px;font-weight:500;line-height:1.7;letter-spacing:-.25px}
.process-start p{font-size:11px;line-height:1.9;margin-top:2px;color:#6b8090}
.process-start .button{margin-left:auto;min-height:46px;font-size:11px;gap:25px;padding:11px 18px}
.process-start .button svg{width:18px;height:18px}
@media(min-width:1600px){.process h2{font-size:38px}.process-layout{grid-template-columns:.9fr 2fr;gap:27px}.process .process-grid>li{padding:26px 29px 23px}.process .process-grid h3{font-size:17px}.process .process-grid p{font-size:14px}.process-step-label{font-size:8px}.process-photo figcaption>strong{font-size:30px}}
@media(max-width:1200px){.process{padding:62px 0}.process h2{font-size:31px;letter-spacing:-1.25px}.process .section-heading>p{font-size:11px}.process .section-heading{gap:25px;margin-bottom:26px}.process-layout{grid-template-columns:.9fr 2fr;gap:20px}.process .process-grid{gap:17px}.process .process-grid>li{padding:21px 22px 19px}.process .process-grid>li:before{left:22px}.process .process-grid h3{font-size:15px;line-height:1.6}.process .process-grid p{font-size:12px}.process-step-label{font-size:6px;letter-spacing:.55px;padding-top:13px}.process-photo{min-height:414px}.process-photo figcaption{left:23px;right:19px;bottom:24px}.process-photo figcaption>strong{font-size:25px}.process-photo figcaption>span{font-size:6px}.process-photo-tag{left:18px;top:18px;font-size:7px}.process-photo figcaption>p{font-size:10px}.process-connector{right:-16px;width:30px}}
@media(max-width:1050px){.process h2{font-size:29px;letter-spacing:-1.1px}.process .section-heading>p{font-size:10px}.process-layout{grid-template-columns:.84fr 2fr;gap:18px}.process .process-grid>li{padding:20px 19px 17px}.process .process-grid>li:before{left:19px}.process .process-grid h3{font-size:14px}.process-card-top{margin-bottom:14px}.process-photo figcaption{left:20px;right:17px}.process-photo figcaption>strong{font-size:23px}.process-photo-tag{left:15px;font-size:6px;letter-spacing:.6px;padding:6px 9px}.process-start{padding:18px 21px}.process-start h3{font-size:14px}.process-start p{font-size:10px}}
@media(max-width:860px){.process{padding:56px 0}.process .section-heading{display:block;margin-bottom:25px}.process h2{font-size:29px}.process .eyebrow{font-size:8px;margin-bottom:13px}.process .section-heading>p{font-size:12px;line-height:1.8;margin-top:12px;padding:0}.process .section-heading>p br{display:none}.process-layout{grid-template-columns:.8fr 2fr;gap:16px}.process .process-grid{gap:15px}.process .process-grid>li{padding:17px 16px;min-height:219px}.process .process-grid>li:before{left:16px;width:24px}.process-icon{width:38px;height:38px}.process-icon svg{width:25px;height:25px}.process-step-number{font-size:30px}.process-card-top{margin-bottom:13px}.process .process-grid h3{font-size:13px;line-height:1.7;margin-bottom:7px}.process .process-grid p{font-size:12px;line-height:1.9}.process-step-label{display:none}.process-photo figcaption{left:17px;right:12px;bottom:20px}.process-photo figcaption>strong{font-size:20px;letter-spacing:-.6px}.process-photo figcaption>span{font-size:5px;letter-spacing:.6px;margin-bottom:9px}.process-photo figcaption>p{font-size:9px;line-height:1.9}.process-photo-tag{left:13px;top:15px;font-size:5px;padding:5px 7px;gap:6px}.process-connector{right:-14px;top:36px;width:27px}.process-connector svg{width:17px}.process-start{margin-top:18px;padding:17px;gap:13px}.process-start-icon{width:37px;height:37px}.process-start-icon svg{width:19px;height:19px}.process-start h3{font-size:12px}.process-start p{font-size:10px}.process-start .button{font-size:10px;min-height:44px;padding:10px 14px;gap:13px}}
@media(max-width:650px){.process-layout{grid-template-columns:1fr}.process-photo{min-height:0;height:240px}.process-photo>img{object-position:50% 49%}.process-photo:after{background:linear-gradient(90deg,#061e32db,#061e3250 60%,#061e3230)}.process-photo-tag{top:17px;left:21px;font-size:7px;padding:5px 8px}.process-photo figcaption{left:23px;right:23px;bottom:22px}.process-photo figcaption>strong{font-size:25px;line-height:1.45}.process-photo figcaption>span{font-size:6px;letter-spacing:.9px;margin-bottom:8px}.process-photo figcaption>p{font-size:10px}.process .process-grid>li{min-height:0;padding:22px}.process .process-grid>li:before{left:22px}.process .process-grid h3{font-size:15px}.process .process-grid p{font-size:13px}.process-icon{width:41px;height:41px}.process-icon svg{width:27px;height:27px}.process-start{flex-wrap:wrap}.process-start .button{margin-left:50px}}
@media(max-width:600px){.process{padding:48px 0}.process .section-heading{margin-bottom:25px}.process .eyebrow{font-size:9px;margin-bottom:15px}.process h2{font-size:28px;line-height:1.5;letter-spacing:-1.1px;max-width:315px}.process h2 em{display:block}.process .section-heading>p{font-size:13px;line-height:1.9;margin-top:14px;max-width:320px}.process-layout{gap:19px}.process-photo{height:226px}.process-photo-tag{font-size:7px;left:20px;top:17px}.process-photo figcaption{left:21px;bottom:21px}.process-photo figcaption>span{font-size:6px;letter-spacing:.8px}.process-photo figcaption>strong{font-size:24px}.process-photo figcaption>p{font-size:10px;margin-top:7px}.process .process-grid{grid-template-columns:1fr;gap:14px}.process .process-grid>li{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:20px 18px;min-height:0}.process .process-grid>li:before{left:18px;width:26px}.process-card-top{flex-direction:column;gap:8px;align-items:center;justify-content:flex-start;margin:0}.process-icon{width:43px;height:43px}.process-icon svg{width:28px;height:28px}.process-step-number{font-size:25px;line-height:1.3;letter-spacing:-.75px;color:#afc8d8}.process .process-grid h3{font-size:15px;line-height:1.75;letter-spacing:-.45px;margin:0 0 7px}.process .process-grid p{font-size:13px;line-height:1.9}.process-step-label{display:block;font-size:6px;letter-spacing:.6px;line-height:1.8;padding-top:9px}.process-connector{display:none}.process .process-grid>li:not(:last-child):after{content:'';position:absolute;left:39px;bottom:-15px;width:1px;height:14px;background:#9abdd3}.process-start{padding:21px 18px;gap:11px;margin-top:20px;align-items:flex-start;display:grid;grid-template-columns:32px 1fr}.process-start-icon{width:32px;height:34px}.process-start-icon svg{width:18px;height:18px}.process-start h3{font-size:14px;line-height:1.8;letter-spacing:-.4px}.process-start p{font-size:11px;line-height:1.9;margin-top:5px}.process-start .button{grid-column:1/-1;justify-content:space-between;margin:7px 0 0;width:100%;min-height:47px;font-size:12px;padding:12px 16px}.process-start .button svg{width:18px;height:18px}}
@media(max-width:370px){.process h2{font-size:26px}.process .eyebrow{font-size:8px}.process .process-grid>li{padding:19px 16px;gap:13px;grid-template-columns:43px 1fr}.process .process-grid h3{font-size:14px}.process .process-grid p{font-size:12px}.process-step-label{font-size:5px}.process-start h3{font-size:13px}}
@media(min-width:651px) and (max-width:860px){.process .process-grid>li{min-height:190px}.process-photo{min-height:395px}}
