.how-it-works{background:var(--how-it-works-background);color:var(--how-it-works-ink)}.how-it-works__inner{padding-top:5.6rem;padding-bottom:5.8rem}.how-it-works__heading{margin:0 0 4.2rem;color:var(--how-it-works-ink);font-family:Inter,var(--font-heading-family),sans-serif;font-size:4.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;text-align:center}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center;gap:clamp(5rem,8.33vw,10rem)}.how-it-works__card{min-height:30rem;padding:4.4rem 2.8rem 3.4rem;border:1px solid rgba(0,59,112,.12);border-radius:1.5rem;background:rgb(var(--color-background));box-shadow:0 .25rem .55rem #0000002b;box-sizing:border-box;text-align:center}.how-it-works__icon{display:grid;width:8.4rem;height:8.4rem;margin:0 auto 2rem;place-items:center;border-radius:1rem;background:var(--how-it-works-ink);color:#fff}.how-it-works__icon svg{width:5.2rem;height:5.2rem}.how-it-works__card-title{margin:0;color:var(--how-it-works-ink);font-size:2.5rem;font-weight:700;letter-spacing:-.06rem;line-height:1.15}.how-it-works__card-text{margin:1.1rem auto 0;max-width:23rem;color:#4d535c;font-size:1.55rem;font-weight:600;line-height:1.18}.how-it-works__card-text p{margin:0}.how-it-works__action{display:flex;justify-content:center;margin-top:4.2rem}.how-it-works__button{display:inline-flex;min-height:4rem;align-items:center;justify-content:center;padding:.9rem 3rem;border-radius:99rem;background:var(--how-it-works-ink);color:#fff;font-size:1.4rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .16s ease,opacity .16s ease}.how-it-works__button:hover{color:#fff;opacity:.88;transform:translateY(-1px)}.how-it-works__button:focus-visible{outline:.25rem solid currentColor;outline-offset:.3rem}@media screen and (max-width:749px){.how-it-works__inner{padding-top:4.2rem;padding-bottom:4.4rem}.how-it-works__heading{font-size:3.6rem}.how-it-works__steps{grid-template-columns:minmax(0,32rem);gap:2.4rem}.how-it-works__card{min-height:0;padding:3.2rem 2.4rem}}@media screen and (min-width:750px)and (max-width:989px){.how-it-works__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-it-works.css.map */