.how-section .how-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px}.how-section h2{margin-bottom:0;padding-bottom:0}.how-section .how-steps{display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.how-section .step-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:32px 28px;position:relative;transition:border-color .2s,box-shadow .2s}.how-section .step-card:hover{border-color:var(--purple);box-shadow:0 0 0 3px rgba(93,41,193,.08)}.how-section .step-number{align-items:center;background:var(--purple);border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:800;height:36px;justify-content:center;margin-bottom:20px;width:36px}.how-section .step-icon{margin-bottom:16px}.how-section .step-icon svg{fill:var(--purple);height:32px;width:32px}.how-section .step-tag{align-items:center;background:var(--purple-pale);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.how-section .step-title{color:var(--gray-900);font-size:19px;font-weight:800;letter-spacing:-.5px;line-height:1.25;margin-bottom:10px}.how-section .step-desc{color:var(--gray-600);font-size:14px;line-height:1.6}.how-section .step-metric{align-items:center;border-top:1px solid var(--gray-200);gap:10px;margin-top:20px;padding-top:20px}.how-section .step-metric-value{color:var(--purple);font-size:18px;font-weight:900;letter-spacing:-.5px}.how-section .step-metric-label{color:var(--gray-600);font-size:12px;line-height:1.4}@media screen and (max-width:767px){.how-section .how-steps{display:grid;gap:24px;grid-template-columns:repeat(1,1fr)}.how-section .how-header{flex-direction:column;margin-bottom:50px}}