:root{--canvas:#f9f9f7;--surface:#fff;--surface-card:#f4f1ea;--surface-wash:#f4f1ea;--ink:#1c1c21;--body:#3d3d3a;--body-strong:#1c1c21;--muted:#666661;--muted-soft:#8e8b82;--hairline:#1c1c2114;--hairline-soft:#ebe6df;--primary:#ff5900;--primary-active:#e04e00;--on-primary:#fff;--accent-text:#b33e00;--on-accent:#1c1c21;--surface-dark:#1c1c21;--surface-dark-elevated:#10100f;--on-dark:#faf9f3;--on-dark-soft:#a09d96;--on-dark-orange:#ff6a1a;--on-dark-green:#2fbe8c;--accent-amber:#e8a55a;--success:#1d7d5f;--error:#ff3b30;--going:#0b8a5f;--going-strong:#087a53;--going-fill:#087a53;--going-soft:#0b8a5f1f;--maybe:#aa8737;--maybe-strong:#8a6b20;--maybe-soft:#aa873724;--interested:#3764a5;--interested-soft:#3764a51f;--declined:#c83c3c;--declined-soft:#c83c3c1f;--label:#141413b3;--text-tertiary:#333;--field-background:#1c1c2108;--field-focus-fill:#1c1c2114;--field-focus-border:#1c1c211a;--control-disabled-fill:#1c1c210f;--control-disabled-ink:#1c1c2152;--bubble-background:#f4f1ea;--message-sent-background:#1c1c21;--message-sent-text:#faf9f3;--message-received-background:#efefec;--message-received-text:#1c1c21;--chip-background:#fff0;--chip-selected-background:#1c1c21;--card-warm:#ffe8d6;--card-warm-deep:#ffdcc4;--accent-blue:#566eff;--accent-blue-text:#4054c8;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:18px;--r-cover:24px;--r-pill:9999px;--message-bubble-radius:18px;--message-bubble-tail-radius:4px;--radius-form:16px;--radius-container:20px;--radius-card:24px;--space-xs:4px;--space-sm:8px;--space-compact:12px;--space-md:16px;--space-card-inset:20px;--message-bubble-padding-horizontal:14px;--message-bubble-padding-vertical:10px;--shadow-soft:0 22px 60px #3a28161a;--shadow-tight:0 1px 2px #3a28160d, 0 4px 14px #3a28160f;--shadow-lift:0 2px 4px #3a28160f, 0 10px 28px #3a28161a}@media (prefers-color-scheme:dark){:root{--canvas:#060608;--surface:#10100f;--surface-card:#10100f;--surface-wash:#10100f;--ink:#faf9f3;--body:#cfcec9;--body-strong:#faf9f3;--muted:#999;--muted-soft:#7a7a7a;--hairline:#ffffff1a;--hairline-soft:#ffffff14;--primary-active:#ff6a1a;--accent-text:#ff6a1a;--on-accent:#1c1c21;--on-dark:#faf9f3;--success:#3fbf90;--error:#ff453a;--going:#10a473;--going-strong:#3fbf90;--going-fill:#087a53;--going-soft:#10a4732e;--maybe:#eec88c;--maybe-strong:#eec88c;--maybe-soft:#cb9a4a33;--interested:#8cafe1;--interested-soft:#5a8fd633;--declined:#ff6b6b;--declined-soft:#e0646433;--label:#faf9f38c;--text-tertiary:#6b6b6b;--field-background:#ffffff0d;--field-focus-fill:#faf9f31a;--field-focus-border:#faf9f31f;--control-disabled-fill:#ffffff0f;--control-disabled-ink:#ffffff52;--bubble-background:#101013;--message-sent-background:#f4f1ea;--message-sent-text:#1c1c21;--message-received-background:#282725;--message-received-text:#faf9f3;--chip-background:#fff0;--chip-selected-background:#f4f1ea;--card-warm:#332618;--card-warm-deep:#382819;--accent-blue:#82b4ff;--accent-blue-text:#82b4ff}}
:root{--font-display:ui-serif, "New York", "Iowan Old Style", Palatino, Georgia, serif;--font-body:-apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif-text:ui-serif, "New York", "Iowan Old Style", Georgia, serif;--font-grotesk:-apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.42, .5, 1);--motion-stagger:40ms;--motion-duration-micro:80ms;--motion-duration-quick:.15s;--motion-duration-standard:.25s;--motion-duration-panel:.35s;--motion-duration-reveal:.5s;--motion-duration-hero:.7s;--motion-ease-out:var(--ease-out);--motion-ease-in-out:cubic-bezier(.65, 0, .35, 1);--motion-ease-pop:cubic-bezier(.34, 1.56, .64, 1);--motion-distance-xs:4px;--motion-distance-sm:8px;--motion-distance-md:12px;--motion-distance-lg:18px;--motion-blur-sm:2px;--motion-blur-md:3px;--motion-blur-lg:8px;--focus-stroke:var(--body-strong);--max-page:1200px;--max-prose:720px;--gutter:clamp(20px, 4vw, 48px);--z-nav:100;--z-sheet:200;--z-popover:250;--z-toast:300;--grain-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='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.home-editorial{color:var(--ink)}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--body);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.55;overflow-x:clip}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}::selection{background:color-mix(in srgb, var(--primary) 22%, transparent)}:focus-visible{outline:2px solid var(--focus-stroke);outline-offset:2px;border-radius:4px}.display-hero,.display-xl,.display-lg,.display-md,.display-sm{font-family:var(--font-display);color:var(--ink);text-wrap:balance;margin:0;font-weight:420}.display-hero{letter-spacing:-.022em;font-size:clamp(44px,8.4vw,104px);font-weight:400;line-height:1.02}.display-xl{letter-spacing:-.018em;font-size:clamp(38px,5vw,64px);line-height:1.06}.display-lg{letter-spacing:-.014em;font-size:clamp(32px,3.8vw,46px);line-height:1.1}.display-md{letter-spacing:-.5px;font-size:clamp(28px,3vw,38px);line-height:1.14}.display-sm{letter-spacing:-.3px;font-size:clamp(24px,2.4vw,30px);line-height:1.2}.display-hero em,.display-xl em,.display-lg em,.display-md em,.display-sm em{font-style:italic}.atelier-hero,.atelier-xl,.atelier-lg,.atelier-md{font-family:var(--font-grotesk);color:var(--ink);text-wrap:balance;margin:0;font-weight:460}.atelier-hero{letter-spacing:-.021em;font-size:clamp(46px,7.6vw,108px);line-height:1}.atelier-xl{letter-spacing:-.017em;font-size:clamp(36px,4.6vw,68px);line-height:1.04}.atelier-lg{letter-spacing:-.013em;font-size:clamp(28px,3.2vw,44px);line-height:1.08}.atelier-md{letter-spacing:-.009em;font-size:clamp(22px,2.2vw,28px);line-height:1.2}.title{font-family:var(--font-body);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:19px;font-weight:600;line-height:1.3}.lead{color:var(--body);text-wrap:pretty;max-width:56ch;margin:0;font-size:clamp(17px,1.6vw,20px);line-height:1.6}.caption{color:var(--muted);font-size:13px;line-height:1.5}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow,.caption-up{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.eyebrow--rule:before{content:"";background:var(--primary);width:16px;height:1px}.eyebrow--accent,.caption-up--accent{color:var(--accent-text)}.eyebrow__index{color:var(--accent-text);font-variant-numeric:tabular-nums}.prose{max-width:var(--max-prose)}.prose p{text-wrap:pretty;margin:0 0 1.1em}.container{width:100%;max-width:calc(var(--max-page) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(72px,11vw,168px)}.section--flush{padding-block:0}.hairline-top{border-top:1px solid var(--hairline)}.hairline-bottom{border-bottom:1px solid var(--hairline)}.cinema{--focus-stroke:var(--on-dark);background:var(--surface-dark);color:var(--on-dark-soft)}.cinema .display-hero,.cinema .display-xl,.cinema .display-lg,.cinema .display-md,.cinema .display-sm,.cinema .title{color:var(--on-dark)}.cinema .lead,.cinema .eyebrow,.cinema .caption-up{color:var(--on-dark-soft)}.tap-target{position:relative}.tap-target:after{content:"";width:100%;height:100%;min-width:var(--tap-target-min,44px);min-height:var(--tap-target-min,44px);position:absolute;top:50%;left:50%;translate:-50% -50%}.grain{isolation:isolate;position:relative}.grain:after{content:"";z-index:1;background-image:var(--grain-image);opacity:.035;pointer-events:none;mix-blend-mode:multiply;background-size:160px 160px;position:absolute;inset:0}.cinema.grain:after,.grain--dark:after{opacity:.06;mix-blend-mode:screen}.btn{--btn-h:48px;height:var(--btn-h);border-radius:var(--r-pill);font-family:var(--font-body);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-duration-quick) var(--motion-ease-out), color var(--motion-duration-quick) var(--motion-ease-out), border-color var(--motion-duration-quick) var(--motion-ease-out), box-shadow var(--motion-duration-standard) var(--motion-ease-out), transform var(--motion-duration-quick) var(--motion-ease-out);border:0;justify-content:center;align-items:center;gap:8px;padding-inline:24px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn:active{transform:scale(.98)}.btn--sm{--btn-h:44px;padding-inline:18px;font-size:14px}.btn--primary{background:var(--primary);color:var(--on-accent)}.btn--primary:hover{background:color-mix(in srgb, var(--primary) 88%, var(--surface));box-shadow:0 6px 20px color-mix(in srgb, var(--primary) 32%, transparent);transform:translateY(-1px)}.btn--primary:hover:active{transform:translateY(-1px)scale(.98)}.btn--ink{background:var(--ink);color:var(--canvas)}.btn--ink:hover{background:color-mix(in srgb, var(--ink) 86%, var(--canvas));box-shadow:var(--shadow-lift);transform:translateY(-1px)}.cinema .btn--ink{background:var(--on-dark);color:var(--surface-dark)}.btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline);background:0 0}.btn--ghost:hover{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-tight)}.btn--destructive{background:var(--declined-soft);color:var(--declined);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--declined) 22%, transparent)}.btn--destructive:hover{background:color-mix(in srgb, var(--declined) 18%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--declined) 36%, transparent)}.cinema .btn--ghost{color:var(--on-dark);box-shadow:inset 0 0 0 1px #faf9f538}.cinema .btn--ghost:hover{background:#faf9f514;box-shadow:inset 0 0 0 1px #faf9f557}.btn--quiet{min-height:44px;color:var(--ink);background:0 0;border-radius:4px;gap:6px;padding:2px 4px}.btn--quiet .btn__arrow{transition:transform var(--motion-duration-quick) var(--motion-ease-out)}.btn--quiet:hover .btn__arrow{transform:translate(3px)}.btn--quiet:active{transform:none}.btn[aria-busy=true]{pointer-events:none;opacity:.75}.btn:disabled{cursor:default;opacity:.45;box-shadow:none;transform:none}[data-reveal]{opacity:0;transform:translateY(var(--motion-distance-lg));filter:blur(var(--motion-blur-md));transition:opacity var(--motion-duration-hero) var(--motion-ease-out), transform var(--motion-duration-hero) var(--motion-ease-out), filter var(--motion-duration-hero) var(--motion-ease-out);transition-delay:var(--reveal-delay,0s)}[data-reveal=in],html:not([data-js=true]) [data-reveal]{opacity:1;filter:none;transform:none}@keyframes glyph-in{0%{opacity:0;filter:blur(10px);transform:scale(.82)}60%{filter:blur()}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes wipe-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes joyn-text-reveal{0%{opacity:0;transform:translateY(var(--motion-distance-md));filter:blur(var(--motion-blur-md))}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes joyn-state-swap-in{0%{opacity:0;transform:translateY(var(--motion-distance-xs));filter:blur(var(--motion-blur-sm))}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes joyn-icon-swap-in{0%{opacity:0;transform:translateY(var(--motion-distance-sm)) scale(.72)}68%{opacity:1;transform:translateY(-1px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes joyn-rise{0%{opacity:0;transform:translateY(var(--motion-distance-lg))}to{opacity:1;transform:translateY(0)}}@keyframes joyn-fade{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){[data-drift]{animation:linear both atelier-drift;animation-timeline:view()}[data-settle]{animation:atelier-settle var(--motion-ease-out) both;animation-timeline:view();animation-range:entry 5% cover 42%}}}@keyframes atelier-drift{0%{transform:translateY(var(--drift,32px))}to{transform:translateY(calc(-1 * var(--drift,32px)))}}@keyframes atelier-settle{0%{opacity:0;transform:translateY(72px) rotate(var(--settle-tilt,0deg))}to{opacity:1;transform:none}}@supports (scrollbar-width:thin){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink) 18%, transparent) transparent}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;filter:none;transition:none;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:2px;font-size:24px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.joyn-mark{flex:none;display:block;position:relative}.joyn-mark__image{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.joyn-mark__image--dark{display:none}.wordmark--surface-dark,.cinema .wordmark{color:var(--on-dark)}.joyn-mark--surface-dark .joyn-mark__image--light{display:none}.joyn-mark--surface-dark .joyn-mark__image--dark{display:block}.cinema .joyn-mark--surface-adaptive .joyn-mark__image--light{display:none}.cinema .joyn-mark--surface-adaptive .joyn-mark__image--dark{display:block}@media (prefers-color-scheme:dark){.joyn-mark--surface-adaptive .joyn-mark__image--light{display:none}.joyn-mark--surface-adaptive .joyn-mark__image--dark{display:block}}.grain-field{pointer-events:none;position:absolute;inset:0;overflow:hidden}.grain-field--paper{background:radial-gradient(72% 58% at 18% 16%, var(--card-warm) 0%, transparent 62%), radial-gradient(60% 52% at 84% 30%, color-mix(in srgb, var(--accent-amber) 26%, transparent) 0%, transparent 64%), radial-gradient(80% 70% at 50% 96%, var(--surface-wash) 0%, transparent 70%), var(--canvas)}.grain-field--cinema{background:radial-gradient(70% 60% at 22% 20%, color-mix(in srgb, var(--primary) 12%, transparent) 0%, transparent 60%), radial-gradient(56% 48% at 80% 78%, color-mix(in srgb, var(--accent-amber) 14%, transparent) 0%, transparent 62%), var(--surface-dark)}.grain-field canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--motion-ease-out);position:absolute;inset:0}.grain-field canvas[data-live=true]{opacity:1}@media (prefers-reduced-motion:reduce){.grain-field canvas{display:none}}
.auth-page{flex-direction:column;min-height:100svh;display:flex}.auth-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:100%;max-width:440px;margin:0 auto;padding:56px 24px 64px;display:flex}.auth-card__brand{align-items:center;gap:12px;margin-bottom:4px;display:inline-flex}.auth-card__brand img{object-fit:contain;width:76px;height:76px}.auth-card__brand span{font-family:var(--font-display);letter-spacing:-.5px;color:var(--ink);font-size:46px;font-weight:400}.auth-card__headline{max-width:16ch}.auth-card__subtitle{max-width:38ch;color:var(--body);margin:0;font-size:15px;line-height:1.55}.auth-card__subtitle strong{color:var(--ink);font-weight:600}.auth-card__actions{gap:14px;width:100%;margin-top:6px;display:grid}.auth-card__actions form{gap:14px;display:grid}.auth-card__message{color:var(--body);margin:0;font-size:14px;line-height:1.45}.auth-card__message[data-tone=error]{color:#b3261e}.auth-card__note{max-width:34ch;color:var(--body);text-align:center;margin:0 auto;font-size:15px;line-height:1.55}.auth-card__apple{border-radius:var(--r-pill);color:#fff;width:100%;height:48px;font-family:var(--font-body);cursor:pointer;background:#000;border:0;justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:500;transition:background-color .12s,transform .12s;display:inline-flex}.auth-card__apple:active{transform:scale(.99)}@media (prefers-color-scheme:dark){.auth-card__apple{color:#000;background:#fff}}.auth-card__divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.auth-card__divider span{background:var(--hairline);height:1px}.auth-card__divider small{color:var(--muted);letter-spacing:1px;font-size:12px;font-weight:500}.auth-card__capsule{border-radius:var(--r-pill);background:var(--field-background);height:56px;transition:background-color var(--motion-duration-quick) var(--motion-ease-out), border-color var(--motion-duration-quick) var(--motion-ease-out);border:1px solid #0000;grid-template-columns:minmax(0,1fr) 28px;align-items:center;padding:4px 8px 4px 24px;display:grid}.auth-card__capsule:focus-within{border-color:var(--field-focus-border);background:var(--field-focus-fill)}.auth-card__capsule input{min-width:0;font-family:var(--font-body);color:var(--ink);background:0 0;border:0;outline:none;font-size:15px}.auth-card__capsule input::placeholder,.auth-card__field input::placeholder{color:var(--muted-soft)}.auth-card__otp{text-align:left;gap:18px;width:100%;display:grid}.auth-card__back{color:var(--body);justify-self:start;align-items:center;gap:6px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.auth-card__back:hover{color:var(--primary)}.auth-card__otp-form{gap:14px}.auth-card__otp-field{gap:8px;display:grid}.auth-card__otp-cells{cursor:text;position:relative}.auth-card__otp-input{z-index:1;color:#0000;caret-color:#0000;opacity:.02;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.auth-card__otp-input:focus{outline:none}.auth-card__otp-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.auth-card__otp-cell{border-radius:var(--radius-form);background:var(--field-background);min-width:0;height:56px;color:var(--ink);font-family:var(--font-display);transition:background-color var(--motion-duration-quick) var(--motion-ease-out), border-color var(--motion-duration-quick) var(--motion-ease-out);border:1px solid #0000;place-items:center;font-size:22px;font-weight:600;line-height:1;display:grid}.auth-card__otp-cell[data-active=true]{border-color:var(--field-focus-border);background:var(--field-focus-fill)}.auth-card__otp-cells[data-error=true] .auth-card__otp-slots{animation:.35s linear both auth-code-shake}.auth-card__otp-cells[data-error=true] .auth-card__otp-cell{border-color:var(--error)}.auth-card__otp-secondary{min-height:22px}.auth-card__otp-secondary .auth-card__message{margin:0}.auth-card__resend{color:var(--primary);font:inherit;background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.auth-card__resend:disabled{color:var(--muted);cursor:default}@keyframes auth-code-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-card__form{text-align:left;gap:16px;width:100%;display:grid}.auth-card__field{gap:6px;display:grid}.auth-card__field label{letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.auth-card__field input{border-radius:var(--r-pill);background:var(--field-background);width:100%;height:56px;color:var(--ink);font-family:var(--font-body);transition:background-color var(--motion-duration-quick) var(--motion-ease-out), border-color var(--motion-duration-quick) var(--motion-ease-out);border:1px solid #0000;outline:none;padding:0 24px;font-size:15px}.auth-card__field input:focus{border-color:var(--field-focus-border);background:var(--field-focus-fill)}.auth-card__forgot{color:var(--primary);justify-self:end;font-size:14px;font-weight:500;text-decoration:none}.auth-card__forgot:hover{text-underline-offset:3px;text-decoration:underline}.auth-card__submit{border-radius:var(--r-pill);background:var(--ink);width:100%;height:50px;color:var(--canvas);font-family:var(--font-body);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:600;transition:background-color .12s,transform .12s;display:inline-flex}.auth-card__submit-label{display:inline-block}.auth-card__submit:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 86%, var(--canvas))}.auth-card__submit:active{transform:scale(.99)}.auth-card__submit:disabled{cursor:default}.auth-card__submit:disabled:not([aria-busy=true]){background:var(--control-disabled-fill);color:var(--control-disabled-ink)}.auth-card__spinner{border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-card__create{color:var(--body);font-size:14px;text-decoration:none}.auth-card__create span{color:var(--primary);font-weight:600}.auth-card__footer{color:var(--body);margin-top:4px;font-size:14px}.auth-card__footer a{color:var(--ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.auth-card__legal{max-width:340px;color:var(--muted);margin:8px auto 0;font-size:12px;line-height:1.5}.auth-card__legal a{color:var(--body);text-underline-offset:2px;text-decoration:underline}@media (max-width:560px){.auth-card{padding:40px 22px 56px}}@media (prefers-reduced-motion:no-preference){.auth-card__brand img{transform-origin:50%;will-change:transform, opacity, filter;animation:glyph-in var(--motion-duration-reveal) var(--motion-ease-pop) 50ms both}.auth-card__brand span{will-change:clip-path, opacity;animation:wipe-in var(--motion-duration-reveal) var(--motion-ease-out) .26s both}.auth-card__headline,.auth-card__subtitle,.auth-card__actions>*,.auth-card__footer,.auth-card__legal{animation:joyn-text-reveal var(--motion-duration-reveal) var(--motion-ease-out) both}.auth-card__headline{animation-delay:.3s}.auth-card__subtitle{animation-delay:.36s}.auth-card__actions>:first-child{animation-delay:.38s}.auth-card__actions>:nth-child(2){animation-delay:.44s}.auth-card__actions>:nth-child(3){animation-delay:.5s}.auth-card__actions>:nth-child(4){animation-delay:.56s}.auth-card__actions>:nth-child(5){animation-delay:.62s}.auth-card__footer{animation-delay:.58s}.auth-card__legal{animation-delay:.62s}.auth-card__submit-label{animation:joyn-state-swap-in var(--motion-duration-standard) var(--motion-ease-out) both}.auth-card__submit svg,.auth-card__spinner{animation:joyn-icon-swap-in var(--motion-duration-standard) var(--motion-ease-pop) both}}
.legal-page{background:var(--canvas);min-height:100svh;color:var(--ink);overflow:clip}.legal-hero{background:var(--surface-wash);isolation:isolate;min-height:clamp(340px,45vw,520px);position:relative;overflow:hidden}.legal-hero__image{z-index:-3;object-fit:cover;object-position:center 52%;filter:saturate(.94)contrast(.98);transform:scale(1.015)}.legal-hero__veil{z-index:-2;background:linear-gradient(90deg, color-mix(in srgb, var(--on-dark) 88%, transparent) 0%, color-mix(in srgb, var(--on-dark) 48%, transparent) 52%, color-mix(in srgb, var(--on-dark) 6%, transparent) 100%), linear-gradient(0deg, color-mix(in srgb, var(--surface-dark) 18%, transparent), transparent 55%);position:absolute;inset:0}.legal-hero:after{z-index:-1;background-image:var(--grain-image);content:"";opacity:.045;pointer-events:none;position:absolute;inset:0}.legal-hero__copy{width:min(100%,1440px);margin-inline:auto;padding:clamp(146px,88px + 8vw,200px) max(clamp(22px,4.5vw,72px),50vw - 648px) clamp(58px,8vw,94px)}.legal-doc__title{max-width:14ch;color:var(--surface-dark)}.legal-doc__updated{color:color-mix(in srgb, var(--surface-dark) 64%, transparent);margin-top:18px;font-size:14px;font-weight:500}.legal-shell{grid-template-columns:minmax(190px, 248px) minmax(0, var(--max-prose));width:min(100%, var(--max-page));padding:clamp(64px, 8vw, 112px) var(--gutter) clamp(88px, 10vw, 144px);justify-content:center;gap:clamp(48px,8vw,112px);margin-inline:auto;display:grid}.legal-doc__toc{overscroll-behavior:contain;scrollbar-width:thin;align-self:start;max-height:calc(100svh - 56px);position:sticky;top:28px;overflow-y:auto}.legal-doc__toc-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:600}.legal-doc__toc ol{gap:2px;margin:0;padding:0 18px 0 0;list-style:none;display:grid}.legal-doc__toc a{color:var(--muted);transition:color var(--motion-duration-quick) var(--motion-ease-out), background-color var(--motion-duration-quick) var(--motion-ease-out), border-color var(--motion-duration-quick) var(--motion-ease-out);padding:7px 0 7px 14px;font-size:14px;line-height:1.38;text-decoration:none;display:block;position:relative}.legal-doc__toc a:before{border-radius:var(--r-pill);background:var(--primary);content:"";opacity:0;width:5px;height:5px;transition:opacity var(--motion-duration-quick) var(--motion-ease-out), transform var(--motion-duration-quick) var(--motion-ease-out);position:absolute;top:50%;left:0;transform:translateY(-50%)scale(.5)}.legal-doc__toc a:hover{color:var(--ink)}.legal-doc__toc a[aria-current=location]{color:var(--ink);font-weight:600}.legal-doc__toc a[aria-current=location]:before{opacity:1;transform:translateY(-50%)scale(1)}.legal-doc{min-width:0}.legal-doc__intro{border-bottom:1px solid var(--hairline);margin-bottom:64px;padding-bottom:48px}.legal-doc__intro p{color:var(--body-strong);font-family:var(--font-serif-text);margin:0 0 18px;font-size:clamp(18px,1.8vw,21px);line-height:1.62}.legal-doc__intro p:last-child{margin-bottom:0}.legal-doc__section{margin-top:58px;scroll-margin-top:28px}.legal-doc__section:first-of-type{margin-top:0}.legal-doc__section h2{color:var(--ink);text-wrap:pretty;margin-bottom:20px}.legal-doc__section h3{color:var(--body-strong);margin:32px 0 12px;font-size:16px;font-weight:650;line-height:1.35}.legal-doc__section p{color:var(--body);margin:0 0 18px;font-size:16px;line-height:1.75}.legal-doc__section ul,.legal-doc__section ol{color:var(--body);gap:10px;margin:0 0 20px;padding-left:22px;font-size:16px;line-height:1.7;display:grid}.legal-doc__section li{padding-left:5px}.legal-doc a{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 36%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 36%, transparent);text-underline-offset:3px}.legal-doc a:hover{text-decoration-color:currentColor}.legal-doc strong{color:var(--body-strong);font-weight:650}.legal-doc__todo{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary-active);border-radius:4px;padding:1px 5px;font-weight:500}@media (max-width:820px){.legal-hero{min-height:430px}.legal-hero__veil{background:linear-gradient(90deg, color-mix(in srgb, var(--on-dark) 90%, transparent) 0%, color-mix(in srgb, var(--on-dark) 66%, transparent) 72%, color-mix(in srgb, var(--on-dark) 28%, transparent) 100%)}.legal-shell{grid-template-columns:minmax(0,1fr);gap:48px}.legal-doc__toc{z-index:calc(var(--z-nav) - 1);max-height:none;margin-inline:calc(var(--gutter) * -1);padding:12px var(--gutter) 10px;border-bottom:1px solid var(--hairline);background:color-mix(in srgb, var(--canvas) 92%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);position:sticky;top:0;overflow:visible}.legal-doc__toc-label{margin-bottom:12px}.legal-doc__toc ol{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;margin-inline:0;padding:0 0 2px;display:flex;overflow-x:auto}.legal-doc__toc ol::-webkit-scrollbar{display:none}.legal-doc__toc li{scroll-snap-align:start;flex:none;max-width:min(72vw,300px)}.legal-doc__toc a{border:1px solid var(--hairline);border-radius:var(--r-pill);background:var(--surface-card);min-height:44px;color:var(--body);padding:11px 16px;line-height:1.35}.legal-doc__toc a:before{display:none}.legal-doc__toc a[aria-current=location]{border-color:var(--ink);background:var(--ink);color:var(--canvas);box-shadow:var(--shadow-tight)}.legal-doc__section{scroll-margin-top:136px}}@media (max-width:640px){.legal-hero__copy{padding-top:168px}.legal-hero__image{object-position:62% center}.legal-shell{padding-top:56px;padding-bottom:96px}.legal-doc__intro{margin-bottom:52px;padding-bottom:40px}.legal-doc__section{margin-top:52px}}@media (prefers-reduced-motion:reduce){.legal-doc__toc a,.legal-doc__toc a:before{transition:none}}