.steps{padding:calc(var(--fs)*7) calc(clamp(var(--fs) * 1.5, 4vw, var(--fs) * 4)*2)}@media (max-width:767.98px){.steps{padding-top:64px;padding-bottom:64px}}.steps-head{margin-bottom:calc(var(--fs)*5);text-align:center;flex-direction:column;align-items:center;display:flex}.steps-title{font-family:var(--font-sans);text-wrap:pretty;font-size:var(--text-3xl);text-wrap:balance;margin:0 0 var(--space-3);color:var(--color-primary-950);font-weight:700;line-height:1.2}.steps-title-bold{font-weight:700}.steps-lede{font-family:var(--font-sans);text-wrap:pretty;font-size:var(--text-base);text-align:center;color:#606060;margin:0;font-weight:400;line-height:1.5}.steps-head__cta{margin-top:calc(var(--fs)*1.5)}.steps-body{justify-content:center;align-items:center;gap:calc(var(--fs)*4);grid-template-columns:auto auto;display:grid}@media (max-width:1023.98px){.steps-body{gap:calc(var(--fs)*3);grid-template-columns:1fr}}.stepper{z-index:0;width:calc(var(--fs)*34.9138);position:relative}.step{width:100%;padding:calc(var(--fs)*1.5);margin-bottom:calc(var(--fs)*.5);border-radius:calc(var(--fs)*1.25);cursor:pointer;transition:background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.step.is-active{background:#fff;box-shadow:0 0 0 1px #0f172a0d,0 1px 2px -1px #0f172a14,0 4px 12px -2px #0f172a0f}.step:not(:last-child):after{content:"";top:calc(var(--fs)*4.75);left:calc(var(--fs)*3);bottom:calc(var(--fs)*-.75);z-index:-1;background:#e5e7eb;width:1px;position:absolute}.step__indicator{z-index:2;margin-right:calc(var(--fs)*1.5);position:relative}.step__icon{width:calc(var(--fs)*3);height:calc(var(--fs)*3);color:#9ca3af;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.step__icon svg{width:calc(var(--fs)*1.25);height:calc(var(--fs)*1.25)}.step__icon:before{content:"";inset:calc(var(--fs)*-.75);z-index:-1;background:var(--color-brand);opacity:0;filter:blur(16px);border-radius:50%;transition:opacity .4s;position:absolute}.step.is-active .step__icon{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:0 0 0 calc(var(--fs)*.375) #fff}.step.is-active .step__icon:before{opacity:.4}.step__content{padding-top:calc(var(--fs)*.75);flex:1}.step__title{color:#6b7280;margin:0;font-size:17px;font-weight:600;transition:color .3s}@media (min-width:1024px){.step__title{font-size:14px}}@media (min-width:1280px){.step__title{font-size:15px}}.step.is-active .step__title{color:var(--color-primary-950)}.step__body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .4s;display:grid}.step.is-active .step__body{opacity:1;grid-template-rows:1fr}.step__body-inner{overflow:hidden}.step__desc{margin:calc(var(--fs)*.75) 0 calc(var(--fs)*1.25);color:#6b7280;font-size:14px}@media (min-width:1024px){.step__desc{font-size:12px}}@media (min-width:1280px){.step__desc{font-size:13px}}.progress{align-items:center;gap:calc(var(--fs)*1);margin-bottom:calc(var(--fs)*.25);display:flex}.progress__bar{flex:0 0 calc(var(--fs)*3.75);height:calc(var(--fs)*.375);border-radius:calc(var(--fs)*.25);background:#e5e7eb;position:relative;overflow:hidden}.progress__fill{border-radius:calc(var(--fs)*.25);background:var(--color-brand);height:100%;position:absolute;top:0;left:0}.progress__text{color:var(--color-teal-text);font-size:12px;font-weight:700}@media (min-width:1024px){.progress__text{font-size:10px}}@media (min-width:1280px){.progress__text{font-size:11px}}.steps-preview{width:calc(var(--fs)*35);height:calc(var(--fs)*39.5513);padding:calc(var(--fs)*3.5);border-radius:calc(var(--fs)*2);justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:767.98px){.steps-preview{padding:calc(var(--fs)*2)}}@media (max-width:1023.98px){.stepper{width:100%}.steps-preview{width:100%;height:auto}}.preview-screen{justify-content:center;align-items:center;width:100%;height:100%;display:none}.preview-screen.is-active{display:flex}.steps-preview--morph{height:auto;transition:height .45s cubic-bezier(.4,0,.2,1)}.steps-preview--morph .preview-screen{opacity:0;visibility:hidden;pointer-events:none;height:auto;transition:opacity .3s,visibility .3s;display:flex;position:absolute;top:0;left:0;right:0}.steps-preview--morph .preview-screen.is-active{opacity:1;visibility:visible;pointer-events:auto;position:relative}@media (prefers-reduced-motion:reduce){.steps-preview--morph,.steps-preview--morph .preview-screen{transition:none}}.bento{width:min(100%,var(--fs)*23.75);padding:calc(var(--fs)*2);border-radius:calc(var(--fs)*1.75);background:#fff;position:relative;box-shadow:0 0 0 1px #0f172a0d,0 1px 2px -1px #0f172a14,0 4px 12px -2px #0f172a0f}.bento__header{align-items:center;gap:calc(var(--fs)*1);margin-bottom:calc(var(--fs)*2.25);display:flex}.bento__globe{width:calc(var(--fs)*3.25);height:calc(var(--fs)*3.25);border-radius:calc(var(--fs)*.875);color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;flex:none;justify-content:center;align-items:center;display:flex}.bento__globe svg{width:calc(var(--fs)*1.5);height:calc(var(--fs)*1.5)}.bento__bars{gap:calc(var(--fs)*.625);flex-direction:column;display:flex}.bar-lg{width:calc(var(--fs)*8.125);height:calc(var(--fs)*.75);border-radius:calc(var(--fs)*.375);background:#e5e7eb}.bar-sm{width:calc(var(--fs)*4.375);height:calc(var(--fs)*.75);border-radius:calc(var(--fs)*.375);background:#f3f4f6}.bento__label{margin-bottom:calc(var(--fs)*.75);letter-spacing:normal;text-transform:none;color:#9ca3af;font-size:10px;font-weight:700}@media (min-width:1024px){.bento__label{font-size:9px}}.dropdown{align-items:center;gap:calc(var(--fs)*.75);padding:calc(var(--fs)*1);margin-bottom:calc(var(--fs)*1.5);border-radius:calc(var(--fs)*.875);border:1px solid #e5e7eb;display:flex}.dropdown__circle{width:calc(var(--fs)*1.375);height:calc(var(--fs)*1.375);background:#e5e7eb;border-radius:50%;flex:none}.dropdown__bar{height:calc(var(--fs)*.625);border-radius:calc(var(--fs)*.3125);background:#e5e7eb}.dropdown__chevron{width:calc(var(--fs)*1.125);height:calc(var(--fs)*1.125);color:#9ca3af;flex:none;margin-left:auto}.bento__docs{margin-top:calc(var(--fs)*2.25)}.doc{align-items:center;gap:calc(var(--fs)*.75);padding:calc(var(--fs)*1);margin-bottom:calc(var(--fs)*.75);border-radius:calc(var(--fs)*.875);border:1px solid #e5e7eb;display:flex}.doc__circle-static{width:calc(var(--fs)*1.375);height:calc(var(--fs)*1.375);flex:none}.doc__check-wrap{width:calc(var(--fs)*1.375);height:calc(var(--fs)*1.375);flex:none;position:relative}.doc__check-wrap svg{width:100%;height:100%;position:absolute;inset:0}.doc__text{color:#111827;font-size:14px;font-weight:600}@media (min-width:1024px){.doc__text{font-size:12px}}@media (min-width:1280px){.doc__text{font-size:13px}}.doc__text--muted{color:#4b5563}.doc__badge{padding:calc(var(--fs)*.25) calc(var(--fs)*.625);border-radius:calc(var(--fs)*.75);color:#059669;background:#d1fae5;margin-left:auto;font-size:11px;font-weight:700}@media (min-width:1024px){.doc__badge{font-size:9px}}@media (min-width:1280px){.doc__badge{font-size:10px}}.doc__placeholder{width:calc(var(--fs)*1.5);background:#e5e7eb;flex:none;margin-left:auto}.tooltip{bottom:calc(var(--fs)*2);right:calc(var(--fs)*1.5);z-index:10;align-items:center;gap:calc(var(--fs)*.875);padding:calc(var(--fs)*1) calc(var(--fs)*1.5) calc(var(--fs)*1) calc(var(--fs)*1);border-radius:calc(var(--fs)*1.25);background:#fff;border:1px solid #f9fafb;display:flex;position:absolute;box-shadow:0 20px 40px #0000001f,0 8px 16px #0000000f}.tooltip__bot{width:calc(var(--fs)*2.25);height:calc(var(--fs)*2.25);color:#2563eb;background:#dbeafe;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.tooltip__bot svg{width:calc(var(--fs)*1.25);height:calc(var(--fs)*1.25)}.tooltip__text{gap:calc(var(--fs)*.125);flex-direction:column;display:flex}.tooltip__title{color:#111827;font-size:13px;font-weight:700}@media (min-width:1024px){.tooltip__title{font-size:11px}}.tooltip__sub{color:#6b7280;font-size:11px;font-weight:500}@media (min-width:1024px){.tooltip__sub{font-size:10px}}@keyframes natBarFill{0%,5%{width:calc(var(--fs)*2.5);background-color:#e5e7eb}8%,95%{width:calc(var(--fs)*8.125);background-color:#d1d5db}to{width:calc(var(--fs)*2.5);background-color:#e5e7eb}}@keyframes destBorderActive{0%,15%{background:#fff;border-color:#e5e7eb}18%,95%{background:#fafafa;border-color:#bfdbfe}to{background:#fff;border-color:#e5e7eb}}@keyframes destDotActive{0%,15%{background-color:#e5e7eb}18%,95%{background-color:#bfdbfe}to{background-color:#e5e7eb}}@keyframes destBarFill{0%,15%{width:calc(var(--fs)*2.5);background-color:#e5e7eb}18%,95%{width:calc(var(--fs)*6.25);background-color:#60a5fa}to{width:calc(var(--fs)*2.5);background-color:#e5e7eb}}@keyframes revealSection{0%,25%{opacity:0;transform:translateY(calc(var(--fs) * .9375))}28%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--fs) * .9375))}}@keyframes passBoxGreen{0%,35%{background-color:#fff;border-color:#e5e7eb}38%,95%{background-color:#ecfdf5;border-color:#a7f3d0}to{background-color:#fff;border-color:#e5e7eb}}@keyframes checkScaleIn{0%,35%{opacity:0;transform:scale(0)}38%,95%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes grayCircleOut{0%,35%{opacity:1;transform:scale(1)}38%,95%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes badgeFadeIn{0%,35%{opacity:0;transform:translateX(calc(var(--fs) * -.625))}38%,95%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateX(calc(var(--fs) * -.625))}}@keyframes tooltipPopBounce{0%,48%{opacity:0;transform:translateY(calc(var(--fs) * 1.25)) scale(.9)}52%{opacity:1;transform:translateY(calc(var(--fs) * -.3125)) scale(1.02)}56%,95%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(calc(var(--fs) * 1.25)) scale(.9)}}.anim-nat-bar{animation:7s cubic-bezier(.4,0,.2,1) infinite natBarFill}.anim-dest-box{animation:7s cubic-bezier(.4,0,.2,1) infinite destBorderActive}.anim-dest-dot{animation:7s cubic-bezier(.4,0,.2,1) infinite destDotActive}.anim-dest-bar{animation:7s cubic-bezier(.4,0,.2,1) infinite destBarFill}.anim-reveal{animation:7s cubic-bezier(.4,0,.2,1) infinite revealSection}.anim-pass-box{animation:7s cubic-bezier(.4,0,.2,1) infinite passBoxGreen}.anim-check-in{animation:7s cubic-bezier(.4,0,.2,1) infinite checkScaleIn}.anim-circle-out{animation:7s cubic-bezier(.4,0,.2,1) infinite grayCircleOut}.anim-badge-in{animation:7s cubic-bezier(.4,0,.2,1) infinite badgeFadeIn}.anim-tooltip{animation:7s cubic-bezier(.5,1.5,.8,1) infinite tooltipPopBounce}@media (orientation:portrait){.steps{padding-left:clamp(var(--fs)*1.5,4vw,var(--fs)*4);padding-right:clamp(var(--fs)*1.5,4vw,var(--fs)*4)}#how-it-works.steps{padding-top:calc(var(--fs)*7.5);padding-bottom:calc(var(--fs)*2.5)}.steps-head{margin-bottom:calc(var(--fs)*3)}.steps-lede{width:65vw}.steps-body{gap:calc(var(--fs)*1.56);grid-template-columns:1fr}.stepper{width:100%}.step{margin-bottom:calc(var(--fs)*.75);background:#fff;border:1px solid #eef2f6}.step:not(:last-child):after{display:none}.step__icon{width:calc(var(--fs)*1.91);height:calc(var(--fs)*1.91)}.step__icon svg{width:calc(var(--fs)*.89);height:calc(var(--fs)*.89)}.step.is-active .step__icon{box-shadow:0 0 0 calc(var(--fs)*.1) #fff}.step__content{padding-top:calc(var(--fs)*.45)}.step__title{font-size:13px}}@media (orientation:portrait) and (min-width:1024px){.step__title{font-size:11px}}@media (orientation:portrait) and (min-width:1280px){.step__title{font-size:12px}}@media (orientation:portrait){.step__desc{font-size:10px}}@media (orientation:portrait) and (min-width:1024px){.step__desc{font-size:9px}}@media (orientation:portrait){.progress__text{font-size:9px}}@media (orientation:portrait) and (min-width:1024px){.progress__text{font-size:7px}}@media (orientation:portrait) and (min-width:1280px){.progress__text{font-size:8px}}@media (orientation:portrait){.steps-preview{width:100%;height:auto;padding:0}.bento__label{font-size:9px}}@media (orientation:portrait) and (min-width:1024px){.bento__label{font-size:7px}}@media (orientation:portrait) and (min-width:1280px){.bento__label{font-size:8px}}@media (orientation:portrait){.doc__text{font-size:10px}}@media (orientation:portrait) and (min-width:1024px){.doc__text{font-size:8px}}@media (orientation:portrait) and (min-width:1280px){.doc__text{font-size:9px}}@media (orientation:portrait) and (min-aspect-ratio:.625){.steps{padding-left:calc(clamp(var(--fs) * 1.5, 4vw, var(--fs) * 4)*2);padding-right:calc(clamp(var(--fs) * 1.5, 4vw, var(--fs) * 4)*2)}}.step__title{font-size:16px}.step__desc,.progress__text,.bento__label{font-size:14px}
