.landing{--sky:#8ecbff;--cream:#f6efdf;background:var(--cream);color:var(--paper-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.05rem;line-height:1.6}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing :is(h1,h2,h3){font-family:var(--font-title);letter-spacing:.01em;margin:0;font-weight:400;line-height:1.1}.landing h1{font-size:clamp(2.3rem,4.4vw,3.6rem)}.landing h2{max-width:22ch;font-size:clamp(1.9rem,3.6vw,2.9rem)}.landing h3{font-size:1.5rem}.landing .kicker{font-family:var(--font-hand);opacity:.75;margin:0 0 .6rem;font-size:1.35rem}.landing .lead{max-width:34rem;font-size:1.2rem}.landing a{color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing .paper-card{text-decoration:none}.landing button.paper-card:disabled{opacity:.6;cursor:wait}.top{z-index:2;align-items:center;gap:2rem;padding:1.4rem clamp(1.2rem,4vw,3rem);display:flex;position:absolute;inset:0 0 auto}.brand{font-family:var(--font-title);white-space:nowrap;font-size:1.7rem;text-decoration:none}.top nav{font-family:var(--font-label);gap:1.6rem;margin-left:auto;font-size:.95rem;font-weight:700;display:flex}.top nav a{text-decoration:none}.top nav a:hover{text-underline-offset:.3em;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.top .account{--tilt:-1deg}.hero{background:var(--sky);clip-path:polygon(0 0,100% 0,100% calc(100% - 1.2rem),92% 100%,81% calc(100% - .8rem),67% 100%,52% calc(100% - 1rem),38% 100%,24% calc(100% - .7rem),11% 100%,0 calc(100% - 1rem));position:relative}.hero .stage{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:min(100vh,60rem);padding:7rem clamp(1.2rem,4vw,3rem) 5rem;display:grid}.hero-canvas,.hero .beat{display:none}.hero.live .stage{min-height:min(100vh,56rem);position:relative}.hero.live .hero-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero.live .pitch{position:relative}.hero.live .hero-shot{visibility:hidden}.hero.live .beat{--tilt:-1.5deg;height:auto;font-family:var(--font-hand);cursor:default;padding:.6rem 1.1rem;font-size:1.5rem;font-weight:400;display:inline-flex;position:absolute;bottom:6.2rem;right:clamp(1.2rem,4vw,3rem)}.hero.live .beat:hover{box-shadow:3px 4px 0 var(--paper-shadow);translate:none}.hero.live .beat.changed{animation:.35s cubic-bezier(.2,1.4,.4,1) landing-slip}.hero.live-photo .hero-shot .beat{--tilt:-1.5deg;height:auto;font-family:var(--font-hand);cursor:default;padding:.35rem .75rem;font-size:1.1rem;font-weight:400;display:inline-flex;position:absolute;bottom:3.6rem;right:.9rem}.hero.live-photo .hero-shot .beat.changed{animation:.35s cubic-bezier(.2,1.4,.4,1) landing-slip}.hero .stage>.player{background:var(--paper);width:min(22rem,40vw);box-shadow:3px 4px 0 var(--paper-shadow);padding:.5rem .8rem;position:absolute;bottom:2.6rem;right:clamp(1.2rem,4vw,3rem);rotate:.6deg}.hero:not(.live) .stage>.player{display:none}@keyframes landing-slip{0%{opacity:0;translate:0 .8rem;rotate:2deg}}.hero .lead{margin:1.4rem 0 2rem}.waitlist:not(.developer){flex-wrap:wrap;gap:.8rem;max-width:34rem;display:flex}.waitlist:not(.developer) input{border:2px solid var(--paper-ink);background:var(--paper);min-width:0;height:3.2rem;color:var(--paper-ink);font-family:var(--font-label);box-shadow:3px 4px 0 var(--paper-shadow);border-radius:2px;outline:none;flex:12rem;padding:0 1rem;font-size:1.05rem;font-weight:700}.waitlist:not(.developer) button{flex:none;height:3.2rem}.waitlist .note{font-family:var(--font-hand);flex-basis:100%;margin:0;font-size:1.15rem}.waitlist.sent .note{font-weight:700}.waitlist.failed .note{color:var(--paper-stamp)}.shot{background:var(--paper);box-shadow:var(--paper-sheet-edge);rotate:var(--tilt,0deg);margin:0;padding:.6rem}.shot img{width:100%;height:auto;display:block}.shot[data-scene]{position:relative}.shot .scene{aspect-ratio:1200/750;opacity:0;width:calc(100% - 1.2rem);transition:opacity .5s;position:absolute;top:.6rem;left:.6rem}.player{align-items:center;gap:.8rem;padding:.6rem .2rem 0;display:flex}.player[hidden]{display:none}.player .toggle{cursor:pointer;flex:none;min-width:2.2rem;height:2rem;font-size:.75rem}.player input{appearance:none;cursor:pointer;background:0 0;flex:1;height:1.6rem;margin:0}.player input::-webkit-slider-runnable-track{background:repeating-linear-gradient(90deg, var(--paper-ink) 0 6px, transparent 6px 10px);height:2px}.player input::-moz-range-track{background:repeating-linear-gradient(90deg, var(--paper-ink) 0 6px, transparent 6px 10px);height:2px}.player input::-webkit-slider-thumb{border:2px solid var(--paper-ink);background:var(--paper-accent);appearance:none;border-radius:2px;width:.9rem;height:1.4rem;margin-top:calc(1px - .7rem)}.player input::-moz-range-thumb{border:2px solid var(--paper-ink);background:var(--paper-accent);border-radius:2px;width:.9rem;height:1.4rem}.player input:focus-visible{outline:2px solid var(--paper-ink);outline-offset:3px}.shot .scene.drawn{opacity:1}.shot .loop{aspect-ratio:1200/750;object-fit:cover;opacity:0;width:calc(100% - 1.2rem);transition:opacity .4s;position:absolute;top:.6rem;left:.6rem}.shot .loop.shown{opacity:1}.shot .loop[hidden]{display:none}.shot[data-video]{position:relative}main>section:not(.hero){max-width:76rem;margin:0 auto;padding:clamp(4rem,9vw,7rem) clamp(1.2rem,4vw,3rem)}.steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.steps li{rotate:var(--tilt,0deg);padding:2.4rem 1.6rem 1.6rem;position:relative}.steps .number{background:var(--paper-accent);width:2.6rem;height:2.6rem;box-shadow:0 0 0 2px var(--paper-ink);font-family:var(--font-title);border-radius:50%;place-items:center;font-size:1.3rem;display:grid;position:absolute;top:-1.3rem;left:1.4rem}.steps p{margin:.8rem 0 0}.features>h2{margin-bottom:2rem}.feature{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);padding:3rem 0;display:grid}.feature:nth-of-type(2n)>:first-child{order:2}.feature p{margin:.9rem 0}.feature ul,.developers .points{margin:0;padding:0;list-style:none}.feature li,.developers .points li{margin:.4rem 0;padding-left:1.6rem;position:relative}.feature li:before,.developers .points li:before{content:"✓";font-family:var(--font-hand);color:var(--paper-accent-dark);font-size:1.3rem;line-height:1.3;position:absolute;left:0}.vr-card{width:min(100%,22rem);rotate:var(--tilt,0deg);justify-self:center;justify-items:center;gap:.4rem;padding:2.4rem 2rem 1.6rem;display:grid}.vr-card svg{width:70%;height:auto}.vr-card p{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:1.1rem;font-weight:700}.landing main>section.developers{background:var(--paper-kraft);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);max-width:none;padding-inline:max(clamp(1.2rem,4vw,3rem),50vw - 35rem);display:grid}.developers .lead{margin:1.2rem 0}.developers .soon{font-family:var(--font-hand);margin:1.6rem 0 .6rem;font-size:1.25rem}.waitlist.developer{flex-direction:column;gap:1rem;padding:2rem;display:flex;rotate:1deg}.waitlist.developer .kicker{text-align:left;margin:0}.waitlist.developer h3+p{margin:0}.waitlist.developer button{align-self:flex-start}.questions h2{margin-bottom:2rem}.questions details{border-top:2px dashed #2c2a354d;max-width:48rem}.questions details:last-of-type{border-bottom:2px dashed #2c2a354d}.questions summary{font-family:var(--font-label);cursor:pointer;justify-content:space-between;gap:1rem;padding:1.1rem 0;font-size:1.1rem;font-weight:700;list-style:none;display:flex}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";font-family:var(--font-title);font-size:1.4rem;line-height:1;transition:rotate .2s}.questions details[open] summary:after{rotate:45deg}.questions details p{max-width:40rem;margin:0 0 1.2rem}.landing main>section.last{text-align:center;justify-items:center;gap:2rem;display:grid}.last h2{max-width:18ch}.last .waitlist{justify-content:center}footer{border-top:2px solid var(--paper-ink);font-family:var(--font-label);flex-wrap:wrap;align-items:baseline;gap:1rem 2rem;padding:2rem clamp(1.2rem,4vw,3rem);font-size:.9rem;display:flex}footer .brand{font-size:1.3rem}footer .end{margin-left:auto}.legal .top{position:static}.legal .top .account{margin-left:auto}.legal main :is(h1,h2){text-align:left}.legal main.paper-sheet{max-width:46rem;margin:1rem auto 4rem;padding:clamp(1.6rem,4vw,3rem);rotate:-.3deg}.legal main .kicker{text-align:left}.legal main h1{font-size:clamp(2rem,4vw,2.8rem)}.legal main h2{max-width:none;margin:2.2rem 0 .6rem;font-size:1.5rem}.legal main h3{font-family:var(--font-label);margin:1.4rem 0 .3rem;font-size:1.05rem;font-weight:700}.legal main p,.legal main li{margin:.5rem 0}.legal .updated{font-family:var(--font-hand);opacity:.7;font-size:1.1rem}@media (prefers-reduced-motion:no-preference){.ready .reveal{opacity:0;transition:opacity .7s ease-out,translate .7s cubic-bezier(.2,.8,.2,1);translate:0 2.5rem}.ready .reveal.shown{opacity:1;translate:0}.hero-shot{animation:.9s cubic-bezier(.2,.9,.25,1.15) .15s both landing-land}.hero .pitch>*{animation:.7s ease-out both landing-rise}.hero .pitch>:nth-child(2){animation-delay:80ms}.hero .pitch>:nth-child(3){animation-delay:.16s}.hero .pitch>:nth-child(4){animation-delay:.24s}}@keyframes landing-land{0%{opacity:0;translate:0 3rem;rotate:6deg;scale:1.04}}@keyframes landing-rise{0%{opacity:0;translate:0 1.2rem}}@media (width>=901px) and (width<=960px){.top{gap:1rem}.top nav{white-space:nowrap;gap:.9rem;font-size:.8rem}.top .brand{font-size:1.5rem}}@media (width<=900px){.top nav{display:none}.top{gap:.75rem}.top .brand{font-size:clamp(1.15rem,5vw,1.3rem)}.top .account{margin-left:auto;padding:0 .5rem;font-size:clamp(.7rem,3.2vw,.85rem)}.feature,.landing main>section.developers{grid-template-columns:minmax(0,1fr)}.hero .stage{grid-template-columns:minmax(0,1fr);min-height:0}.feature:nth-of-type(2n)>:first-child{order:0}.steps ol{grid-template-columns:minmax(0,1fr);gap:2.6rem}}.player .toggle:active{box-shadow:none;translate:0 2px}
