@font-face{font-family:Geist;src:url("fonts/geist-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url("fonts/geist-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("fonts/barlow-condensed-800.woff2") format("woff2");font-weight:800;font-display:swap}
@layer pages {
.join-page{--af-font-body:Geist,ui-sans-serif,system-ui,sans-serif;--af-font-force:"Barlow Condensed","Arial Narrow",sans-serif;--join-r:4px;background:#f7f9fc;color:var(--af-ink);font-family:var(--af-font-body);font-size:17px;color-scheme:light;min-height:100svh}
.join-page [hidden]{display:none!important}
/* 1017-A2 P1-2 + 1018: shared header system (identical declarations live in launch-intake.css, referrals.css and the /account/preferences/ inline style). Bar 84px / 64px mobile; lockup 72/64px desktop tiers hanging 10/8px below the bar, 52/48px centred on phones; one row, controls 44px. */
body.join-page{--af-bar:84px;--af-logo:60px;--af-logo-top:0px;--af-logo-overhang:0px}
@media(max-width:1099px){body.join-page{--af-logo:56px;--af-logo-overhang:0px}}
@media(max-width:760px){body.join-page{--af-bar:64px;--af-logo:44px;--af-logo-top:0px;--af-logo-overhang:0px}}
@media(max-width:360px){body.join-page{--af-logo:44px;--af-logo-top:0px}}
body.join-page .join-header{position:relative;z-index:12;box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;width:100%;height:var(--af-bar);min-height:0;margin:0;padding:0 max(24px,calc((100% - 1232px)/2));background:#fff;border-bottom:1px solid var(--af-line);overflow:visible}
body.join-page .join-brand{display:block;flex:0 0 auto;height:var(--af-logo);margin:var(--af-logo-top) 0 calc(-1 * var(--af-logo-overhang) - 1px);line-height:0;text-decoration:none}.af-mark__logo{display:block;width:auto;height:var(--af-logo);aspect-ratio:1083 / 360}
body.join-page .join-header nav{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:8px;margin-left:auto}
body.join-page .join-header nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;min-height:44px;height:44px;padding:0 16px;border:1px solid var(--af-line);border-radius:4px;background:#fff;color:var(--af-ink);font:700 16px/1 var(--af-font-body);letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap}
body.join-page .join-header nav a:hover{border-color:var(--af-ink)}
body.join-page .join-header nav a.join-login{background:var(--af-ink);border-color:var(--af-ink);color:#fff}
body.join-page .join-header nav a.join-login:hover{background:#30353d}
.join-main{width:min(calc(100% - 48px),1120px);margin:0 auto;padding:64px 0 24px}
.join-intro{margin-bottom:40px}
.join-intro h1{margin:0 0 12px;font-family:var(--af-font-body);font-size:var(--af-t-h1);line-height:1.12;font-weight:700;letter-spacing:-.04em}
.join-intro p{margin:0;color:var(--af-ink-2);font-size:var(--af-17);line-height:1.5}
.join-intro a,.join-referral a{color:var(--af-ink);font-weight:700;text-underline-offset:4px}.join-referral a{white-space:nowrap}
.join-groups{display:grid;gap:40px}
.join-group{display:grid;gap:16px;min-width:0}
.join-group h2{margin:0;padding-bottom:10px;position:relative;font-family:var(--af-font-force);font-size:var(--af-t-h2);font-weight:800;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--af-ink)}
.join-group h2::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;background:var(--af-red);font-family:var(--af-font-force);font-weight:800}
.join-group--projects h2::after{height:3px;background:var(--af-red);font-family:var(--af-font-force);font-weight:800}
.join-group__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.join-card{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:20px;align-items:stretch;min-height:180px;padding:28px;background:#fff;border:1px solid var(--af-line);border-radius:var(--join-r);color:var(--af-ink);text-decoration:none;transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease;box-shadow:var(--af-shadow-plate)}
.join-card__icon{display:grid;place-items:center;align-self:start;width:48px;height:48px;border-radius:var(--join-r);background:var(--af-pearl);color:var(--af-ink);transition:background-color 160ms ease,color 160ms ease}
.join-card__icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.join-card--project .join-card__icon{background:var(--af-red);color:#fff}
.join-card__text{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.join-card__title{font-family:var(--af-font-force);font-size:var(--af-t-card);font-weight:800;line-height:1.1;letter-spacing:.015em;text-transform:uppercase;margin:0}
.join-card__job{color:var(--af-ink);font-size:var(--af-17);line-height:1.45}
.join-card__cta{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:var(--af-t-label);font-weight:700;line-height:1.4;text-underline-offset:4px;color:var(--af-ink)}
.join-card--project .join-card__cta{color:var(--af-red)}
.join-card__arrow{display:inline-block;font-size:16px;transition:transform 160ms ease}
.join-card:hover{border-color:var(--af-ink);transform:translateY(-2px);box-shadow:var(--af-shadow-lift)}
.join-card:hover .join-card__cta,.join-card:focus-visible .join-card__cta{text-decoration:underline;box-shadow:var(--af-shadow-lift)}
.join-card:hover .join-card__arrow,.join-card:focus-visible .join-card__arrow{transform:translateX(4px);box-shadow:var(--af-shadow-lift)}
.join-card--project:hover .join-card__icon{background:#a81f1f}
.join-card--pro:hover .join-card__icon{background:var(--af-ink);color:#fff}
.join-card:focus-visible{outline:3px solid var(--af-ink);outline-offset:3px;border-color:var(--af-ink)}
.join-card:active{transform:translateY(0);box-shadow:none}
.join-referral{margin:40px 0 0;text-align:center;font-size:var(--af-14);line-height:1.5;color:var(--af-muted)}
.join-referral__fine{display:block;margin-top:4px;font-size:var(--af-125)}
.join-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding-top:16px;border-top:1px solid var(--af-line);font-size:12.5px;color:var(--af-muted)}.join-footer nav{display:flex;gap:24px}.join-footer a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-underline-offset:4px}.join-page a:focus-visible{outline:3px solid var(--af-ink);outline-offset:4px}
@media(max-width:760px){body.join-page .join-header{height:64px;padding:0 16px;gap:8px}body.join-page .join-brand{margin:0}body.join-page .join-header nav{gap:6px}body.join-page .join-header nav a{min-height:44px;height:44px;padding:0 11px;letter-spacing:0}}
@media(max-width:360px){body.join-page .join-header{padding-inline:12px}}
@media(max-width:860px){.join-group__cards{grid-template-columns:1fr;gap:16px}.join-groups{gap:36px}}
@media(max-width:700px){.join-intro h1{font-size:var(--af-t-h1)}.join-main{width:calc(100% - 32px);padding-top:40px}.join-intro{margin-bottom:28px}.join-groups{gap:32px}.join-group{gap:12px}.join-group h2{font-size:var(--af-t-h2);font-family:var(--af-font-force);font-weight:800}.join-group__cards{gap:12px}.join-card{grid-template-columns:40px minmax(0,1fr);column-gap:14px;min-height:0;padding:18px 16px;box-shadow:var(--af-shadow-plate)}.join-card__icon{width:40px;height:40px}.join-card__icon svg{width:20px;height:20px}.join-card__job{font-size:var(--af-14)}.join-referral a{display:inline-flex;align-items:center;min-height:44px}.join-footer{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.join-card,.join-card__icon,.join-card__arrow{transition:none}.join-card:hover,.join-card:focus-visible{transform:none;box-shadow:var(--af-shadow-lift)}.join-card:hover .join-card__arrow,.join-card:focus-visible .join-card__arrow{transform:none;box-shadow:var(--af-shadow-lift)}}
}

/* F01/F03: Action Force panels, with the existing destinations and hover lift. */
.join-card{grid-template-columns:24px 48px 20px minmax(0,1fr) 24px;grid-template-rows:auto 1fr auto;column-gap:0;min-height:224px;padding:0;border:0;border-radius:0;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%)}
.join-card__text{display:contents}
.join-card__title{grid-column:1/-1;grid-row:1;display:flex;align-items:center;min-height:80px;padding:20px 28px;background:var(--af-ink);color:#fff}
.join-card--project .join-card__title{background:var(--af-red)}
.join-card--pro .join-card__icon{background:var(--af-ink);color:#fff}
.join-card__icon{grid-column:2;grid-row:2/4;margin-top:20px}
.join-card__job{grid-column:4;grid-row:2;padding-top:20px;min-width:0}
.join-card__cta{grid-column:4;grid-row:3;margin-top:16px;padding:0 0 24px}
.join-referral a{font-size:16px;font-weight:700;color:var(--af-ink)}
@media(max-width:600px){.join-card{grid-template-columns:18px 40px 14px minmax(0,1fr) 18px;min-height:0;padding:0;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.join-card__title{min-height:0;padding:18px 24px}.join-card__icon{margin-top:18px}.join-card__job{padding-top:18px}.join-card__cta{padding-bottom:20px}}