.jrb-how-it-works{--jrb-how-it-works-bg-start: #05111c;--jrb-how-it-works-bg-end: #0f2435;--jrb-how-it-works-glow-primary: rgba(58, 184, 255, .2);--jrb-how-it-works-glow-secondary: rgba(125, 249, 255, .18);--jrb-how-it-works-heading-start: #2e73ff;--jrb-how-it-works-heading-end: #ffffff;--jrb-how-it-works-heading-color: #ffffff;--jrb-how-it-works-text: #f4f8fc;--jrb-how-it-works-muted: #b7c5d2;--jrb-how-it-works-card-start: #111c27;--jrb-how-it-works-card-end: #09121b;--jrb-how-it-works-card-border: #2a3f54;--jrb-how-it-works-card-title: #ffffff;--jrb-how-it-works-card-copy: #c6d2de;--jrb-how-it-works-step-label: #7dd7ff;--jrb-how-it-works-icon-color: #f7fbff;--jrb-how-it-works-icon-bg: #06131d;--jrb-how-it-works-icon-border: #3f5f7d;--jrb-how-it-works-accent-start: #2b73ff;--jrb-how-it-works-accent-end: #ffffff;--jrb-how-it-works-accent-text: #05111c;--jrb-how-it-works-seam-height: clamp(38px, 6vw, 88px);position:relative;z-index:0;color:var(--jrb-how-it-works-text)}.jrb-how-it-works:before,.jrb-how-it-works:after{content:"";position:absolute;left:0;right:0;height:var(--jrb-how-it-works-seam-height);pointer-events:none;z-index:0}.jrb-how-it-works:before{top:calc(var(--jrb-how-it-works-seam-height) * -1);background:linear-gradient(180deg,transparent 0%,var(--jrb-how-it-works-bg-start) 100%)}.jrb-how-it-works:after{bottom:calc(var(--jrb-how-it-works-seam-height) * -1);background:linear-gradient(180deg,var(--jrb-how-it-works-bg-end) 0%,transparent 100%)}.jrb-how-it-works__shell{position:relative;overflow:hidden;border:1px solid rgba(126,175,215,.18);border-radius:28px;background:radial-gradient(circle at top right,var(--jrb-how-it-works-glow-primary),transparent 32%),radial-gradient(circle at bottom left,var(--jrb-how-it-works-glow-secondary),transparent 28%),linear-gradient(180deg,var(--jrb-how-it-works-bg-start),var(--jrb-how-it-works-bg-end));box-shadow:var(--jrb-how-it-works-shadow)}.jrb-how-it-works--full-width .jrb-how-it-works__shell{border-left:0;border-right:0;border-radius:0;border-top-color:transparent;border-bottom-color:transparent;box-shadow:none}.jrb-how-it-works__hero,.jrb-how-it-works__steps{padding-inline:clamp(18px,3vw,40px)}.jrb-how-it-works__hero{position:relative;padding-top:clamp(30px,6vw,56px);padding-bottom:14px}.jrb-how-it-works__hero-layout{display:grid;gap:16px;width:min(100%,1180px);margin-inline:auto}.jrb-how-it-works__hero-copy{display:grid;gap:12px;max-width:68rem}.jrb-how-it-works__eyebrow{margin:0;color:var(--jrb-how-it-works-step-label);font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.jrb-how-it-works__heading{margin:0;color:var(--jrb-how-it-works-heading-color);font-size:clamp(2.4rem,10vw,6.5rem);line-height:.92;letter-spacing:-.06em;text-transform:uppercase;background:linear-gradient(140deg,var(--jrb-how-it-works-heading-start),var(--jrb-how-it-works-heading-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 8px 24px rgba(0,0,0,.28)}.jrb-how-it-works__intro{max-width:62ch;color:var(--jrb-how-it-works-muted);font-size:1rem;line-height:1.7}.jrb-how-it-works__intro p:last-child,.jrb-how-it-works__step-text p:last-child{margin-bottom:0}.jrb-how-it-works__rails{display:grid;gap:12px;padding-inline:clamp(18px,3vw,40px)}.jrb-how-it-works__rails span{display:block;height:clamp(10px,1.2vw,16px);border-radius:999px;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.18) 26%,var(--jrb-how-it-works-accent-start) 72%,var(--jrb-how-it-works-accent-end) 100%);box-shadow:inset 0 0 0 1px #ffffff14,0 10px 24px #0000002e}.jrb-how-it-works__rails--top{padding-top:0}.jrb-how-it-works__rails--top span:nth-child(1){width:min(100%,44rem)}.jrb-how-it-works__rails--top span:nth-child(2){width:min(100%,43rem)}.jrb-how-it-works__rails--top span:nth-child(3){width:min(100%,43.5rem)}.jrb-how-it-works__rails--top span:nth-child(4){width:min(100%,45rem)}.jrb-how-it-works__rails--bottom{width:min(100%,1180px);margin-inline:auto;justify-items:end;padding-top:0;padding-bottom:clamp(22px,5vw,34px)}.jrb-how-it-works__rails--bottom span:nth-child(1){width:min(100%,76%)}.jrb-how-it-works__rails--bottom span:nth-child(2){width:min(100%,96%)}.jrb-how-it-works__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.8vw,18px);width:min(100%,1180px);margin-inline:auto;padding-top:16px;padding-bottom:clamp(10px,2.2vw,18px);list-style:none;align-items:stretch}.jrb-how-it-works__step{position:relative;min-width:0;display:flex}.jrb-how-it-works.is-enhanced .jrb-how-it-works__step{opacity:.72;transform:translateY(18px);transition:opacity .3s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease}.jrb-how-it-works.is-enhanced .jrb-how-it-works__step.is-visible{opacity:1;transform:translateY(0)}.jrb-how-it-works__card{height:100%;width:100%;display:grid;grid-template-rows:auto 1fr;gap:clamp(10px,1.6vw,16px);padding:clamp(14px,2.2vw,26px);border:1px solid rgba(125,215,255,.46);border-radius:clamp(16px,2vw,24px);background:linear-gradient(180deg,var(--jrb-how-it-works-card-start),var(--jrb-how-it-works-card-end));box-shadow:0 18px 34px #020a1247}.jrb-how-it-works__card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.jrb-how-it-works__step-label{margin:0;color:var(--jrb-how-it-works-step-label);font-size:clamp(.72rem,1.4vw,.92rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase}.jrb-how-it-works__connector{display:none;align-items:center;justify-content:center;width:84px;min-width:84px;height:40px;border-radius:999px;background:linear-gradient(90deg,#0a121ccc,#0d20318f)}.jrb-how-it-works__connector span{position:relative;display:block;width:34px;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--jrb-how-it-works-accent-start),var(--jrb-how-it-works-accent-end))}.jrb-how-it-works__connector span:after{content:"";position:absolute;top:50%;right:-1px;width:14px;height:14px;border-top:4px solid var(--jrb-how-it-works-accent-end);border-right:4px solid var(--jrb-how-it-works-accent-end);transform:translateY(-50%) rotate(45deg)}.jrb-how-it-works__card-main{display:grid;align-content:start;gap:clamp(10px,1.7vw,16px)}.jrb-how-it-works__icon{display:inline-flex;align-items:center;justify-content:center;width:clamp(42px,8vw,92px);height:clamp(42px,8vw,92px);border:1px solid var(--jrb-how-it-works-icon-border);border-radius:clamp(14px,1.8vw,22px);background:linear-gradient(180deg,var(--jrb-how-it-works-icon-bg),rgba(255,255,255,.02));color:var(--jrb-how-it-works-icon-color);box-shadow:inset 0 0 0 1px #ffffff0a}.jrb-how-it-works__icon-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:clamp(1.4rem,4vw,2.9rem);line-height:1}.jrb-how-it-works__copy{display:grid;gap:10px}.jrb-how-it-works__step-title{margin:0;color:var(--jrb-how-it-works-card-title);font-size:clamp(.98rem,3.6vw,3.15rem);line-height:1.02;letter-spacing:-.04em;text-transform:uppercase}.jrb-how-it-works__step-text{color:var(--jrb-how-it-works-card-copy);font-size:clamp(.72rem,1.95vw,1.12rem);line-height:1.42}.jrb-how-it-works__step.is-complete .jrb-how-it-works__card{background:radial-gradient(circle at top right,rgba(255,255,255,.12),transparent 38%),linear-gradient(180deg,var(--jrb-how-it-works-card-start),var(--jrb-how-it-works-card-end))}.jrb-how-it-works__step.is-complete .jrb-how-it-works__icon{border-color:#ffffff29}.jrb-how-it-works__step:focus-within .jrb-how-it-works__card{border-color:#7dd7ff85}@media only screen and (min-width:768px){.jrb-how-it-works__hero-layout{grid-template-columns:minmax(220px,.5fr) minmax(0,1fr);align-items:center;gap:clamp(18px,3vw,34px)}.jrb-how-it-works__card{padding:26px}.jrb-how-it-works__card-main{grid-template-columns:auto 1fr;align-items:center}.jrb-how-it-works__step-title{font-size:clamp(1.1rem,2.1vw,2.35rem);white-space:nowrap}.jrb-how-it-works__connector{display:inline-flex}}@media only screen and (min-width:1068px){.jrb-how-it-works__hero,.jrb-how-it-works__steps,.jrb-how-it-works__rails{padding-inline:clamp(34px,4vw,72px)}.jrb-how-it-works__hero-layout,.jrb-how-it-works__steps,.jrb-how-it-works__rails--bottom{width:min(100%,1500px)}.jrb-how-it-works__card{padding:40px}.jrb-how-it-works__card-main{gap:14px}.jrb-how-it-works__copy{gap:8px}.jrb-how-it-works__step-label{font-size:1.2rem}.jrb-how-it-works__step-title{font-size:clamp(1.08rem,1.55vw,1.95rem)}.jrb-how-it-works__step-text{font-size:clamp(.92rem,.95vw,1rem);line-height:1.38}}@media only screen and (max-width:767px){.jrb-how-it-works__shell{border-radius:22px}.jrb-how-it-works--full-width .jrb-how-it-works__shell{border-radius:0}.jrb-how-it-works__hero,.jrb-how-it-works__steps,.jrb-how-it-works__rails{padding-inline:14px}.jrb-how-it-works__hero-layout{width:100%}.jrb-how-it-works__rails--top{display:none}.jrb-how-it-works__rails{gap:10px}.jrb-how-it-works__card{gap:10px;padding:14px 12px;border-radius:18px}.jrb-how-it-works__steps{gap:8px}.jrb-how-it-works__card-top,.jrb-how-it-works__card-main,.jrb-how-it-works__copy{justify-items:center;text-align:center}.jrb-how-it-works__card-main{gap:8px}.jrb-how-it-works__icon{width:42px;height:42px;border-radius:14px}.jrb-how-it-works__step-label{font-size:.85rem;letter-spacing:.2em}.jrb-how-it-works__step-title{font-size:clamp(.94rem,3.8vw,1.16rem);letter-spacing:-.02em}.jrb-how-it-works__step-text{font-size:clamp(.69rem,2.1vw,.84rem);line-height:1.32}}@media(prefers-reduced-motion:reduce){.jrb-how-it-works__step,.jrb-how-it-works__card{transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/section-jrb-how-it-works.css.map */