.how-it-works-section{padding-top:clamp(48px,8vw,80px);padding-bottom:clamp(48px,8vw,80px);background-color:var(--color-bg-base)}.how-it-works-inner{display:flex;flex-direction:column;gap:48px}.how-it-works-image-col{width:100%}.how-it-works-img{width:100%;height:auto;border-radius:var(--radius-img-card);object-fit:cover;box-shadow:0 20px 40px rgba(0,0,0,0.06);opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.2,0.8,0.2,1),transform 0.8s cubic-bezier(0.2,0.8,0.2,1)}.how-it-works-img.is-visible{opacity:1;transform:translateY(0)}.how-it-works-content{display:flex;flex-direction:column;align-items:flex-start}.how-it-works-eyebrow{display:block;color:var(--color-primary);font-weight:800;text-transform:uppercase;margin-bottom:8px;font-size:14px;line-height:20px;letter-spacing:1.4px}.how-it-works-title{margin-bottom:32px;line-height:40px;letter-spacing:-0.9px}.how-it-works-steps{list-style:none;padding:0;margin:0 0 32px 0;display:flex;flex-direction:column;gap:20px}.how-it-works-steps li{display:flex;align-items:center;gap:16px;transition:transform 0.3s ease}.how-it-works-content.is-visible .how-it-works-steps li:hover{transform:translateX(8px);transition-delay:0s !important}.step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg-icons);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;transition:background-color 0.3s ease,color 0.3s ease,transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.how-it-works-content.is-visible .how-it-works-steps li:hover .step-number{background-color:var(--color-primary);color:#FFFFFF;transform:scale(1.1)}.step-text{color:var(--color-text-base);font-weight:700;font-size:16px}.how-it-works-eyebrow,.how-it-works-title,.how-it-works-steps li,.how-it-works-content .btn{opacity:0;transform:translateY(20px);transition:opacity 0.6s cubic-bezier(0.2,0.8,0.2,1),transform 0.6s cubic-bezier(0.2,0.8,0.2,1)}.how-it-works-content.is-visible .how-it-works-eyebrow,.how-it-works-content.is-visible .how-it-works-title,.how-it-works-content.is-visible .how-it-works-steps li,.how-it-works-content.is-visible .btn{opacity:1;transform:translateY(0)}.how-it-works-content.is-visible .how-it-works-eyebrow{transition-delay:0.1s}.how-it-works-content.is-visible .how-it-works-title{transition-delay:0.2s}.how-it-works-content.is-visible .how-it-works-steps li:nth-child(1){transition-delay:0.3s}.how-it-works-content.is-visible .how-it-works-steps li:nth-child(2){transition-delay:0.4s}.how-it-works-content.is-visible .how-it-works-steps li:nth-child(3){transition-delay:0.5s}.how-it-works-content.is-visible .how-it-works-steps li:nth-child(4){transition-delay:0.6s}.how-it-works-content.is-visible .how-it-works-steps li:nth-child(5){transition-delay:0.7s}.how-it-works-content.is-visible .btn{transition-delay:0.9s}@media (min-width:992px){.how-it-works-inner{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:center}.how-it-works-image-col{padding-left:20px}}