.join-top{background:var(--n-50);padding-top:calc(var(--nav-h) + clamp(var(--s-10),7vw,var(--s-20)));padding-bottom:clamp(var(--s-16),9vw,var(--s-24))}.join-top__lead{margin-top:var(--s-4);max-width:54ch}.join-top__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(var(--s-10),6vw,var(--s-20));align-items:center}.join-top__main{min-width:0}.join-top__media{justify-self:center}.join-top__media img{display:block;width:260px;max-width:100%;height:auto;filter:drop-shadow(var(--shadow-device))}.band-gray{position:relative;background:var(--n-50)}.band-gray:before,.band-gray:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:min(calc(100% - 2 * var(--s-6)),calc(var(--container) - 2 * var(--s-6)));height:1px;background:var(--line)}.band-gray:before{top:0}.band-gray:after{bottom:0}.band-gray .faq__item{border-color:var(--n-200)}.cards{display:grid;gap:var(--s-5);margin-top:var(--s-10)}.cards--3{grid-template-columns:repeat(3,1fr)}.cards--2{grid-template-columns:1fr 1fr}.feature-card{padding:var(--s-6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}.feature-card h3{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--s-2)}.feature-card p{color:var(--fg-muted);font-size:var(--fs-sm);line-height:1.6}.steps{margin-top:var(--s-10);max-width:48rem}.step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:var(--s-5);align-items:start;padding-bottom:var(--s-8)}.step:last-child{padding-bottom:0}.step:not(:last-child):before{content:"";position:absolute;left:26px;transform:translate(-50%);top:52px;bottom:0;width:2px;background:var(--line);z-index:0}.step__icon{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);color:var(--fg)}.step__icon svg{width:26px;height:26px}.step__eyebrow{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.step__title{font-size:var(--fs-lg);font-weight:600;margin-top:3px}.step__text{margin-top:var(--s-2);color:var(--fg-muted);line-height:1.6;max-width:52ch}.step__action{margin-top:var(--s-4)}.note{margin-top:var(--s-6);display:flex;gap:var(--s-3);padding:var(--s-5) var(--s-6);border-radius:var(--r-md);background:var(--card);border:1px solid var(--line);font-size:var(--fs-sm);color:var(--fg-muted);line-height:1.6;max-width:48rem}.note__icon{width:20px;height:20px;flex:none;margin-top:2px;color:var(--fg-faint)}.note strong{color:var(--fg);font-weight:600}.contribute{overflow:hidden;--cb-pad: clamp(var(--s-12), 5vw, var(--s-16));padding-block:var(--cb-pad)}.contribute__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(var(--s-8),5vw,var(--s-16));align-items:center}.contribute__copy{max-width:44ch}.contribute__sub{margin-top:var(--s-5);color:var(--on-dark-muted);font-size:var(--fs-lg);max-width:50ch;line-height:1.6}.contribute__media{align-self:end;justify-self:end;padding-right:clamp(var(--s-6),5vw,var(--s-20));max-height:420px;overflow:hidden;margin-bottom:calc(-1 * var(--cb-pad))}.contribute__media img{display:block;width:290px;max-width:100%;height:auto;filter:drop-shadow(0 0 1px rgba(255,255,255,.25)) drop-shadow(0 22px 50px rgba(0,0,0,.5))}.help-card{padding:var(--s-8);border:1px solid var(--line);border-radius:var(--r-lg)}.help-card h3{font-size:var(--fs-h3);font-weight:600;margin-bottom:var(--s-5)}.help-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--s-3)}.help-card li{position:relative;padding-left:var(--s-6);color:var(--fg-muted);line-height:1.55}.help-card li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--ink)}.channels{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-6)}.channel{display:inline-flex;align-items:center;gap:var(--s-3);padding:13px 22px;border:1px solid var(--n-200);border-radius:var(--r-pill);font-weight:600;font-size:var(--fs-sm);transition:border-color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease)}.channel:hover{border-color:var(--n-400);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.channel__icon{width:20px;height:20px;flex:none}@media(max-width:860px){.cards--3,.cards--2,.join-top__inner{grid-template-columns:1fr}.join-top__media{margin-top:var(--s-10)}.join-top__media img{width:220px}.contribute__inner{grid-template-columns:1fr}.contribute__media{justify-self:center;padding-right:0;max-height:300px;margin-top:var(--s-8)}}@media(max-width:420px){.band-gray:before,.band-gray:after{width:min(calc(100% - 2 * var(--s-5)),calc(var(--container) - 2 * var(--s-5)))}}