.how-it-works{background:var(--neumorph-howitworks-bg)}.how-it-works__header{margin-bottom:var(--neumorph-space-xl)}.how-it-works__title{margin-bottom:var(--neumorph-space-md);font-family:var(--font-serif);font-weight:var(--font-weight-bold);font-size:var(--neumorph-font-heading-h1);line-height:var(--line-height-tight);color:var(--color-text-primary)}.how-it-works__description{font-size:var(--neumorph-font-body-lg);opacity:.8;max-width:700px;margin:0 auto;line-height:var(--line-height-relaxed)}.how-it-works__steps{display:grid;gap:var(--neumorph-space-lg);grid-template-columns:1fr;position:relative}@media screen and (min-width:750px){.how-it-works__steps{grid-template-columns:repeat(3,1fr);gap:var(--neumorph-space-xl)}}.how-it-works__step{position:relative;text-align:center;padding:var(--neumorph-space-xl);background:var(--neumorph-bg-primary);border-radius:var(--neumorph-howitworks-radius);box-shadow:var(--neumorph-howitworks-shadow);transition:var(--transition-base);border:none}.how-it-works__step:hover{transform:translateY(-4px);box-shadow:var(--neumorph-shadow-hover)}.step__number{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:50px;height:50px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--neumorph-font-body-md);font-weight:var(--font-weight-bold);box-shadow:var(--neumorph-shadow-raised-md);z-index:1}.step__icon{margin:var(--neumorph-space-lg) auto var(--neumorph-space-md);width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:var(--neumorph-bg-secondary);border-radius:var(--radius-full);box-shadow:var(--neumorph-shadow-raised-sm)}.step__icon img{width:55px;height:55px;object-fit:contain}.step__title{font-size:var(--neumorph-font-heading-h3);font-weight:var(--font-weight-bold);margin-bottom:var(--neumorph-space-md);color:var(--color-text-primary);font-family:var(--font-serif)}.step__text{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);font-size:var(--neumorph-font-body-md)}@media screen and (max-width:749px){.how-it-works__title{font-size:var(--neumorph-font-heading-h2)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-it-works.css.map */