.how-it-works-section{background:#fff;width:100%;padding:80px 0}.works-wrapper{max-width:1300px;margin:0 auto;padding:0 40px}.section-header{text-align:center;margin-bottom:70px}.section-title{color:#000;letter-spacing:-.5px;margin:0 0 12px;font-size:36px;font-weight:700}.section-subtitle{color:#6b7280;margin:0;font-size:16px;line-height:1.6}.steps-container{width:100%;max-width:1200px;min-height:160px;margin:0 auto;position:relative}.timeline-line{z-index:1;background:#e5e7eb;height:2px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}.timeline-progress{z-index:2;background:linear-gradient(90deg,#3b82f6 0% 100%);max-width:80%;height:2px;transition:width .3s;position:absolute;top:50%;left:10%;transform:translateY(-50%);box-shadow:0 0 8px #3b82f680}@media (max-width:768px){.timeline-line,.timeline-progress{display:none}}.steps-row{z-index:2;justify-content:space-between;align-items:stretch;height:200px;display:flex;position:relative}.step-wrapper{text-align:center;flex:1;max-width:220px;display:block;position:relative}.icon-circle{background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000014}.icon-circle.active-step{background:#3b82f6;transform:translate(-50%,-50%)scale(1.05);box-shadow:0 6px 20px #3b82f659,0 0 15px #3b82f633}.icon-circle i{color:#3b82f6;font-size:36px}.icon-circle.active-step i{color:#fff}.number-badge{color:#fff;z-index:3;background:#3b82f6;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #00000026}.icon-circle.active-step .number-badge{color:#3b82f6;background:#fff;border-color:#3b82f6}.step-info{text-align:center;white-space:nowrap;width:100%;display:block;position:absolute;top:calc(50% + 60px);left:50%;transform:translate(-50%)}.step-name{color:#000;margin:0 0 10px;font-size:16px;font-weight:400;line-height:1.3}.step-wrapper:has(.icon-circle.active-step) .step-name{font-weight:700}.step-text{color:#6b7280;max-width:200px;margin:0;font-size:13px;line-height:1.6}@media (max-width:1200px){.steps-row{gap:20px}.step-wrapper{max-width:180px}.icon-circle{width:80px;height:80px}.icon-circle i{font-size:32px}.timeline-line{top:50%;transform:translateY(-50%)}}@media (max-width:1024px){.timeline-line,.timeline-progress{display:none}.steps-row{flex-wrap:wrap;justify-content:center;gap:40px}.step-wrapper{max-width:200px}}@media (max-width:768px){.how-it-works-section{padding:60px 0}.works-wrapper{padding:0 24px}.section-header{margin-bottom:50px}.section-title{font-size:28px}.section-subtitle{font-size:14px}.steps-row{flex-direction:column;align-items:center;gap:0;height:auto}.step-wrapper{flex-direction:column;align-items:center;width:100%;max-width:100%;min-height:140px;padding:20px 0;display:flex;position:relative}.icon-circle{width:75px;height:75px;margin:0 auto 15px;position:relative;top:auto;left:auto;transform:none}.icon-circle.active-step{transform:scale(1.05)}.icon-circle i{font-size:30px}.step-info{white-space:normal;width:100%;padding:0 20px;position:relative;top:auto;left:auto;transform:none}.step-text{max-width:100%}}@media (max-width:480px){.how-it-works-section{padding:40px 0}.works-wrapper{padding:0 20px}.section-header{margin-bottom:40px}.section-title{font-size:24px;line-height:1.3}.section-subtitle{font-size:13px;line-height:1.5}.steps-row{gap:0}.step-wrapper{min-height:130px;padding:15px 0}.icon-circle{width:70px;height:70px;margin-bottom:12px}.icon-circle i{font-size:28px}.number-badge{border-width:2px;width:24px;height:24px;font-size:11px}.step-info{padding:0 15px}.step-name{margin-bottom:5px;font-size:15px}.step-text{font-size:12px}}@media (max-width:375px){.how-it-works-section{padding:30px 0}.works-wrapper{padding:0 15px}.section-title{font-size:22px}.section-subtitle{font-size:12px}.icon-circle{width:65px;height:65px}.icon-circle i{font-size:26px}.step-name{font-size:14px}.step-text{font-size:11px}}