/* THE CREW — the "come meet the crew" step that appears right after a man leaves his email.
   join.js inserts one .join-crew block under the thank-you stamp (or under the pay buttons).
   Reusable: the block is plain HTML; the button text and link come from /api/crew/link. */
.join-crew{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px auto 0;max-width:560px;padding:16px 18px 16px 20px;border-radius:16px;background:rgba(245,239,225,.06);border:1px solid rgba(245,239,225,.14);text-align:left;animation:jc-in .5s ease both}
.join-crew .jc-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.join-crew b{font-family:var(--sans);font-size:16px;color:var(--offwhite);font-weight:600}
.join-crew span{font-size:13.5px;line-height:1.5;color:rgba(245,239,225,.72)}
.join-crew .jc-btn{flex:0 0 auto;padding:13px 22px;font-size:14px;white-space:nowrap}
.join-crew.quiet{background:transparent;border-color:rgba(245,239,225,.12);margin-top:26px}
/* inside the signup modal (light card) */
.smodal .join-crew{background:rgba(49,66,122,.06);border-color:rgba(49,66,122,.16);flex-direction:column;align-items:stretch;gap:12px;padding:16px}
.smodal .join-crew .jc-btn{text-align:center}
.smodal .join-crew b{color:var(--indigo)}
.smodal .join-crew span{color:#4a4a55}
@keyframes jc-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){
  .join-crew{flex-direction:column;align-items:stretch;gap:12px;padding:16px}
  .join-crew .jc-btn{text-align:center}
}