.how{background:var(--faq-bg);color:var(--faq-text);box-sizing:border-box;margin-top:-150px;padding:100px 20px}.how-header{text-align:center;max-width:700px;margin:0 auto 70px}.how-header h2{color:var(--faq-text);margin-bottom:15px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.2}.how-header p{color:var(--faq-text-muted);font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.steps{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;gap:24px;max-width:1300px;margin:0 auto;padding:2rem 1rem;display:flex}.step{background:var(--faq-contact-bg);border:1px solid var(--faq-divider);box-sizing:border-box;border-radius:12px;flex:260px;padding:2rem;transition:box-shadow .3s,transform .3s,background .2s}.step:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.step-top{align-items:center;margin-bottom:30px;display:flex}.step-number{color:#fff;background:var(--faq-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:600;display:flex;box-shadow:0 4px 14px #1b3fd44d}.dark .step-number{box-shadow:0 4px 14px #2b6fff59}.line{background:var(--border);flex:1;height:4px;margin-left:20px}.step h3{color:var(--faq-text);margin-bottom:12px;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:600;line-height:1.4}.step p{color:var(--faq-text-muted);margin-bottom:20px;font-size:clamp(.875rem,1.5vw,.9375rem);line-height:1.625}.step ul{margin:0;padding:0;list-style:none}.step ul li{color:var(--faq-text-muted);align-items:center;gap:10px;margin-bottom:12px;font-size:clamp(.8125rem,1.5vw,.875rem);display:flex}.step ul li svg{color:var(--faq-accent);flex-shrink:0}@media (max-width:1200px){.steps{gap:20px;padding:2rem 1rem}.step{flex:220px;padding:1.75rem}}@media (max-width:900px){.how{padding:70px 20px}.how-header{margin-bottom:50px}.steps{justify-content:center;gap:20px;padding:1.5rem .5rem}.step{flex:0 calc(50% - 10px);min-width:260px;padding:1.5rem}}@media (max-width:640px){.how{padding:50px 16px}.how-header{margin-bottom:40px}.how-header h2{font-size:1.75rem}.steps{flex-direction:column;gap:16px;padding:0}.step{flex:100%;width:100%;padding:1.5rem}.step-top{margin-bottom:20px}.step-number{width:48px;height:48px;font-size:16px}}@media (max-width:480px){.how{padding:40px 12px}.how-header{margin-bottom:30px}.step{padding:1.25rem}.step-number{border-radius:10px;width:44px;height:44px;font-size:15px}.step ul li{font-size:.8125rem}}@media (hover:none) and (pointer:coarse){.step:hover{box-shadow:none;transform:none}}