.how-it-works{margin:0 auto;max-width:1200px;padding:40px;text-align:center}.how-it-works h2{margin-bottom:30px}.steps{align-items:stretch;display:flex;gap:20px;justify-content:space-between;margin-bottom:60px;position:relative}.steps:before{background-color:#90ca6f;content:"";height:2px;left:0;position:absolute;right:0;top:calc(100% - 15px);z-index:1}.step-wrapper{display:flex;flex-direction:column;position:relative;width:30%;z-index:2}.step-card{animation:slideIn 1s forwards;animation-delay:calc(var(--i)*.5s);animation-play-state:paused;background-color:#fff;border:2px solid #e5e5e5;border-radius:10px;display:flex;flex:1;flex-direction:column;justify-content:flex-start;opacity:0;padding:20px;text-align:center;transform:translateX(-100%)}.step-card.animate{animation-play-state:running}.step-card .icon,.step-card p{margin-bottom:20px}.step-card p{color:#555}.step-card .cta-btn{background-color:#00c3ef;border-radius:6px;color:#fff;display:inline-block;font-weight:600;margin-top:auto;padding:12px 24px;text-decoration:none}.step-number{align-items:center;background-color:#90ca6f;border-radius:50%;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;left:50%;position:absolute;top:100%;transform:translate(-50%,-50%);width:36px;z-index:3}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.how-it-works h2{font-size:28px}.steps{align-items:center;flex-direction:column;margin-bottom:40px}.steps:before{display:none}.steps:after{background-color:#90ca6f;bottom:0;content:"";left:calc(10% - 2px);position:absolute;top:0;width:2px;z-index:1}.step-wrapper{margin-bottom:40px;width:80%}.step-card{padding:15px}.step-number{left:-20px;top:50%;transform:translateY(-50%)}.step-card .cta-btn{font-size:14px;padding:10px 20px}}@media (max-width:1024px){.how-it-works h2{font-size:30px}.step-card .cta-btn{font-size:15px;padding:11px 22px}}