.hiw-steps{position:relative;overflow:hidden;font-family:inherit}.hiw-steps__container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.hiw-steps__header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.hiw-steps.is-visible .hiw-steps__header{opacity:1;transform:translateY(0)}.hiw-steps__title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 .75rem;line-height:1.15;letter-spacing:-.02em}.hiw-steps__subtitle{font-size:clamp(1rem,2vw,1.15rem);color:rgba(var(--color-foreground),.65);margin:0}.hiw-steps__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:768px){.hiw-steps__grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.hiw-steps__card{position:relative;background-color:#fafafa;border-radius:20px;padding:2.5rem 2rem;text-align:center;border:1px solid rgba(0,0,0,.03);transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s cubic-bezier(.165,.84,.44,1);box-shadow:0 4px 15px #00000008;opacity:0;transform:translateY(30px)}.hiw-steps.is-visible .hiw-steps__card{opacity:1;transform:translateY(0)}.hiw-steps.is-visible .hiw-steps__card:nth-child(1){transition:opacity .6s ease .1s,transform .6s ease .1s,box-shadow .4s ease}.hiw-steps.is-visible .hiw-steps__card:nth-child(2){transition:opacity .6s ease .3s,transform .6s ease .3s,box-shadow .4s ease}.hiw-steps.is-visible .hiw-steps__card:nth-child(3){transition:opacity .6s ease .5s,transform .6s ease .5s,box-shadow .4s ease}.hiw-steps.is-visible .hiw-steps__card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000014;background-color:#fff}.hiw-steps__card-icon-wrapper{position:relative;width:72px;height:72px;margin:0 auto 2rem;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .4s ease,transform .4s ease}.hiw-steps.is-visible .hiw-steps__card:hover .hiw-steps__card-icon-wrapper{background-color:#111827;transform:scale(1.05)}.hiw-steps__icon{width:32px;height:32px;color:#111827;transition:color .4s ease}.hiw-steps.is-visible .hiw-steps__card:hover .hiw-steps__icon{color:#fff}.hiw-steps__card-number{position:absolute;top:-5px;right:-5px;width:26px;height:26px;background-color:#3b82f6;color:#fff;border-radius:50%;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid #fafafa;transition:border-color .4s ease}.hiw-steps.is-visible .hiw-steps__card:hover .hiw-steps__card-number{border-color:#fff}.hiw-steps__card-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:rgb(var(--color-foreground))}.hiw-steps__card-text{margin:0;font-size:1rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/how-it-works-steps.css.map */