.join-hero { background:var(--ink-deep); color:var(--text-inverse); border-radius:var(--radius-card); padding:40px; margin-bottom:24px; }
.join-hero__title { font-size:var(--fs-28); margin:0 0 12px; }
.join-hero__lead { color:rgba(255,255,255,.82); font-size:var(--fs-15); max-width:640px; margin:0 0 24px; }
.join-steps { list-style:none; display:flex; flex-wrap:wrap; gap:12px; margin:0; padding:0; }
.join-step { display:flex; align-items:center; gap:10px; flex:1 1 160px; padding:14px; background:var(--surface-sunken); border-radius:var(--radius-control); }
.join-step__index { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background:var(--primary); color:var(--primary-contrast); flex:0 0 auto; }
.join-step__label { color:var(--text-main); font-size:var(--fs-14); }
.join-tiers { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.join-tier { padding:16px; background:var(--surface-sunken); border-radius:var(--radius-control); }
.join-tier__desc { color:var(--text-muted); font-size:var(--fs-13); margin:10px 0 0; }