.how-it-works__badge{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold);background:linear-gradient(135deg,#c8956c1f,#d4a57414);border:1px solid rgba(200,149,108,.2);padding:8px 20px;border-radius:100px;margin-bottom:20px}.how-it-works__heading{margin-bottom:56px}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;margin-bottom:40px}.how-it-works__glow-line{position:absolute;top:36px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,#e63946,#457b9d,#52b788,#e63946);background-size:200% 100%;animation:glowLineShiftHIW 6s linear infinite;border-radius:2px;box-shadow:0 0 8px #c8956c4d,0 0 16px #c8956c26;z-index:0}@keyframes glowLineShiftHIW{0%{background-position:0% 50%}to{background-position:200% 50%}}.how-it-works__step{text-align:center;position:relative;z-index:1;opacity:0;transform:translateY(24px)}.how-it-works__step.is-visible{opacity:1;transform:translateY(0);transition:opacity .5s ease var(--reveal-delay, 0ms),transform .5s ease var(--reveal-delay, 0ms)}.how-it-works__number{width:72px;height:72px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-heading);font-size:1.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:1}.how-it-works__step-title{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:8px;color:var(--color-charcoal)}.how-it-works__step-text{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;max-width:280px;margin:0 auto}.how-it-works__footer{text-align:center;font-style:italic;color:var(--color-text-secondary);font-size:1rem}@media(max-width:768px){.how-it-works__steps{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto;gap:32px}.how-it-works__glow-line{top:0;bottom:0;left:36px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,#e63946,#457b9d,#52b788,#e63946);background-size:100% 200%;animation:glowLineShiftVertHIW 6s linear infinite}@keyframes glowLineShiftVertHIW{0%{background-position:50% 0%}to{background-position:50% 200%}}.how-it-works__step-text{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-how-it-works.css.map */