/* A readable three-step sequence with a moving metallic focus. */
#how-it-works.ox-journey-refined{background:#fafaf8;padding-block:var(--ox-section-space)}
#how-it-works .ox-convert-heading-row{display:block;margin-bottom:var(--ox-heading-gap)}
#how-it-works .ox-convert-heading-row h2{font-size:clamp(36px,3.45vw,52px);line-height:1.12;font-weight:500}
#how-it-works h2 br,#how-it-works h3 br{display:none}
#how-it-works .ox-convert-journey{display:grid;grid-template-columns:1fr;gap:10px;padding:0;margin:0;border:0;list-style:none}
#how-it-works .ox-convert-journey:before{display:none}
#how-it-works .ox-convert-step{display:grid;grid-template-columns:48px minmax(210px,.85fr) minmax(0,1.6fr);align-items:center;gap:24px;isolation:isolate;position:relative;min-width:0;padding:20px 24px;border:1px solid #B4BAC370;border-radius:12px;background:#F4F5F7;transition:border-color .5s,box-shadow .5s}
#how-it-works .ox-convert-step:before{content:'';display:block;position:absolute;inset:0;width:auto;height:auto;border-radius:inherit;box-shadow:none;background:repeating-linear-gradient(0deg,#FFFFFF08 0 1px,transparent 1px 3px),linear-gradient(116deg,#D1D8E2 0%,#F9FAFC 28%,#E1E6EE 48%,#BCC5D3 65%,#EDF0F5 84%,#D5DCE5 100%);z-index:-1;opacity:0;transition:opacity .5s}
#how-it-works .ox-convert-step:after{content:'';position:absolute;left:0;top:15px;bottom:15px;width:3px;height:auto;border-radius:3px;background:linear-gradient(#D4A0A0,#9C706C);opacity:0;transition:opacity .5s}
#how-it-works .ox-convert-step.is-active{border-color:#9CA6B5;box-shadow:0 8px 24px #1A1D2810,inset 0 1px #FFFFFFCC}
#how-it-works .ox-convert-step.is-active:before,#how-it-works .ox-convert-step.is-active:after{opacity:1}
#how-it-works .ox-convert-step:last-child:before{background:repeating-linear-gradient(0deg,#FFFFFF0A 0 1px,transparent 1px 3px),linear-gradient(116deg,#D1B7B8 0%,#F4EDEE 27%,#E3CED0 48%,#C08B88 67%,#EBDADA 83%,#D9B7B7 100%)}
#how-it-works .ox-convert-step:last-child.is-active{border-color:#B78B89}
#how-it-works .ox-convert-number{display:block;position:relative;width:40px;height:42px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:#5A6170;font-size:32px;line-height:42px;font-weight:500;letter-spacing:-.04em}
#how-it-works .is-active .ox-convert-number{color:#1A1D28}
#how-it-works .ox-convert-step h3{margin:0;min-height:0;font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.035em;color:#1A1D28}
#how-it-works .ox-journey-select{display:block;appearance:none;background:transparent;border:0;padding:8px 0;min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;cursor:pointer}
#how-it-works .ox-journey-select:focus-visible{outline:2px solid #5A6170;outline-offset:5px;border-radius:2px}
#how-it-works .ox-journey-detail{min-width:0}
#how-it-works .ox-convert-step-copy{max-width:none;padding:0;margin:0;list-style:none}
#how-it-works .ox-convert-step-copy li{font-size:18px;line-height:1.55;color:#343B47;margin:0 0 6px;letter-spacing:-.012em}
#how-it-works .ox-convert-step-copy li:last-child{margin-bottom:0}
#how-it-works .ox-convert-step:last-child .ox-journey-detail{display:flex;align-items:center;justify-content:space-between;gap:24px}
#how-it-works .ox-convert-signup{flex:none;min-width:176px;min-height:58px;margin:0;padding:16px 24px;gap:32px;background:#1A1D28;border:1px solid #1A1D28;color:#fff;font-size:18px;font-weight:600;box-shadow:0 5px 14px #080A0E18;transition:background .2s,box-shadow .2s}
#how-it-works .ox-convert-signup:hover{background:#080A0E;box-shadow:0 7px 20px #080A0E30}
#how-it-works .ox-convert-signup:focus-visible{outline:2px solid #1A1D28;outline-offset:5px}
#how-it-works .is-active .ox-convert-signup{animation:ox-journey-cta-pulse 1.35s .15s ease-in-out 2;transform-origin:center}
#how-it-works .ox-journey-final-number>span{transition:opacity .3s}
#how-it-works .ox-journey-complete{position:absolute;inset:0;width:40px;height:40px;fill:none;stroke:#654B4B;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.85);transition:opacity .35s,transform .35s}
#how-it-works .ox-journey-complete circle{stroke:#9C706C;stroke-width:1}
#how-it-works .is-active .ox-journey-final-number>span{opacity:0}
#how-it-works .is-active .ox-journey-complete{opacity:1;transform:scale(1)}
#how-it-works .is-active .ox-journey-complete path{stroke-dasharray:35;animation:ox-journey-complete .7s .2s ease-out both}
#how-it-works .ox-journey-footer{margin-top:22px;padding-top:0;border:0}
#how-it-works .ox-convert-assurance{max-width:960px;border:0;margin:0;padding:0;font-size:16px;line-height:1.6;color:#5A6170}
#how-it-works[data-motion="paused"] .ox-convert-step *{animation-play-state:paused!important}
@keyframes ox-journey-cta-pulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 14px #080A0E18,0 0 0 0 #9C706C00}45%{transform:translateY(-3px) scale(1.045);box-shadow:0 10px 24px #080A0E32,0 0 0 8px #9C706C40}75%{transform:translateY(0) scale(1);box-shadow:0 5px 14px #080A0E18,0 0 0 13px #9C706C00}}
@keyframes ox-journey-complete{from{stroke-dashoffset:35}to{stroke-dashoffset:0}}
@media(max-width:1099px) and (min-width:761px){#how-it-works .ox-convert-step{grid-template-columns:40px minmax(180px,.8fr) minmax(0,1.5fr);gap:20px;padding-inline:20px}#how-it-works .ox-convert-step:last-child .ox-journey-detail{display:block}#how-it-works .ox-convert-signup{margin-top:16px}}
@media(max-width:760px){
 #how-it-works .ox-convert-journey{gap:14px}
 #how-it-works .ox-convert-step{grid-template-columns:34px minmax(0,1fr);align-items:start;column-gap:14px;row-gap:12px;padding:22px 18px 24px}
 #how-it-works .ox-convert-step h3{font-size:25px;margin:0}
 #how-it-works .ox-journey-select{padding:3px 0;min-height:38px}
 #how-it-works .ox-convert-number{font-size:28px;line-height:38px;width:34px;height:38px}
 #how-it-works .ox-journey-complete{width:34px;height:34px}
 #how-it-works .ox-journey-detail{grid-column:1 / -1}
 #how-it-works .ox-convert-step-copy li{font-size:18px;margin-bottom:10px}
 #how-it-works .ox-convert-step:last-child .ox-journey-detail{display:block}
 #how-it-works .ox-convert-signup{margin-top:20px;width:100%;justify-content:space-between}
 #how-it-works .ox-journey-footer{margin-top:24px}
}
@media(prefers-reduced-motion:reduce){#how-it-works .ox-convert-step,#how-it-works .ox-convert-step:before,#how-it-works .ox-convert-step:after,#how-it-works .ox-convert-step *{animation:none!important;transition:none!important}}
@media(forced-colors:active){#how-it-works .ox-convert-step.is-active{border:2px solid Highlight}#how-it-works .ox-convert-step:before{display:none}}
#how-it-works[data-motion="paused"] .is-active .ox-journey-complete path{animation:none!important;stroke-dashoffset:0}

@media(max-width:760px){#how-it-works .is-active .ox-convert-signup{transform-origin:center;animation-name:ox-journey-cta-pulse-mobile}}
@keyframes ox-journey-cta-pulse-mobile{0%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 14px #080A0E18,0 0 0 0 #9C706C00}45%{transform:translateY(-3px) scale(1.015);box-shadow:0 10px 24px #080A0E32,0 0 0 6px #9C706C40}75%{transform:translateY(0) scale(1);box-shadow:0 5px 14px #080A0E18,0 0 0 10px #9C706C00}}
