.how-it-works{padding:96px 0;background:linear-gradient(135deg,#eef2ff,#ede9fe,#ddd6fe);border-top:1px solid transparent;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.3) 25%,rgba(99,102,241,.3) 75%,transparent 100%) 1;position:relative;overflow:hidden}.how-it-works:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(99,102,241,.09) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:0}.how-it-works__header,.how-it-works__steps{position:relative;z-index:1}.how-it-works__header{text-align:center;margin-bottom:64px}.how-it-works__heading{font-size:clamp(2.8rem,3.5vw,3.8rem);font-weight:800;color:#1e1b4b;line-height:1.12;letter-spacing:-.025em;margin:0 0 14px}.how-it-works__sub{font-size:1.8rem;color:#475569;max-width:500px;margin:0 auto;line-height:1.65}.how-it-works__steps{display:grid;grid-template-columns:1fr;gap:32px;position:relative}@media screen and (min-width:750px){.how-it-works__steps{grid-template-columns:repeat(3,1fr);gap:48px}.how-it-works__steps:before{content:"";position:absolute;top:32px;left:calc(16.6% + 20px);right:calc(16.6% + 20px);height:2px;background-image:repeating-linear-gradient(90deg,rgba(99,102,241,.3) 0px,rgba(99,102,241,.3) 6px,transparent 6px,transparent 14px);z-index:0}}.how-it-works__step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.how-it-works__num{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00f,#06b6d4);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#fff;margin-bottom:24px;box-shadow:0 8px 28px #0000ff47;flex-shrink:0}.how-it-works__step-title{font-size:1.9rem;font-weight:700;color:#1e1b4b;margin:0 0 12px;line-height:1.25}.how-it-works__step-text{font-size:1.55rem;color:#475569;line-height:1.7;margin:0;max-width:260px}@media screen and (max-width:749px){.how-it-works{padding:64px 0}.how-it-works__header{margin-bottom:44px}.how-it-works__heading{font-size:clamp(2.4rem,6vw,3.2rem)}.how-it-works__sub{font-size:1.65rem}.how-it-works__step{flex-direction:row;text-align:left;gap:20px;align-items:flex-start}.how-it-works__num{width:52px;height:52px;font-size:1.7rem;margin-bottom:0;flex-shrink:0}.how-it-works__step-text{max-width:none;font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.how-it-works__num{box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-how-it-works.css.map */