.landing-page{padding:0}
.landing-page #main{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px clamp(12px,4vw,64px);gap:30px}
.landing-experiment{position:relative;flex:none;width:100%;max-width:1440px}
.landing-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(120px,24vw,240px);pointer-events:none}
.landing-loader progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:3px;overflow:hidden;background:var(--line);accent-color:var(--oxide)}
.landing-loader progress::-webkit-progress-bar{background:var(--line);border-radius:3px}
.landing-loader progress::-webkit-progress-value{background:var(--oxide);border-radius:3px}
.landing-loader progress::-moz-progress-bar{background:var(--oxide);border-radius:3px}
.landing-tape{display:block;flex:none;width:100%;max-width:1440px;aspect-ratio:952/324;margin:0;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;touch-action:manipulation}
.landing-tape:disabled{opacity:1;cursor:default}
.landing-tape #tape-canvas{display:block;width:100%;height:100%}
.landing-page h1{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.4;letter-spacing:0;font-weight:400;margin:0;text-align:center;color:var(--muted)}
.landing-status{font-size:.875rem;line-height:1.6;color:var(--muted);text-align:center;max-width:440px;margin:0}
.landing-signup{position:relative;width:min(280px,100%);min-height:48px;margin:-12px 0 0;display:flex;flex-direction:column;justify-content:center;text-align:center}
.landing-page .landing-signup input[type=email]{width:100%;min-height:48px;padding:10px 4px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:center;font-size:16px}
.landing-signup input::placeholder{color:var(--muted);opacity:1}
.landing-signup input:focus-visible{border-bottom-color:var(--oxide)}
.landing-signup[aria-busy=true] input{opacity:.65}
.landing-signup-status{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(360px,85vw);margin:0;color:var(--muted);font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}
.landing-signup[data-state=error] .landing-signup-status{color:var(--oxide)}
.landing-signup[data-state=success] .landing-signup-status{position:static;transform:none;width:100%;font-size:.875rem}
@media(max-width:760px){.landing-page #main{gap:24px;padding-top:24px;padding-bottom:24px}}