.cin{display:block;padding:var(--cin-pad-top, 110px) 0 var(--cin-pad-bottom, 110px);background:linear-gradient(180deg,var(--cin-bg, #fff3ee) 0%,var(--cin-bg-2, #fde7de) 100%);scroll-margin-top:90px}.cin__inner{text-align:center}.cin__pill{display:table;margin:0 auto 22px;padding:8px 16px;border-radius:999px;background:var(--cin-pill-bg, #fff);box-shadow:0 4px 14px #e960461f;color:var(--cin-accent, #e96046);font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.2}.cin__lead{max-width:var(--cin-width, 980px);margin:0 auto;color:var(--cin-text, #26324f);font-family:Inter,sans-serif;font-size:min(23px,calc((100vw - 115px)*.0233));line-height:1.6;letter-spacing:0;text-wrap:balance}.cin__lead p{margin:0 0 12px}.cin__lead p:last-child{margin-bottom:0}.cin__lead strong{color:var(--cin-heading, #202f5a);font-weight:700}.cin__lead a{color:inherit;text-underline-offset:3px}.cin__text{max-width:calc(var(--cin-width, 980px) - 140px);margin:32px auto 0;letter-spacing:0;text-wrap:pretty;color:var(--cin-text, #26324f);font-family:Inter,sans-serif;font-size:19px;line-height:1.65}.cin__steps{--cin-circle: 54px;display:grid;grid-template-columns:repeat(var(--cin-steps, 4),minmax(0,1fr));max-width:calc(var(--cin-steps, 4) * 190px);margin:32px auto 0;padding:0;list-style:none}.cin__step{position:relative;margin:0}.cin__step:not(:last-child):after{content:"";position:absolute;top:calc(var(--cin-circle) / 2 - 1px);left:calc(50% + var(--cin-circle) / 2 + 6px);right:calc(-50% + var(--cin-circle) / 2 + 6px);border-top:2px dashed var(--cin-ring, #f2b4a6)}.cin__step-link{display:block;color:inherit;text-decoration:none}.cin__step-link:focus-visible{outline:2px solid var(--cin-heading, #202f5a);outline-offset:4px;border-radius:8px}.cin__circle{display:flex;align-items:center;justify-content:center;width:var(--cin-circle);height:var(--cin-circle);margin:0 auto;border:2px solid var(--cin-ring, #f2b4a6);border-radius:50%;background:#fff;color:var(--cin-accent, #e96046);transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.cin__icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.cin__icon .cin__icon-fill{fill:currentColor;stroke:none}.cin__icon-img{width:24px;height:24px;object-fit:contain}.cin__step--highlight .cin__circle{border-color:var(--cin-accent, #e96046);background:var(--cin-accent, #e96046);box-shadow:0 8px 18px color-mix(in srgb,var(--cin-accent, #e96046) 35%,transparent);color:#fff}.cin__label{display:block;margin-top:16px;color:var(--cin-heading, #202f5a);font-family:Montserrat,sans-serif;font-size:17px;font-weight:800;line-height:1.3;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.cin__dot,.cin__step--highlight .cin__label{color:var(--cin-accent, #e96046)}.cin--animate.cin--ready .cin__circle{opacity:0;transform:scale(.6);transition:opacity .45s ease,transform .55s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--cin-i, 0) * .28s)}.cin--animate.cin--ready .cin__label{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--cin-i, 0) * .28s + .12s)}.cin--animate.cin--ready .cin__step:not(:last-child):after{transform:scaleX(0);transform-origin:left center;transition:transform .4s ease;transition-delay:calc(var(--cin-i, 0) * .28s + .2s)}.cin--animate.cin--in .cin__circle,.cin--animate.cin--in .cin__label{opacity:1;transform:none}.cin--animate.cin--in .cin__step:not(:last-child):after{transform:scaleX(1)}.cin--animate .cin__step--highlight .cin__circle{position:relative;isolation:isolate}.cin--animate .cin__step--highlight .cin__circle:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--cin-accent, #e96046);opacity:0;z-index:-1;animation:cin-pulse 2.4s ease-out infinite;animation-delay:1.4s}.cin--animate .cin__step--highlight .cin__icon{animation:cin-beat 2.4s ease-in-out infinite;animation-delay:1.4s}@keyframes cin-pulse{0%{opacity:.45;transform:scale(1)}70%,to{opacity:0;transform:scale(1.7)}}@keyframes cin-beat{0%,40%,to{transform:scale(1)}15%{transform:scale(1.18)}28%{transform:scale(.96)}}.cin--done .cin__circle,.cin--done .cin__label{transition-delay:0s}.cin__label{transition:color .25s ease}.cin__steps .cin__step:hover .cin__circle,.cin__steps .cin__step:focus-within .cin__circle{border-color:var(--cin-accent, #e96046);background:var(--cin-accent, #e96046);box-shadow:0 10px 22px color-mix(in srgb,var(--cin-accent, #e96046) 40%,transparent);color:#fff;transform:translateY(-4px) scale(1.06)}.cin__steps .cin__step:hover .cin__icon,.cin__steps .cin__step:focus-within .cin__icon{animation:cin-wiggle .5s ease}.cin__steps .cin__step:hover .cin__label,.cin__steps .cin__step:focus-within .cin__label{color:var(--cin-accent, #e96046)}.cin__step-link{cursor:pointer}@keyframes cin-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.1)}60%{transform:rotate(8deg) scale(1.1)}}@media(min-width:750px)and (max-width:989px){.cin__lead{max-width:none;margin:0 -30px;font-size:calc((100vw - 55px)*.0233)}.cin__text{font-size:min(19px,calc((100vw - 55px)*.021))}}@media(max-width:749px){.cin{padding-top:calc(var(--cin-pad-top, 110px) * .75);padding-bottom:calc(var(--cin-pad-bottom, 110px) * .75)}.cin__pill{margin-bottom:18px;font-size:12px}.cin__lead{font-size:19px;line-height:1.6;text-wrap:pretty}.cin__text{margin-top:16px;font-size:17px;line-height:1.6;text-wrap:pretty}.cin__steps{--cin-circle: 46px;margin:28px -10px 0}.cin__icon{width:20px;height:20px}.cin__label{margin-top:12px;padding:0 2px;font-size:clamp(11.5px,3.4vw,14px)}.cin__steps--many{display:flex;flex-wrap:wrap;justify-content:center;row-gap:22px;max-width:none}.cin__steps--many .cin__step{flex:0 0 33.333%}.cin__steps--many .cin__step:nth-child(3n):after{display:none}}@media(prefers-reduced-motion:reduce){.cin__circle{transition:none}.cin--animate .cin__step--highlight .cin__circle:before,.cin--animate .cin__step--highlight .cin__icon{animation:none}.cin__steps .cin__step:hover .cin__circle,.cin__steps .cin__step:focus-within .cin__circle{transform:none}.cin__steps .cin__step:hover .cin__icon,.cin__steps .cin__step:focus-within .cin__icon{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-community-intro.css.map */