/* The approved commerce timeline, with the existing website-project content. */
.landing-process{padding:110px 0;position:relative;background:radial-gradient(ellipse at right bottom,#007da8,transparent 68%),linear-gradient(115deg,#082e66,#063b88);color:#d6e9f9;isolation:isolate;font-family:'Source Sans Pro',Arial,sans-serif;font-weight:300}
.landing-process-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(125deg,transparent 0 119px,#5ddcff66 120px,transparent 121px),repeating-linear-gradient(35deg,transparent 0 119px,#5ddcff44 120px,transparent 121px);mask-image:linear-gradient(90deg,transparent 30%,#000)}
.landing-process-wrap{width:min(1290px,calc(100% - 96px));margin-inline:auto}
.landing-process-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:110px;position:relative;z-index:1;align-items:start}
.landing-process-intro{position:sticky;top:clamp(110px,18vh,160px)}
.landing-process .landing-process-kicker{font-family:Raleway,Arial,sans-serif;font-size:13px;font-weight:600;color:#8adff8;line-height:1.5;margin-bottom:15px}
.landing-process .landing-process-intro h2{color:#fff;font-family:'Source Sans Pro',Arial,sans-serif;font-size:clamp(40px,4vw,58px);font-weight:400;line-height:1.1}
.landing-process h2 em{font-style:normal;color:var(--yellow);display:block}
.landing-process .landing-process-description{font-size:19px;font-weight:300;line-height:1.6;margin-top:22px;color:#b8d4ef}
.landing-process-map{display:flex;align-items:center;margin-top:37px;width:min(430px,100%)}
.landing-map-node{display:grid;place-items:center;width:54px;height:54px;flex:none;border:1px solid #85d2f46e;border-radius:50%;color:#9bcee9;transition:color 200ms ease,background 200ms ease}
.landing-map-node.is-active{background:#f4cc26;color:#063b88;border-color:#f4cc26}
.landing-process-map i{height:1px;background:#5ca3d077;flex:1}
.landing-process-map svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.landing-process-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 25px;margin-top:35px}
.landing-process-actions .shine-button{margin-top:0;max-width:100%;font-family:Raleway,Arial,sans-serif;font-weight:400}
.landing-process-next{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:5px 0;font-family:Raleway,Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.5;color:#d8efff}
.landing-process-next svg{width:32px;height:32px;padding:7px;border:1px solid #8adff87a;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.landing-process-track{position:relative}
.landing-track-line{position:absolute;left:25px;top:25px;bottom:82px;width:1px;background:#8adff83b}
.landing-track-line span{display:block;width:2px;height:100%;background:var(--yellow);transform:scaleY(0);transform-origin:top}
.landing-process-track ol{list-style:none;margin:0;padding:0;position:relative}
.landing-step{display:flex;gap:27px;padding:0 0 80px}
.landing-step:last-child{padding-bottom:0}
.landing-step-number{display:grid;place-items:center;width:52px;height:52px;border:1px solid #8adff87a;border-radius:50%;flex:none;background:#084478;color:#8adff8;font-family:'Source Sans Pro',Arial,sans-serif;font-size:17px;font-weight:400;transition:background 200ms ease,color 200ms ease}
.landing-step.is-active .landing-step-number{background:var(--yellow);color:#063b88;border-color:var(--yellow)}
.landing-step>div{min-width:0;padding-top:6px}
.landing-process .landing-step h3{color:#fff;font-family:'Source Sans Pro',Arial,sans-serif;font-size:30px;font-weight:400;line-height:1.15;margin-bottom:13px}
.landing-process .landing-step p{color:#bed8f0;font-size:18px;font-weight:300;line-height:1.6;max-width:380px}
.motion-paused .landing-track-line span{transform:scaleY(1)!important}
@media(hover:hover) and (pointer:fine){.landing-process-next:hover{color:#fff}}
@media(max-width:1200px){.landing-process-wrap{width:calc(100% - 72px)}.landing-process-layout{gap:75px}}
@media(max-width:950px){.landing-process{padding-block:80px}.landing-process-layout{gap:45px;grid-template-columns:1fr 1.2fr}.landing-process .landing-process-intro h2{font-size:40px}.landing-step{gap:20px;padding-bottom:65px}.landing-process .landing-step h3{font-size:28px}}
@media(max-width:800px){.landing-process{padding-block:65px}.landing-process-wrap{width:calc(100% - 40px)}.landing-process-layout{display:block}.landing-process-intro{position:relative;top:auto}.landing-process .landing-process-intro h2{font-size:43px}.landing-process-map{margin-top:28px;max-width:330px}.landing-map-node{width:48px;height:48px}.landing-process-actions{align-items:flex-start;gap:12px 20px;margin-top:25px}.landing-process-next{font-size:11px}.landing-process-track{margin-top:55px}.landing-step{gap:22px;padding-bottom:45px}.landing-process .landing-step h3{font-size:29px}.landing-process .landing-step p{max-width:100%}.landing-track-line{bottom:100px}}
@media(max-width:360px){.landing-process-wrap{width:calc(100% - 32px)}.landing-process .landing-process-intro h2{font-size:39px}.landing-step{gap:17px}.landing-step-number{width:45px;height:45px}.landing-track-line{left:22px}.landing-process .landing-step h3{font-size:27px}}
@media(max-height:650px){.landing-process-intro{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.landing-track-line span{transform:scaleY(1)!important}.landing-step-number,.landing-map-node{background:#f4cc26;color:#063b88;border-color:#f4cc26;transition:none}}