.how{background-color:var(--color-panel);padding-block:152px 120px}.how__head{max-width:760px;margin-bottom:64px}.how__lead{margin-top:22px}.step{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:88px;display:grid}.step:last-child{margin-bottom:0}.step__copy .num-tag{align-items:center;gap:10px;margin-bottom:18px;display:inline-flex}.step__copy .num{font-family:var(--font-mono);color:var(--color-green);border:1px solid var(--color-line);border-radius:var(--radius-tag);font-variant-numeric:tabular-nums;padding:5px 9px;font-size:13px;font-weight:600}.step__copy .glyph{width:28px;height:28px;color:var(--color-ink)}.step__copy .glyph .lucide{width:28px;height:28px}.step__copy .block-title{margin-bottom:16px}.step__body{color:var(--color-ink-2);max-width:64ch;margin:0}.step__viz{flex-direction:column;min-height:320px;padding:26px;display:flex}.viz__cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);align-items:center;gap:8px;margin-bottom:18px;font-size:10.5px;display:flex}.viz__cap .lucide{width:14px;height:14px;color:var(--color-ink-3)}.funnel{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.funnel__row{align-items:center;gap:14px;display:flex}.funnel__bar{background-color:var(--color-ink);height:34px;color:var(--color-ink-inv);border-radius:4px;align-items:center;padding-left:14px;font-size:13px;font-weight:500;display:flex}.funnel__leak{font-family:var(--font-mono);color:var(--color-before);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.funnel__leak .lucide{width:13px;height:13px}.matrix{background-color:var(--color-line-soft);border:1px solid var(--color-line-soft);border-radius:6px;flex:1;grid-template-columns:auto 1fr 1fr;align-content:center;gap:1px;display:grid;overflow:hidden}.matrix>div{background-color:var(--color-elevated);padding:12px 14px;font-size:12.5px}.matrix .mh{background-color:var(--color-panel);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-3);font-size:10.5px}.matrix .ml{color:var(--color-ink-2);font-weight:500}.matrix .mc{color:var(--color-ink);align-items:center;gap:7px;display:flex}.matrix .mc .lucide{width:15px;height:15px;color:var(--color-green)}.ranked{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.ranked__item{border:1px solid var(--color-line-soft);border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:11px 14px;display:grid}.ranked__rk{font-family:var(--font-mono);color:var(--color-green);font-size:13px;font-weight:600}.ranked__lab{color:var(--color-ink-2);font-size:13px}.ranked__roi{font-family:var(--font-mono);color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:12px}.ranked__roi b{color:var(--color-green);font-weight:600}@media (width<=1024px){.how{padding-block:116px 88px}.step{grid-template-columns:1fr;gap:32px;margin-bottom:64px}}@media (width<=640px){.how{padding-block:80px 64px}.step{gap:24px;margin-bottom:48px}}