.story--join [hidden]{display:none!important}.story--join{--hair: rgb(20 20 20 / .12);--bad: #b3261e;--join-pad: clamp(1.35rem, 5.5vw, 2.25rem);--join-inline: max(var(--join-pad), calc((100% - 34rem)/2) );height:min(36rem,88svh);max-height:min(36rem,88svh);background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 -22px 60px -30px #1414148c}.story--join::backdrop{background:#12121252}.story--join .story__close{background:#1414140d;box-shadow:none;transition:background-color .2s var(--ease-out)}@media(hover:hover){.story--join .story__close:hover{background:#14141417}}.join{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.join__bar{flex:none;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:1rem;min-height:40px;margin:clamp(.9rem,2.5vw,1.35rem) clamp(.9rem,2.5vw,1.35rem) 0}.join__back{grid-column:1;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:#1414140d;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s var(--ease-out)}.join__back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.join__back:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media(hover:hover){.join__back:hover{background:#14141417}}.join__progress{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(100%,11rem);margin:0 auto;padding:0;list-style:none}.join__progress li{height:4px;border-radius:999px;background:#1414141a;transition:background-color .35s var(--ease-out)}.join__progress li[data-state=done],.join__progress li[data-state=current]{background:var(--ink)}.story--join .join__scroll{padding:clamp(1.1rem,4vw,1.6rem) var(--join-inline) 1.5rem}.join__step{animation:join-in .42s var(--ease-out) both}.join__step[data-dir=back]{animation-name:join-back}@keyframes join-in{0%{opacity:0;transform:translate3d(0,10px,0)}}@keyframes join-back{0%{opacity:0;transform:translate3d(0,-6px,0)}}.story--join .join__eyebrow{margin:0 0 .55rem;max-width:none;font-size:.72rem;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:#14141480}.join__title{margin:0 0 .6rem;font-size:clamp(1.55rem,5.2vw,2.1rem);font-weight:600;font-optical-sizing:auto;line-height:1.08;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}.join__title:focus,.join__title:focus-visible{outline:none}.story--join .join__line{margin:0 0 1.25rem;max-width:34ch;font-size:clamp(1rem,.94rem + .3vw,1.1rem);line-height:1.5;color:#141414a8;text-wrap:pretty}.story--join .join__fine{margin:-.5rem 0 1.25rem;max-width:38ch;font-size:.88rem;line-height:1.5;color:#1414148c}.join__mark{position:relative;display:grid;place-items:center;width:56px;height:56px;margin:0 0 1.1rem;border-radius:999px;background:#1414140d;color:var(--ink);transition:background-color .35s var(--ease-out),color .35s var(--ease-out)}.join__mark svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.join__mark:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 #1414142e;opacity:0}.story--join[data-located=finding] .join__mark:after{animation:join-ping 1.4s var(--ease-out) infinite}.story--join[data-located=found] .join__mark{background:var(--ink);color:#fff}@keyframes join-ping{0%{opacity:1;box-shadow:0 0 #14141433}to{opacity:0;box-shadow:0 0 0 18px #14141400}}.story--join .join__found{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;margin:0;padding:.55rem .9rem .55rem .7rem;border-radius:999px;background:#1414140d;font-size:.95rem;font-weight:600;line-height:1.3;color:var(--ink);animation:join-in .36s var(--ease-out) both}.join__found svg{flex:none;width:18px;height:18px;padding:3px;border-radius:999px;background:var(--ink);fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.story--join .join__note{margin:0;max-width:36ch;font-size:.92rem;line-height:1.5;color:#141414a8}.story--join .join__note:empty{display:none}.story--join .field{margin:0}.story--join .field__label{display:block;margin-bottom:.35rem;font-size:.8rem;font-weight:500;letter-spacing:.01em;color:#14141499}.story--join .field__input{width:100%;min-height:52px;padding:.75rem .95rem;border:0;border-radius:12px;background:#1414140a;box-shadow:inset 0 0 0 1px var(--hair);font-family:inherit;font-size:1.05rem;line-height:1.3;color:var(--ink);transition:box-shadow .2s var(--ease-out),background-color .2s var(--ease-out)}.story--join .field__input:focus{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink);outline:none}.story--join .field__input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.story--join .field.is-bad .field__input{box-shadow:inset 0 0 0 1.5px var(--bad)}.story--join .field__err{margin:.4rem 0 0;max-width:none;font-size:.82rem;line-height:1.4;color:var(--bad)}.story--join .field__err:empty{display:none}.join__options{display:grid;gap:.65rem;margin:0;padding:0;border:0;min-width:0}.join-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tick" "lede  tick";column-gap:.9rem;align-items:start;padding:1.05rem 1.15rem;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--hair);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .28s var(--ease-out),background-color .28s var(--ease-out),transform .4s var(--spring)}.join-opt:has(.join-opt__input:checked){background:#14141406;box-shadow:inset 0 0 0 2px var(--ink),0 10px 26px -20px #14141480}.join-opt:active{transform:scale(.99)}.join-opt:has(.join-opt__input:focus-visible){outline:2px solid var(--ink);outline-offset:3px}@media(hover:hover){.join-opt:not(:has(.join-opt__input:checked)):hover{box-shadow:inset 0 0 0 1px #1414144d}}.join-opt__title{grid-area:title;font-size:1.08rem;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:var(--ink)}.join-opt__lede{grid-area:lede;margin-top:.2em;font-size:.93rem;line-height:1.4;color:#1414149e}.join-opt__tick{grid-area:tick;display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--ink);color:#fff;opacity:0;transform:scale(.7);transition:opacity .22s var(--ease-out),transform .34s var(--rubber, var(--ease-out))}.join-opt__tick svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.join-opt:has(.join-opt__input:checked) .join-opt__tick{opacity:1;transform:none}.join__options+.field__err{margin-top:.6rem}.join__chat{display:flex;justify-content:flex-end;padding:1rem;border-radius:18px;background:#1414140a}.story--join .join__bubble{position:relative;max-width:min(100%,30rem);margin:0;padding:.7rem .85rem .75rem;border-radius:14px 4px 14px 14px;background:#d9fdd3;box-shadow:0 1px 1px #14141414;font-size:.98rem;line-height:1.5;color:#111b21;overflow-wrap:anywhere}.join__bubble:after{content:"";position:absolute;top:0;right:-7px;width:8px;height:12px;background:#d9fdd3;clip-path:polygon(0 0,100% 0,0 100%)}.join__foot{flex:none;display:grid;gap:.35rem;padding:.85rem var(--join-inline);padding-bottom:max(.95rem,env(safe-area-inset-bottom));background:#fff;border-top:1px solid rgb(20 20 20 / .08)}.join__primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-width:0;min-height:52px;padding:.8rem clamp(1rem,5vw,1.5rem);border:0;border-radius:999px;background:#000;color:#fff;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;box-shadow:0 12px 32px -14px #00000080,inset 0 0 0 1px #ffffff0f;-webkit-tap-highlight-color:transparent;transition:transform .4s var(--spring),opacity .25s var(--ease-out)}.join__primary svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.join__primary:active{transform:scale(.985)}.join__primary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.join__primary[aria-busy=true]{opacity:.55;cursor:progress}.join__secondary{justify-self:center;min-height:44px;padding:.5rem 1rem;border:0;border-radius:999px;background:none;font-family:inherit;font-size:.95rem;font-weight:500;color:#1414149e;cursor:pointer;-webkit-tap-highlight-color:transparent}.join__secondary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media(hover:hover){.join__secondary:hover{color:var(--ink)}}@media(max-height:680px){.join__mark{width:44px;height:44px;margin-bottom:.75rem}.join__mark svg{width:22px;height:22px}.story--join .join__scroll{padding-top:.85rem}.story--join .join__line,.story--join .join__fine{margin-bottom:1rem}}@media(min-width:760px){.story--join{width:min(34rem,calc(100vw - 3rem));height:min(32rem,86svh);max-height:min(32rem,86svh);box-shadow:0 30px 80px -40px #14141499}.join__primary{width:auto;min-width:15rem;justify-self:center}}@media(max-width:759px){html.is-typing .story--join{inset:var(--vv-top, 0px) 0 auto 0;height:var(--vv-h, 100%);max-height:none;border-radius:0}html.is-typing .story--join .story__grabber{display:none}html.is-typing .story--join .join__foot{padding-bottom:.75rem}}@media(min-width:760px){html.is-typing .story--join{top:calc(var(--vv-top, 0px) + 12px);height:auto;max-height:calc(var(--vv-h, 100svh) - 24px);transform:translate3d(-50%,0,0)}}@media(max-height:500px){html.is-typing .story--join .join__bar,html.is-typing .story--join .join__line{display:none}html.is-typing .story--join .join__scroll{padding-top:.75rem;padding-bottom:.75rem;padding-right:calc(clamp(.9rem,2.5vw,1.35rem) + 52px)}html.is-typing .story--join .join__title{font-size:1.2rem;margin-bottom:.5rem}html.is-typing .story--join .join__foot{padding-top:.5rem;padding-bottom:.5rem}html.is-typing .story--join .join__primary{min-height:44px}}@media(prefers-reduced-motion:reduce){.join__step,.join__step[data-dir=back],.story--join .join__found{animation:join-fade .25s ease both}.story--join[data-located=finding] .join__mark:after{animation:none}.join-opt,.join__primary{transition:opacity .2s ease,box-shadow .2s ease}.join-opt:active,.join__primary:active{transform:none}.join-opt__tick{transition:opacity .2s ease;transform:none}}@keyframes join-fade{0%{opacity:0}}