@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@property --sh{syntax:"<angle>";inherits:true;initial-value:0deg}html:has(.join){background:#060a14}.join{--ground:#060a14;--paper:#fbf7f1;--muted:#fbf7f199;--c1:#060a14;--c2:#1b2638;--cg:#f4b860;--line:#fbf7f129;--sans:var(--font-switzer), -apple-system, "Helvetica Neue", Arial, sans-serif;--serif:var(--font-gambarino), Georgia, "Times New Roman", serif;--ease:cubic-bezier(.22, .61, .36, 1);--gut:35px;--field-w:280px;font:400 16px/1.5 var(--sans);color:var(--paper);-webkit-font-smoothing:antialiased;text-wrap:pretty;position:relative}.join img{max-width:100%}.join h1,.join h2,.join p{margin:0}.join:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(50% 30% at 50% 8%, color-mix(in oklab, var(--cg) 30%, transparent), transparent 72%), radial-gradient(70% 40% at 50% 22%, color-mix(in oklab, var(--cg) 16%, transparent), transparent 74%), linear-gradient(180deg, var(--c1) 0%, color-mix(in oklab, var(--c1) 45%, var(--c2)) 55%, var(--c2) 100%);position:absolute;inset:0}.join:after{content:"";z-index:0;pointer-events:none;mix-blend-mode:overlay;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.join .sheen{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.join .sheen:before{content:"";left:var(--sheen-x,50%);top:var(--sheen-y,140px);aspect-ratio:1;background:conic-gradient(from var(--sh), transparent 0deg, #fff4e242 48deg, transparent 116deg, transparent 166deg, #fff4e22e 218deg, transparent 274deg, transparent 360deg);mix-blend-mode:soft-light;filter:blur(38px);border-radius:50%;width:min(2400px,400vw);animation:38s linear infinite join-sheen;position:absolute;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#000 4%,#00000047 42%,#0000 78%);mask:radial-gradient(closest-side,#000 4%,#00000047 42%,#0000 78%)}@keyframes join-sheen{to{--sh:360deg}}@media (prefers-reduced-motion:reduce){.join .sheen:before{animation:none}}.join .blob{pointer-events:none;mix-blend-mode:screen;filter:blur(60px);will-change:transform;border-radius:50%;position:absolute}.join .blob--1{aspect-ratio:1;background:radial-gradient(circle,#f4b86033,#0000 68%);width:84vw;animation:46s ease-in-out infinite alternate join-drift1;top:-2%;left:-18%}.join .blob--2{aspect-ratio:1;background:radial-gradient(circle,#2e487673,#0000 68%);width:72vw;animation:61s ease-in-out infinite alternate join-drift2;top:12%;right:-20%}.join .blob--3{aspect-ratio:1;background:radial-gradient(circle,#e9a15c26,#0000 70%);width:96vw;animation:74s ease-in-out infinite alternate join-drift3;bottom:2%;left:-4%}.join .blob--4{aspect-ratio:1;background:radial-gradient(circle,#1c2a5480,#0000 68%);width:66vw;animation:53s ease-in-out infinite alternate join-drift4;bottom:28%;right:-8%}@keyframes join-drift1{to{transform:translate(16vw,9vh)scale(1.18)}}@keyframes join-drift2{to{transform:translate(-13vw,-8vh)scale(1.12)}}@keyframes join-drift3{to{transform:translate(11vw,-11vh)scale(.9)}}@keyframes join-drift4{to{transform:translate(-15vw,7vh)scale(1.22)}}@media (prefers-reduced-motion:reduce){.join .blob{animation:none}}.join .hero{z-index:1;padding:calc(176px + env(safe-area-inset-top)) var(--gut) 24px;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.join .hero__mark-wrap{z-index:1;width:30px;height:30px;margin-bottom:10px;display:inline-block;position:relative}.join .hero__mark-wrap:before,.join .hero__mark-wrap:after{content:"";z-index:2;pointer-events:none;animation:5.5s linear infinite join-mark-spin;position:absolute;inset:0;-webkit-mask:url(/join/mark.svg) 50%/contain no-repeat;mask:url(/join/mark.svg) 50%/contain no-repeat}.join .hero__mark-wrap:before{background:conic-gradient(from var(--ang), transparent 0deg 226deg, #ffffffd9 288deg, #fff 320deg, #ffffffd9 352deg, transparent 360deg)}.join .hero__mark-wrap:after{filter:blur(4px);opacity:.95;background:conic-gradient(from var(--ang), transparent 0deg 250deg, #fff 320deg, transparent 360deg)}@keyframes join-mark-spin{to{--ang:360deg}}@media (prefers-reduced-motion:reduce){.join .hero__mark-wrap:before,.join .hero__mark-wrap:after{animation:none}}.join .wheel{z-index:0;pointer-events:none;filter:drop-shadow(0 0 3px #0c0e148c);width:360px;height:360px;position:absolute;top:-248px;left:50%;transform:translate(-50%)}.join .wheel-circle{border:1px solid #ffffff9e;border-radius:50%;position:absolute;top:50%;left:50%}.join .wheel-circle--outer{width:460px;height:460px;margin:-230px 0 0 -230px}.join .wheel-circle--mid{width:322px;height:322px;margin:-161px 0 0 -161px}.join .wheel-circle--inner{width:184px;height:184px;margin:-92px 0 0 -92px}.join .ring{position:absolute;inset:0}.join .ring--outer{animation:150s linear infinite join-spin}.join .ring--inner{animation:105s linear infinite join-spin-rev;inset:78px}.join .ring__item{width:0;height:0;transform:rotate(calc(var(--i) * (360deg / var(--n)))) translateY(calc(-1 * var(--r)));position:absolute;top:50%;left:50%}.join .ring--outer .ring__item{--r:192px}.join .ring--inner .ring__item{--r:123px}.join .ring__glyph{width:22px;height:22px;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:#ffffff9e;position:absolute;top:-11px;left:-11px;rotate:180deg}.join .ring--inner .ring__glyph{width:18px;height:18px;top:-9px;left:-9px}.join .ring__spoke{width:1px;height:69px;transform:rotate(calc((var(--i) + .5) * (360deg / var(--n)))) translateY(calc(-1 * var(--rmid)));background:#ffffff9e;margin:-34.5px 0 0 -.5px;position:absolute;top:50%;left:50%}.join .ring--outer .ring__spoke{--rmid:196px}.join .ring--inner .ring__spoke{--rmid:127px}@keyframes join-spin{to{transform:rotate(360deg)}}@keyframes join-spin-rev{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.join .ring,.join .ring__glyph{animation:none}}.join .hero__mark{filter:invert();opacity:.5;width:30px;height:auto;margin:0;display:block;position:relative}.join .hero__heading{z-index:1;position:relative}.join .hero__title{z-index:1;font-family:var(--serif);letter-spacing:-.01em;text-wrap:wrap;font-size:clamp(40px,11vw,58px);font-weight:400;line-height:1.02;position:relative}.join .hero__lede{z-index:1;color:var(--muted);margin:16px 0 0;font-size:17px;line-height:1.4;position:relative}.join .steps{z-index:1;padding:22px var(--gut) 8px;position:relative}.join .steps__label{color:var(--paper);text-align:center;margin-bottom:10px;font-size:16px;font-weight:600;line-height:1.5}.join .step{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;max-width:420px;margin:0 auto;padding:26px 0;display:flex}.join .step>div{width:100%}.join .step:first-of-type{border-top:0;padding-top:0}.join .step:last-of-type{border-bottom:0;padding-bottom:8px}.join .step__title{max-width:24ch;font-family:var(--serif);letter-spacing:-.005em;text-wrap:wrap;font-size:clamp(25px,6.6vw,29px);font-weight:400;line-height:1.12}.join .step__text{color:var(--muted);max-width:36ch;margin-top:8px;font-size:16px;line-height:1.5}.join .stores{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:18px;display:flex}.join .store{--ico:27px;width:180px;height:56px;color:var(--paper);transition:background .25s var(--ease), border-color .25s var(--ease);border:1px solid #fbf7f157;border-radius:9px;justify-content:flex-start;align-items:center;gap:10px;padding:0 14px;text-decoration:none;display:inline-flex}.join .store:hover{background:#fbf7f114;border-color:#fbf7f180}.join .store svg{width:var(--ico);height:var(--ico);flex:none}.join .store span{text-align:left;font:500 18px/1.06 var(--sans);letter-spacing:-.015em;display:block}.join .store small{letter-spacing:.01em;color:var(--paper);font-size:9.5px;font-weight:400;line-height:1.25;display:block}.join .store--play small{text-transform:uppercase;letter-spacing:.07em;font-size:9px}.join .invite-code{width:100%;max-width:var(--field-w);border:1px solid #fbf7f14d;border-radius:14px;min-inline-size:0;margin:18px auto 0;padding:2px 18px 6px}.join .invite-code__label{float:none;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-inline:auto;padding:0 10px;font-size:10.5px;font-weight:600}.join .invite-code__row{grid-template-columns:28px 1fr 28px;align-items:center;display:grid}.join .invite-code__value{font-family:var(--serif);letter-spacing:.12em;color:var(--paper);grid-column:2;justify-self:center;font-size:clamp(20px,5.5vw,23px);font-weight:400}.join .invite-code__copy{appearance:none;width:28px;height:28px;color:var(--paper);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:8px;grid-column:3;justify-self:end;place-items:center;padding:0;display:grid}.join .invite-code__copy:hover{background:#fbf7f114}.join .invite-code__copy svg{width:14px;height:14px}.join .invite-code.is-copied .invite-code__copy{color:#c9d9a8}.join .foot{z-index:1;color:var(--muted);padding:30px var(--gut) calc(26px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex;position:relative}.join .foot__row{align-items:center;gap:8px;display:flex}.join .foot__row--contact{flex-direction:row-reverse;order:-1;justify-content:space-between}.join .foot__mark{opacity:.5;filter:invert();width:15px;height:auto;margin:0}.join .foot__legal{letter-spacing:.02em;font-size:10px}.join .foot__help{letter-spacing:.02em;margin:0;font-size:10px}.join .foot__help a{color:var(--paper);transition:border-color .25s var(--ease);border-bottom:1px solid #fbf7f159;padding-bottom:1px;text-decoration:none}.join .foot__help a:hover{border-bottom-color:var(--paper)}@media (min-width:600px){.join .hero{padding-top:calc(188px + env(safe-area-inset-top))}.join .hero__lede{max-width:42ch;font-size:17px;line-height:1.55}.join .steps{padding-top:72px}}@media (min-width:900px){.join .layout{align-items:stretch;min-height:calc(100vh - 73px);display:flex}.join .hero{flex:0 0 44%;justify-content:center;padding-top:0;padding-bottom:0;position:sticky;top:0}.join .content{flex-direction:column;flex:1;justify-content:center;min-width:0;padding-top:73px;display:flex}.join .steps{padding-top:0;padding-bottom:0}.join .steps__label{margin-bottom:clamp(8px,1.6vh,16px)}.join .step{padding:clamp(12px,2.4vh,26px) 0}.join .step:last-of-type{padding-bottom:clamp(12px,2.4vh,26px)}.join .step--final{border-top:0;max-width:560px;position:relative}.join .step--final:before{content:"";background:var(--line);width:420px;height:1px;position:absolute;top:0;left:0}.join .step--final .step__title{max-width:34ch}.join .invite-code{margin-top:clamp(10px,1.6vh,18px)}.join .stores{margin-top:clamp(10px,1.6vh,16px)}.join .hero__break{display:none}.join .hero{text-align:left;align-items:flex-start;padding-left:clamp(40px,5vw,88px)}.join .wheel{left:34%}.join .steps__label{text-align:left;padding-left:clamp(40px,4vw,72px)}.join .step{text-align:left;align-items:flex-start;margin:0 0 0 clamp(40px,4vw,72px)}.join .stores{flex-direction:row;justify-content:flex-start;align-items:flex-start}.join .store{--ico:23px;gap:9px;width:152px;height:47px;padding:0 12px}.join .store span{font-size:15px}.join .store small{font-size:8.5px}.join .invite-code{margin-left:0;margin-right:0}.join .invite-code__label{margin-inline:0 auto}.join .foot{flex-direction:row;align-items:center;gap:8px;padding-left:clamp(40px,5vw,88px)}.join .foot__row--contact{flex-direction:row;gap:18px}.join .foot__row--legal{margin-left:auto}}@media (prefers-reduced-motion:reduce){.join *{transition:none!important}}