.join-page{--join-paper:#e8eff3;--join-ink:#294b6b;background:var(--surface);min-height:100dvh;color:var(--text);flex-direction:column;gap:28px;padding:24px 40px 20px;display:flex}.join-page a{color:inherit}.join-header,.join-footer{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1376px;margin-inline:auto;display:flex}.join-brand{text-decoration:none;display:inline-flex}.join-header-actions{align-items:center;gap:24px;display:flex}.join-header-actions>a{color:var(--muted);align-items:center;gap:12px;font-size:13px;text-decoration:none;display:flex}.join-header-actions>a:hover{color:var(--accent)}.join-header .theme-toggle{background:0 0;border-color:#0000}.join-skip{z-index:10;background:var(--surface-raised);padding:12px 16px;position:fixed;top:12px;left:24px;transform:translateY(-150%)}.join-skip:focus{transform:none}.join-layout{background:var(--surface-raised);border:1px solid var(--line);border-radius:24px;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);width:100%;max-width:1376px;margin:auto;display:grid;overflow:hidden;box-shadow:0 16px 60px #294b6b08}.join-story{isolation:isolate;background:var(--join-paper);flex-direction:column;min-width:0;padding:42px 44px 28px;display:flex;position:relative;overflow:hidden}.join-story:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#6f8ba30b 1px,#0000 1px),linear-gradient(90deg,#6f8ba30b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.join-story-copy{z-index:1;position:relative}.join-eyebrow{letter-spacing:.13em;color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:650;line-height:16px;display:flex}.join-eyebrow i{background:var(--join-ink);width:6px;height:6px;box-shadow:3px -3px 0 color-mix(in srgb,var(--join-ink) 25%,transparent)}.join-story h1{letter-spacing:-.055em;text-wrap:balance;color:var(--text);margin:22px 0 18px;font-size:clamp(38px,4vw,56px);font-weight:600;line-height:1.08}.join-story h1 em{color:var(--join-ink);font-style:normal}.join-story-copy>p{max-width:365px;color:var(--muted);text-wrap:pretty;font-size:14px;line-height:23px}.join-office-vignette{flex:1;height:266px;min-height:240px;max-height:340px;margin:28px -8px 22px;position:relative}.join-office-frame{border:6px solid var(--surface-raised);box-shadow:12px 15px 0 color-mix(in srgb,var(--join-ink) 8%,transparent),0 18px 26px #294b6b1c;background:#e7eef2;border-radius:9px;position:absolute;inset:0 14px 23px 0;overflow:hidden;transform:rotate(-3deg)}.join-office-frame>img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;image-rendering:pixelated;display:block}.join-office-frame>span{color:#3c526a;letter-spacing:.1em;background:#f8fafcf0;justify-content:space-between;padding:8px 10px;font-size:8px;font-weight:600;line-height:12px;display:flex;position:absolute;top:0;left:0;right:0}.join-office-frame b{font-variant-numeric:tabular-nums;font-weight:500}.join-welcome-note{background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;max-width:100%;padding:12px 18px 12px 10px;display:flex;position:absolute;bottom:18px;right:-2px;transform:rotate(2deg);box-shadow:0 12px 32px #294b6b1b}.join-welcome-note>img{object-fit:contain;width:46px;height:62px;image-rendering:pixelated;transform-origin:bottom;animation:3.6s ease-in-out infinite join-colleague-breathe}.join-welcome-note div>span{color:var(--muted);font-size:10px;font-weight:600;line-height:16px}.join-welcome-note p{margin-top:3px;font-size:13px;font-weight:550;line-height:20px}.join-welcome-note>i{color:var(--accent);align-self:flex-start;margin-left:5px;font-style:normal}.join-vignette-caption{color:var(--muted);letter-spacing:.02em;font-size:9px;line-height:14px;position:absolute;bottom:-1px;left:8px}.join-story-bottom{border-top:1px solid color-mix(in srgb,var(--join-ink) 15%,transparent);margin-top:auto;padding-top:20px}.join-team-proof{align-items:center;gap:16px;display:flex}.join-portrait-stack{flex:none;padding-left:6px;display:flex}.join-portrait-stack img{background:var(--surface-raised);border:2px solid var(--join-paper);object-fit:contain;width:40px;height:48px;image-rendering:pixelated;border-radius:9px;margin-left:-7px}.join-team-proof p{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;line-height:17px;display:flex}.join-team-proof strong{color:var(--text);font-size:12px;font-weight:650}.join-demo{align-items:center;gap:20px;margin-top:19px;font-size:12px;font-weight:600;line-height:20px;text-decoration:none;display:inline-flex}.join-demo span{transition:transform .18s}.join-demo:hover span{transform:translate(3px,-3px)}.join-card{place-self:center;width:100%;min-width:0;max-width:492px;padding:48px 44px 40px}.join-entry-icon{border:1px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--accent);box-shadow:0 3px 0 var(--surface-soft);border-radius:13px;place-items:center;margin-bottom:25px;display:grid}.join-entry-icon svg{width:28px;height:28px}.join-card-intro .join-eyebrow{letter-spacing:.14em;font-size:10px}.join-card-intro h2{letter-spacing:-.045em;text-wrap:balance;margin:12px 0 16px;font-size:38px;font-weight:600;line-height:1.12}.join-card-intro>p{color:var(--muted);text-wrap:pretty;font-size:13px;line-height:21px}.join-auth-steps{color:var(--muted);align-items:center;gap:12px;margin:30px 0 22px;padding:0;font-size:10px;line-height:18px;list-style:none;display:flex}.join-auth-steps li{white-space:nowrap;align-items:center;gap:7px;display:flex}.join-auth-steps li>span{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-size:9px;display:grid}.join-auth-steps li:first-child{color:var(--accent);font-weight:650}.join-auth-steps li:first-child>span{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.join-auth-steps .join-step-line{background:var(--line);flex:1;max-width:42px;height:1px}.join-auth-flow:has(input[autocomplete=one-time-code]) .join-auth-steps li:first-child{color:var(--muted);font-weight:400}.join-auth-flow:has(input[autocomplete=one-time-code]) .join-auth-steps li:first-child>span{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}.join-auth-flow:has(input[autocomplete=one-time-code]) .join-auth-steps li:last-child{color:var(--accent);font-weight:650}.join-auth-flow:has(input[autocomplete=one-time-code]) .join-auth-steps li:last-child>span{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.join-card .neon-login{gap:14px;margin:0}.join-card .neon-login>p:first-of-type{display:none}.join-card .neon-login>p:last-of-type{color:var(--muted);font-size:11px;line-height:18px}.join-card .neon-login form{gap:14px;margin:0}.join-card .neon-login label{gap:8px;font-size:12px;font-weight:600;line-height:18px}.join-card .neon-login input{background:var(--surface);border:1px solid var(--line);min-height:50px;color:var(--text);border-radius:8px;padding:13px 15px;font-size:15px;line-height:22px;transition:border-color .18s,box-shadow .18s}.join-card .neon-login input::placeholder{color:var(--muted);opacity:.75}.join-card .neon-login input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.join-card .neon-login input[autocomplete=one-time-code]{letter-spacing:.32em;font-variant-numeric:tabular-nums;font-size:23px}.join-card .neon-login [role=status]{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:20px}.join-card .neon-login [role=status] strong{color:var(--text)}.join-card button,.join-primary{border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:10px 14px;font-size:13px;font-weight:600;line-height:20px;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:flex}.join-card button.primary,.join-card .join-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid #0000}.join-card button.primary:not(:disabled):hover,.join-primary:hover{filter:brightness(1.08);box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 23%,transparent)}.join-card button:not(:disabled):active,.join-primary:active{transform:translateY(1px)}.join-card button:disabled{box-shadow:none}.join-card .neon-login button[type=button]{min-height:36px;color:var(--muted);background:0 0;border-color:#0000;padding:4px}.join-card .neon-login button[type=button]:hover:not(:disabled){color:var(--accent);background:var(--surface-soft)}.join-card .neon-login .error,.join-card .error{color:var(--danger);background:var(--danger-surface);border-left:2px solid var(--danger);border-radius:4px;padding:10px 12px;font-size:12px;line-height:20px}.join-private-note{color:var(--muted);align-items:center;gap:7px;margin-top:20px;font-size:10px;line-height:16px;display:flex}.join-private-note svg{flex:none;width:16px;height:16px}.join-terms{color:var(--muted);border-top:1px solid var(--line);text-wrap:pretty;margin-top:24px;padding-top:20px;font-size:10px;line-height:17px}.join-terms a{color:var(--text);text-underline-offset:3px}.join-loading{gap:12px;margin:32px 0;display:grid}.join-loading span{background:var(--surface-soft);border-radius:7px;min-height:24px;animation:1.6s ease-in-out infinite join-loading-pulse;display:block}.join-loading span:nth-child(2){min-height:48px}.join-loading span:first-child{max-width:40%}.join-loading p{color:var(--muted);font-size:13px;line-height:20px}.join-returning{text-align:center;flex-direction:column;align-items:stretch;gap:14px;margin:26px 0;display:flex}.join-returning>img{width:72px;height:80px;image-rendering:pixelated;object-fit:contain;background:var(--surface-soft);border-radius:16px;align-self:center;padding:4px}.join-returning>h3{font-size:18px;font-weight:600;line-height:26px}.join-returning>p{overflow-wrap:anywhere;color:var(--muted);font-size:12px;line-height:20px}.join-returning>button{color:var(--muted);background:0 0;border-color:#0000;min-height:36px}.join-unavailable{flex-direction:column;gap:16px;margin:28px 0;font-size:13px;line-height:21px;display:flex}.join-unavailable h3{font-size:18px;font-weight:600;line-height:26px}.join-footer{color:var(--muted);margin-top:auto;font-size:10px;line-height:16px}.join-page :focus-visible{outline:3px solid var(--focus);outline-offset:4px}[data-theme=dark] .join-page{--join-paper:#242d35;--join-ink:#a4c9ed}[data-theme=dark] .join-office-frame{border-color:#4b5864;box-shadow:12px 15px #1118,0 18px 26px #10171e40}[data-theme=dark] .join-office-frame>img{filter:brightness(.7)saturate(.75)}[data-theme=dark] .join-office-frame>span{color:#d9e4ef;background:#24313def}[data-theme=dark] .join-welcome-note{box-shadow:0 12px 32px #0d131c42}@keyframes join-colleague-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.035)}}@keyframes join-loading-pulse{0%,to{opacity:.6}50%{opacity:1}}@media (min-width:1440px){.join-page{gap:32px;padding-block:32px 24px}.join-story{padding:48px 56px 32px}.join-office-vignette{height:290px;margin-top:34px}.join-card{padding-block:56px}}@media (max-width:1100px){.join-page{gap:22px;padding:20px 24px}.join-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.join-story{padding:32px 28px 24px}.join-story h1{font-size:42px}.join-card{padding:36px 30px}.join-team-proof{gap:10px}.join-team-proof p{font-size:10px}.join-portrait-stack img{width:34px;height:43px}.join-office-vignette{min-height:224px}.join-welcome-note{padding-right:12px}.join-welcome-note p{font-size:12px}}@media (max-width:760px){.join-page{gap:20px;padding:16px}.join-header-actions{gap:8px}.join-header-actions>a{display:none}.join-layout{border-radius:18px;flex-direction:column;max-width:480px;display:flex}.join-card{order:0;max-width:none;padding:28px 28px 30px}.join-entry-icon{border-radius:11px;width:40px;height:40px;margin-bottom:22px}.join-entry-icon svg{width:24px;height:24px}.join-card-intro h2{margin-top:12px;font-size:35px;line-height:1.13}.join-card-intro h2 br{display:none}.join-card-intro>p{font-size:12px;line-height:20px}.join-card-intro>p br{display:none}.join-auth-steps{margin-top:24px}.join-card .neon-login input{font-size:16px}.join-story{order:1;gap:0;padding:28px}.join-story h1{margin-block:16px;font-size:36px}.join-story-copy>p{font-size:13px;line-height:21px}.join-office-vignette{height:238px;min-height:238px;margin-top:25px;margin-bottom:20px}.join-story-bottom{padding-top:18px}.join-team-proof strong{font-size:11px}.join-team-proof p{font-size:10px}.join-demo{margin-top:16px}.join-footer{align-items:flex-start;gap:12px;max-width:480px;font-size:9px}.join-footer>span:last-child{text-align:right;max-width:130px}.join-terms{margin-top:22px}.join-returning{margin-block:22px}}@media (max-width:360px){.join-page{padding:12px}.join-card,.join-story{padding:24px 20px}.join-card-intro h2{font-size:32px}.join-welcome-note{gap:6px;right:-6px}.join-welcome-note p{font-size:11px}.join-portrait-stack img{width:30px}}@media (prefers-reduced-motion:reduce){.join-page *,.join-page :before,.join-page :after{transition:none!important;animation:none!important}.join-demo:hover span,.join-card button:active,.join-primary:active{transform:none}}