.ar-how-it-works{background-color:#f5f8fb;position:relative}.ar-how-it-works:before{background:linear-gradient(90deg,var(--color-pink),var(--color-neon-pink),var(--color-periwinkle));content:"";height:4px;left:0;position:absolute;right:0;top:0}.ar-steps{display:grid;gap:var(--padding-40);grid-template-columns:repeat(4,1fr);margin-top:var(--padding-50);position:relative}.ar-steps:before{background:linear-gradient(90deg,var(--color-pink) 0,var(--color-periwinkle) 50%,var(--color-pink) 100%);content:"";height:2px;left:10%;position:absolute;right:10%;top:30px;transform:scaleX(0);transform-origin:left center;transition:transform 1s cubic-bezier(.22,1,.36,1) .5s;z-index:0}.ar-steps.visible:before{transform:scaleX(1)}.ar-step{background:var(--color-white);border:1px solid rgba(0,0,0,.12);padding:var(--padding-30);position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:1}.ar-step:hover{border-color:var(--color-neon-pink);box-shadow:0 8px 20px rgba(255,63,130,.1);transform:translateY(-6px)}.ar-step__number{color:var(--color-pink);font-family:var(--font-family-heading);font-size:var(--font-size-60);font-weight:var(--font-weight-bold-heading);line-height:1;margin-bottom:var(--padding-10);transition:color .4s ease}.ar-step:hover .ar-step__number{color:var(--color-neon-pink)}.ar-step__title{font-family:var(--font-family-heading);font-size:var(--font-size-28);font-weight:var(--font-weight-bold-heading);line-height:var(--line-height-heading);margin-bottom:.4em}.ar-step p{font-size:var(--font-size-18)}@media (max-width:767px){.ar-steps{gap:var(--padding-30);grid-template-columns:1fr 1fr}.ar-steps:before{display:none}}@media (max-width:480px){.ar-steps{grid-template-columns:1fr}}