:root{--background:#000;--fill:#111113;--separator:#2c2c2f;--label:#f5f5f7;--secondary:#9c9ca4;--worse:#f5936a;--ease-out:cubic-bezier(.19, 1, .22, 1);--gutter:20px;--width:1200px;--phone:260px;--halo:560px;color-scheme:dark}@media (width>=960px){:root{--gutter:48px;--phone:300px;--halo:760px}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--background);color:var(--label);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,sans-serif;font-size:17px;line-height:1.45;overflow-x:clip}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--label);outline-offset:3px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quiet{color:var(--secondary);font-size:14px;text-decoration:none;transition:color .15s}@media (hover:hover){.quiet:hover{color:var(--label)}}.top,.foot,.hero{width:100%;max-width:calc(var(--width) + 2 * var(--gutter));padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));margin:0 auto}.top{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{letter-spacing:-.2px;align-items:center;gap:10px;min-height:44px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.logo img{outline-offset:-1px;border-radius:22.5%;outline:1px solid #ffffff1f}.foot{padding-top:24px;padding-bottom:max(24px, env(safe-area-inset-bottom));color:var(--secondary);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:12px;display:flex}.foot p{margin:0}.foot .quiet{font-size:12px}.hero{align-items:center;gap:24px;display:grid}@media (width>=960px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:48px;min-height:calc(100svh - 136px);padding-top:24px;padding-bottom:24px}}.copy{flex-direction:column;gap:20px;padding-top:24px;display:flex}@media (width>=960px){.copy{gap:28px;padding-top:0}}h1{letter-spacing:-.034em;text-wrap:balance;max-width:13em;margin:0;font-size:clamp(40px,5.4vw,64px);font-weight:600;line-height:1.04}.lede{max-width:30em;color:var(--secondary);text-wrap:pretty;margin:0}@media (width>=960px){.lede{font-size:19px}}.cta{gap:12px;margin-top:4px;display:grid}.cta>.join,.cta>.joined{grid-area:1/1}.join{flex-direction:column;gap:12px;display:flex}.row{flex-direction:column;gap:8px;display:flex;position:relative}@media (width>=560px){.row{flex-direction:row}}input[type=email]{border:1px solid var(--separator);background:var(--fill);width:100%;min-width:0;height:48px;color:var(--label);font:inherit;border-radius:999px;padding:0 20px;font-size:16px;transition:border-color .15s}@media (width>=560px){input[type=email]{flex:1;max-width:320px}}input[type=email]::placeholder{color:var(--secondary)}input[type=email][aria-invalid=true]{border-color:var(--worse)}button,.button{background:var(--label);color:#000;height:48px;font:inherit;white-space:nowrap;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s ease-out,background-color .15s;display:inline-flex}button:active,.button:active{transform:scale(.97)}@media (hover:hover){button:hover,.button:hover{background:#fff}}button:disabled{cursor:progress}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.note{max-width:440px;color:var(--secondary);margin:0;font-size:12px;line-height:1.5}.note a{color:var(--secondary)}.error{color:var(--worse);margin:0;font-size:13px}.join.gone{visibility:hidden}.joined{align-self:start;margin:0;padding-top:12px;font-size:17px}.works{color:var(--secondary);margin:0;font-size:13px}.stage{min-height:calc(var(--phone) * 2.174 + 144px);justify-content:center;align-items:center;display:flex;position:relative}.halo{width:var(--halo);height:var(--halo);margin:calc(var(--halo) / -2) 0 0 calc(var(--halo) / -2);pointer-events:none;background:radial-gradient(closest-side,#e6eaf21a,#e6eaf200 100%);position:absolute;top:50%;left:50%}.halo canvas{width:100%;height:100%;position:absolute;inset:0}.halo canvas[data-lines]{opacity:.6}.phone{padding:calc(var(--phone) * .03);border-radius:calc(var(--phone) * .193);background:#111113;margin:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,0 40px 120px #0009}.screen{width:var(--phone);aspect-ratio:402/874;border-radius:calc(var(--phone) * .163);outline-offset:-1px;background:#000;outline:1px solid #ffffff14;position:relative;overflow:hidden}.screen video{object-fit:cover;width:100%;height:100%;display:block}.island{background:#000;border-radius:999px;width:31%;height:4.2%;position:absolute;top:1.3%;left:50%;transform:translate(-50%)}.play{height:44px;color:var(--label);backdrop-filter:blur(20px);background:#f5f5f729;position:absolute;bottom:-64px;left:50%;transform:translate(-50%)}.play:active{transform:translate(-50%)scale(.97)}@media (hover:hover){.play:hover{background:#f5f5f73d}}.plain{min-height:calc(100svh - 168px);max-width:calc(var(--width) + 2 * var(--gutter));padding:0 var(--gutter);flex-direction:column;justify-content:center;gap:16px;margin:0 auto;display:flex}.plain p{margin:0}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.copy>*{animation:rise .7s var(--ease-out) both}.copy>:nth-child(2){animation-delay:60ms}.copy>:nth-child(n+3){animation-delay:.12s}.phone{animation:rise .9s var(--ease-out) .18s both}.halo{animation:1.6s .3s both fade}.join.leaving{opacity:0;filter:blur(4px);transition:opacity .16s ease-out,transform .16s ease-out,filter .16s ease-out;transform:translateY(-4px)}.joined:not([hidden]){animation:rise .4s var(--ease-out) both}}@media (prefers-reduced-motion:reduce){.copy>*,.phone,.halo,.joined:not([hidden]){animation:.3s both fade}}