.affiliate-hero { background-image: url('/public/images/affiliate-aurora.webp'); }
.flow-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-xl); counter-reset: flow; }
.flow-steps article { counter-increment: flow; padding: var(--space-xl); border-block: 1px dashed var(--line); }
.flow-steps article::before { content: "0" counter(flow); display: block; font-size: 2.2rem; font-weight: 700; color: var(--slate); }
@media (max-width: 700px) { .flow-steps { grid-template-columns: 1fr; } }