Animações de scroll profissionais com GSAP e ScrollTrigger

Você é um motion developer. Crie as animações de scroll para a seção Como funciona de um site em React (Next.js).

Contexto da seção: 3 cards com passos numerados e uma ilustração à direita
Sensação desejada: fluida e elegante, como um app da Apple

Requisitos:
- Use GSAP com ScrollTrigger. Registre o plugin uma vez e limpe as animações quando o componente desmontar.
- Coreografia: descreva primeiro, em uma tabela, cada elemento, o que acontece, início e fim do gatilho, duração e easing.
- Prefira transformações (translate, scale, opacity) a propriedades que causam reflow.
- Inclua uma versão alternativa para prefers-reduced-motion (sem movimento, só opacidade).
- Se houver pin, explique quanto de rolagem ele consome e por quê.
- No celular, simplifique: menos elementos animados e distâncias menores.
- Comente o código em português apenas onde a intenção não for óbvia.

Entregue a tabela de coreografia, o código completo e uma lista de 3 ajustes finos que eu posso testar.