.tp-join{flex-direction:column;gap:clamp(48px,7vw,88px);margin-top:clamp(40px,6vw,72px);display:flex}.tp-join-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tp-join-stats:has(.tp-join-stat--spark){grid-template-columns:repeat(4,minmax(0,1fr))}.tp-join-stat{background:var(--tp-surface);border:1px solid var(--tp-line);border-top:3px solid var(--tp-accent);flex-direction:column;gap:6px;padding:22px 24px 18px;display:flex}.tp-join-stat strong{color:var(--tp-ink);font-family:var(--tp-font-mono);font-size:clamp(26px,2.6vw,36px);line-height:1.1}.tp-join-stat span{color:var(--tp-muted);font-family:var(--tp-font-mono);font-size:12px}.tp-join-stat--spark{justify-content:space-between}.tp-join-spark{align-items:flex-end;gap:3px;height:38px;display:flex}.tp-join-spark span{background:color-mix(in srgb,var(--tp-accent) 75%,var(--tp-surface));border-radius:1px 1px 0 0;flex:1 1 0;min-width:3px}.tp-join-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tp-join-path{background:var(--tp-surface);border:1px solid var(--tp-line);flex-direction:column;gap:14px;padding:28px 28px 24px;transition:border-color .2s,transform .2s;display:flex;position:relative}.tp-join-path:hover{border-color:color-mix(in srgb,var(--tp-accent) 55%,var(--tp-line));transform:translateY(-2px)}.tp-join-path-index{color:var(--tp-accent);font-family:var(--tp-font-mono);font-size:13px;position:absolute;top:22px;right:24px}.tp-join-path h3{letter-spacing:-.01em;font-size:clamp(20px,2vw,26px)}.tp-join-path>p{color:var(--tp-muted);font-size:14.5px;line-height:1.65}.tp-join-path ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.tp-join-path ul li{color:var(--tp-ink);font-family:var(--tp-font-mono);padding-left:18px;font-size:12.5px;position:relative}.tp-join-path ul li:before{background:var(--tp-accent);content:"";width:7px;height:7px;position:absolute;top:7px;left:0;transform:rotate(45deg)}.tp-join-path-links{border-top:1px solid color-mix(in srgb,var(--tp-line) 60%,transparent);flex-wrap:wrap;gap:8px 22px;margin-top:auto;padding-top:16px;display:flex}.tp-join-path-links a{color:var(--tp-ink);font-family:var(--tp-font-mono);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.tp-join-path-links a:hover{color:var(--tp-accent)}.tp-join-flow h2{letter-spacing:-.01em;font-size:clamp(24px,2.6vw,34px)}.tp-join-steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:30px 0 0;padding:0;list-style:none;display:grid}.tp-join-step{border-left:1px solid var(--tp-line);gap:16px;margin-left:26px;padding:24px 26px 30px 0;display:flex;position:relative}.tp-join-step:first-child{border-left:0;margin-left:0;padding-left:0}.tp-join-step-num{color:var(--tp-accent);font-family:var(--tp-font-mono);padding-top:3px;font-size:13px;line-height:1}.tp-join-step strong{color:var(--tp-ink);font-size:16px;display:block}.tp-join-step p{color:var(--tp-muted);margin-top:7px;font-size:13.5px;line-height:1.6}.tp-join-contact h2{letter-spacing:-.01em;font-size:clamp(24px,2.6vw,34px)}.tp-join-channels{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.tp-join-channels a{background:var(--tp-surface);border:1px solid var(--tp-line);flex-direction:column;gap:7px;padding:20px 22px;text-decoration:none;transition:border-color .18s;display:flex}.tp-join-channels a:hover{border-color:var(--tp-accent)}.tp-join-channels strong{color:var(--tp-ink);font-family:var(--tp-font-mono);word-break:break-all;font-size:14px}.tp-join-channels span{color:var(--tp-muted);font-size:12.5px;line-height:1.5}@media (max-width:1000px){.tp-join-paths,.tp-join-steps,:is(.tp-join-channels,.tp-join-stats,.tp-join-stats:has(.tp-join-stat--spark)){grid-template-columns:1fr 1fr}}@media (max-width:640px){:is(.tp-join-channels,.tp-join-paths,.tp-join-stats,.tp-join-stats:has(.tp-join-stat--spark),.tp-join-steps){grid-template-columns:1fr}.tp-join-step{border-left:0;border-top:1px solid var(--tp-line);margin-left:0;padding-left:0}.tp-join-step:first-child{border-top:0}}.tp-contrib-step{flex-direction:column;gap:10px;padding-bottom:26px}.tp-contrib-step>div{flex-direction:column;gap:8px;display:flex}.tp-contrib-code{background:var(--tp-bg);border-left:3px solid var(--tp-accent);margin:4px 0 0;padding:12px 14px;overflow-x:auto}.tp-contrib-code code{color:var(--tp-ink);font-family:var(--tp-font-mono);white-space:pre;font-size:12.5px}