/* Four considered steps, composed as a connected emerald journey. */
#how-it-works{background:radial-gradient(ellipse at 90% 0,var(--color-hex-1a69543d),var(--color-transparent) 55%),var(--color-hex-003e33);color:var(--color-hex-fffdf4);position:relative;overflow:hidden;padding-top:130px;padding-bottom:130px}
#how-it-works:before{content:'';position:absolute;width:650px;height:650px;border:1px solid var(--color-hex-ddbd6520);border-radius:50%;right:-330px;top:-380px;pointer-events:none;box-shadow:0 0 0 75px var(--color-hex-ddbd6505),0 0 0 150px var(--color-hex-ddbd6504)}
#how-it-works .section-intro{position:relative;align-items:center;margin-bottom:70px}#how-it-works .eyebrow{color:var(--color-hex-dfbc63)}#how-it-works h2 em{color:var(--color-hex-edcf88)}#how-it-works .section-intro p{color:var(--color-hex-bacdc1);max-width:320px}
#how-it-works .journey-grid{position:relative;gap:18px;isolation:isolate}
#how-it-works .journey-grid:before{content:'';position:absolute;left:5%;right:5%;top:62px;height:1px;background:linear-gradient(90deg,var(--color-hex-ac842a),var(--color-hex-f2d58c),var(--color-hex-ac842a));transform:scaleX(var(--journey-progress,0));transform-origin:left;z-index:-1}
#how-it-works .journey-grid article{position:relative;min-height:310px;border:1px solid var(--color-hex-d8bf742e);padding:30px 25px 32px;background:linear-gradient(155deg,var(--color-hex-135243eb),var(--color-hex-003e33f5));border-radius:2px;opacity:calc(.2 + var(--step-progress,0)*.8)!important;transform:translateY(calc((1 - var(--step-progress,0))*65px))!important;transition:border-color .4s,box-shadow .4s!important;overflow:hidden}
#how-it-works .journey-grid article:hover{border-color:var(--color-hex-d8bf7480);box-shadow:0 16px 35px var(--color-hex-00251d4d)}
#how-it-works .journey-grid article>span:first-child{font:400 64px/1 Georgia,serif;color:var(--color-hex-e6c674);display:block;letter-spacing:-3px;margin-bottom:40px}
#how-it-works .journey-grid h3{font:400 23px/1.2 Georgia,serif;letter-spacing:-.3px;color:var(--color-hex-fffdf4);margin:0 0 18px;max-width:200px}
#how-it-works .journey-grid p{color:var(--color-hex-b4cbbd);font-size:12px!important;line-height:1.9;margin:0}
#how-it-works .journey-grid .journey-mark{position:absolute;right:24px;top:33px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-hex-d4b56850);border-radius:50%;font:24px Georgia,serif;color:var(--color-hex-e3c170);transform:rotate(calc((1 - var(--step-progress,0))*-45deg));}
#how-it-works .journey-grid article:after{content:'';position:absolute;left:25px;bottom:0;height:2px;width:calc(var(--step-progress,0)*65%);background:linear-gradient(90deg,var(--color-hex-e6c674),var(--color-transparent))}
@media(max-width:1000px){#how-it-works .journey-grid{grid-template-columns:repeat(2,1fr)}#how-it-works .journey-grid:before{display:none}}
@media(max-width:700px){#how-it-works{padding-top:75px;padding-bottom:75px}#how-it-works .section-intro{margin-bottom:40px}#how-it-works .journey-grid{gap:12px}#how-it-works .journey-grid article{padding:23px 17px;min-height:290px}#how-it-works .journey-grid article>span:first-child{font-size:48px;margin-bottom:32px}#how-it-works .journey-grid .journey-mark{right:16px;top:25px;width:30px;height:30px;font-size:18px}#how-it-works .journey-grid h3{font-size:21px}}
@media(max-width:380px){#how-it-works .journey-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#how-it-works .journey-grid article{transform:none!important;opacity:1!important;transition:none!important}.scroll-zoom-image{transform:none!important;clip-path:none!important}}