:root{color-scheme:light;--cream:#fff7df;--forest:#183d35}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;background:#163b34;color:var(--cream);font-family:ui-monospace,Menlo,Consolas,monospace}
main{width:100%;max-width:1920px;margin:auto}
.scene{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden;background:#45b6df;isolation:isolate}
.poster,.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;pointer-events:none}
.scene canvas{visibility:hidden}
.scene[data-ready=true] canvas{visibility:visible}
#world{z-index:0}
#phone-layer{z-index:10}
#brand-layer{z-index:20}
#walker-layer{z-index:30}
.scene[data-isolated]{background:repeating-conic-gradient(#c5cbd0 0% 25%,#edf0f2 0% 50%) 0 0/24px 24px}
.scene[data-ready=true] .poster{visibility:hidden}
[hidden]{display:none!important}
#waitlist{position:absolute;z-index:21;left:10.945%;top:38.47%;width:40.072%;height:23.273%;margin:0}
#email{position:absolute;left:6.3%;top:18.5%;width:87.6%;height:26%;border:0;border-radius:0;background:#fffcf2;color:#17382f;padding:0 4%;font:900 clamp(8px,1.13vw,19px)/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1.6px;outline-offset:0}
#email::placeholder{color:#97988c;opacity:1}
#join{position:absolute;left:6.3%;top:54%;width:87.6%;height:30%;border:0;background:transparent;cursor:pointer}
#join:hover:not(:disabled){background:#fff7df14;box-shadow:inset 0 0 0 3px #fff7df88}
#join:active:not(:disabled){background:#79332128}
#join:disabled{cursor:wait}
.scene[data-fallback] #join{background:#183d35;color:var(--cream);font:900 clamp(9px,1.1vw,18px)/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:1px}
.scene[data-fallback] #join .sr-only{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
#email:focus-visible,#join:focus-visible{outline:3px solid #183d35;outline-offset:3px}
.form-below{position:absolute;top:101%;left:5%;width:90%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
#form-status{width:100%;margin:7px 0 0;padding:9px 12px;background:#fff7df;border:2px solid #183d35;color:#183d35;font:12px/1.5 Arial,sans-serif}
#form-status:empty{display:none}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 24px;min-height:49px}
footer p{font-size:9px;letter-spacing:1px;margin:0;color:#cbd6bd}
footer a{color:var(--cream)}
footer button{border:1px solid #839a79;background:transparent;color:var(--cream);font:10px/1.3 ui-monospace,Menlo,Consolas,monospace;cursor:pointer;padding:7px 11px;white-space:nowrap}
footer button:disabled{opacity:.55;cursor:default}
footer button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){
  .scene{aspect-ratio:836/1720}
  .poster{object-fit:cover;object-position:62% center}
  #waitlist{left:4.785%;top:23.2558%;width:90.43%;height:14.364%;}
  #email{font-size:11px;letter-spacing:.6px}
  #form-status{font-size:10px;padding:6px 8px}
  footer{padding:10px 12px;gap:8px;align-items:flex-start}
  footer p{font-size:7px;line-height:1.5;max-width:175px}
  footer button{font-size:8px;padding:7px}
}