.personalized-how-it-works{--personalized-how-border: rgba(var(--color-foreground), .18);--personalized-how-border-soft: rgba(var(--color-foreground), .1);--personalized-how-connector: rgba(var(--color-foreground), .46);--personalized-how-surface: rgba(var(--color-foreground), .025);--personalized-how-text: rgba(var(--color-foreground), .72)}.personalized-how-it-works__header{max-width:72rem;margin:0 auto 2.8rem;text-align:center}.personalized-how-it-works__heading{margin:0}.personalized-how-it-works__steps{display:grid;grid-template-columns:1fr;gap:2.4rem;margin:0;padding:0;list-style:none}.personalized-how-it-works__step{position:relative;display:grid;grid-template-areas:"badge heading" "badge text";grid-template-columns:4.2rem minmax(0,1fr);column-gap:1.4rem;align-items:flex-start;min-width:0;padding:1.8rem;border:.1rem solid var(--personalized-how-border);border-radius:.8rem;background:rgb(var(--color-background))}.personalized-how-it-works__step:not(:last-child):after{content:"";position:absolute;bottom:-2rem;left:50%;width:.1rem;height:1.6rem;background:var(--personalized-how-connector)}.personalized-how-it-works__step:not(:last-child):before{content:"";position:absolute;bottom:-2rem;left:calc(50% - .35rem);width:.7rem;height:.7rem;border-right:.1rem solid var(--personalized-how-connector);border-bottom:.1rem solid var(--personalized-how-connector);transform:rotate(45deg)}.personalized-how-it-works__badge{grid-area:badge;align-self:start;display:inline-grid;place-items:center;width:4.2rem;height:4.2rem;border:.1rem solid var(--personalized-how-border);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.5rem;font-weight:600;line-height:1}.personalized-how-it-works__step-heading{grid-area:heading;justify-self:start;min-width:0;max-width:100%;margin:.2rem 0 0;font-size:clamp(1.8rem,1.7vw,2.2rem);line-height:1.15;overflow-wrap:normal;text-align:left;word-break:normal}.personalized-how-it-works__step-text{grid-area:text;min-width:0;margin:.5rem 0 0;color:var(--personalized-how-text);font-size:1.35rem;line-height:1.45;text-align:left}.personalized-how-it-works__cta{display:grid;grid-template-columns:minmax(0,1fr);gap:1.6rem;align-items:center;margin-top:2.4rem;padding:1.6rem;border:.1rem solid var(--personalized-how-border-soft);border-radius:.8rem;background:var(--personalized-how-surface);color:rgb(var(--color-foreground));text-align:center}.personalized-how-it-works__cta-text{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:1.5rem;line-height:1.3}.personalized-how-it-works__cta-button{justify-self:stretch;min-width:18rem;cursor:pointer}@media screen and (min-width:750px){.personalized-how-it-works__steps{gap:2.6rem}.personalized-how-it-works__step{padding:2rem}.personalized-how-it-works__cta{grid-template-columns:minmax(0,1fr) auto;padding:1.6rem 2rem;text-align:left}.personalized-how-it-works__cta-text{justify-self:center;font-size:1.7rem}.personalized-how-it-works__cta-button{justify-self:end}}@media screen and (min-width:990px){.personalized-how-it-works__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:3.8rem}.personalized-how-it-works__step{min-height:12rem;grid-template-areas:"badge heading" "text text";padding:1.8rem 1.6rem}.personalized-how-it-works__badge{align-self:center}.personalized-how-it-works__step-heading{align-self:center;margin-top:0}.personalized-how-it-works__step:not(:last-child):after{top:50%;right:-2.8rem;bottom:auto;left:auto;width:1.8rem;height:.1rem;transform:translateY(-50%)}.personalized-how-it-works__step:not(:last-child):before{top:calc(50% - .35rem);right:-2.8rem;bottom:auto;left:auto;transform:rotate(-45deg)}}@media screen and (max-width:749px){.personalized-how-it-works__header{margin-bottom:2.4rem}.personalized-how-it-works__step{padding:1.5rem}.personalized-how-it-works__badge{width:3.8rem;height:3.8rem;font-size:1.4rem}.personalized-how-it-works__step{grid-template-columns:3.8rem minmax(0,1fr)}.personalized-how-it-works__badge{align-self:center}.personalized-how-it-works__step-heading{font-size:1.6rem;line-height:1.15}.personalized-how-it-works__step-text{margin-top:.4rem;font-size:1.25rem;line-height:1.32}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-personalized-how-it-works.css.map */