:root{--paper:#edf0f7;--paper-2:#e1e6f2;--ink:#1d1b3a;--ink-2:#4a4870;--pink:#ff4f8b;--pink-soft:#ffe3ec;--blue:#2f52e0;--blue-soft:#dce3ff;--yellow:#ffc928;--yellow-soft:#fff1c2;--mint:#1fb57f;--mint-soft:#d4f4e7;--grey:#8c8aa8;--display:"Bagel Fat One", "Arial Black", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--beat:.55s;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper) radial-gradient(circle at 3px 3px, #d6dceb 1.5px, transparent 1.6px) 0 0 / 14px 14px;color:var(--ink);font:17px/1.5 var(--body);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:400;line-height:1.05}p{margin:0}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font:700 .74rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.note{color:var(--ink-2);font-size:.9rem}.ico{flex:none;width:1.25em;height:1.25em}.btn{font:400 1.15rem/1 var(--display);letter-spacing:.01em;border:3px solid var(--ink);min-height:52px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 5px 0 var(--ink);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:.5em;padding:12px 22px;transition:transform 70ms,box-shadow 70ms,background .15s;display:inline-flex;transform:translateY(0)}.btn:hover{background:var(--yellow-soft)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn.sm{min-height:42px;box-shadow:0 4px 0 var(--ink);padding:8px 14px;font-size:.95rem}.btn-big{background:var(--pink);color:#fff;min-height:60px;padding:14px 26px;font-size:1.35rem}.btn-big:hover{background:#ff6a9d}.btn-soft{background:#fff}.btn-danger{color:#c9245e;background:#fff}.btn-mega{background:var(--pink);color:#fff;min-height:84px;box-shadow:0 8px 0 var(--ink);animation:throb var(--beat) ease-out infinite;border-width:4px;border-radius:24px;padding:16px 44px;font-size:clamp(1.8rem,7vw,2.6rem)}.btn-mega:active{box-shadow:0 2px 0 var(--ink);transform:translateY(6px)}.btn-mega .ico{width:1em;height:1em}@keyframes throb{0%{scale:1.04}30%,to{scale:1}}.icon-btn{cursor:pointer;border:3px solid var(--ink);width:48px;height:48px;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:50%;flex:none;place-items:center;transition:transform 70ms,box-shadow 70ms;display:grid}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.icon-btn.sm{width:42px;height:42px;font:700 1.3rem/1 var(--body)}.seg{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:14px;display:inline-flex;overflow:hidden}.seg-b{min-height:42px;font:700 .95rem var(--mono);cursor:pointer;background:0 0;border:0;padding:0 14px}.seg-b+.seg-b{border-left:3px solid var(--ink)}.seg-b.on{background:var(--ink);color:#fff}.stack{gap:14px;display:grid}.chip{font:700 .78rem/1 var(--mono);letter-spacing:.04em;border:2px solid var(--ink);background:#fff;border-radius:999px;padding:7px 10px;display:inline-block}.stars{color:var(--pink);letter-spacing:.06em;white-space:nowrap;font-size:.95rem}.stars span{color:#c9cfe0}.bob{animation:bob var(--beat) ease-in-out infinite;transform-origin:50% 100%}.bob.d2{animation-delay:calc(var(--beat) / -2)}@keyframes bob{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.03,.95)}45%{transform:translateY(-5%)scale(.98,1.03)}}.logo{animation:logo var(--beat) ease-out infinite;font-size:clamp(3.4rem,17vw,7.6rem);line-height:.86;display:grid;transform:rotate(-4deg)}.logo .l1{color:var(--blue);text-shadow:5px 5px 0 var(--ink)}.logo .l2{color:var(--pink);text-shadow:5px 5px 0 var(--ink);margin-left:.5em}@keyframes logo{0%{scale:1.035}25%,to{scale:1}}html{scroll-behavior:smooth}body.landing{background:var(--pink-soft) radial-gradient(circle at 3px 3px, #ffc6d8 1.6px, transparent 1.7px) 0 0 / 12px 12px}#landing{min-height:100vh}main{gap:clamp(56px,9vw,110px);padding:0 16px clamp(56px,8vw,96px);display:grid}main>section{width:100%;max-width:1120px;margin:0 auto}h2{font-size:clamp(2rem,5.4vw,3.4rem)}.top{z-index:10;padding:calc(10px + var(--safe-t)) 16px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:3px solid var(--ink);background:#ffe3ece0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{font:400 1.25rem var(--display);align-items:center;gap:8px;display:flex}.brand svg{width:40px;height:auto}.top-r{align-items:center;gap:10px;display:flex}.top-r .btn{min-height:44px}@media (width<=420px){.brand span{display:none}}.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(24px,4vw,56px);padding-top:clamp(24px,5vw,64px);display:grid}.hero .logo{transform-origin:0;font-size:clamp(3.6rem,10vw,7.2rem);transform:rotate(-4deg)}.hero-tag{font:400 clamp(1.2rem, 2.4vw, 1.6rem)/1.2 var(--display);margin-top:22px}.hero-sub{max-width:40ch;color:var(--ink-2);margin-top:10px;font-size:1.12rem}.hero-go{flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px;display:flex}.hero-go .btn-mega{min-height:72px;padding:14px 30px;font-size:clamp(1.4rem,4.4vw,2rem)}.how-link{text-underline-offset:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.hero-free{font:700 .8rem var(--mono);letter-spacing:.06em;color:var(--ink-2);margin-top:18px}.hero-demo{gap:10px;margin:0;display:grid}.demo-screen{aspect-ratio:16/10;border:4px solid var(--ink);max-width:100%;box-shadow:10px 10px 0 var(--ink);border-radius:24px;position:relative;overflow:hidden}.demo-screen .stage-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-demo figcaption{font-family:var(--display);justify-content:flex-end;align-items:baseline;gap:8px;display:flex}.st-banner{font:400 26px var(--display);fill:var(--ink)}.st-sub{font:700 12px var(--mono);fill:var(--ink-2)}.st-bubble{font:400 20px var(--display);fill:#fff}.st-mark{font-family:var(--display);fill:#fff}.st-combo{font:400 15px var(--display);fill:var(--ink)}.st-combo-l{font:700 5.5px var(--mono);letter-spacing:.08em;fill:var(--ink)}.how h2,.levels h2,.where h2,.cast h2,.building h2{margin-bottom:26px}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.step{border:3.5px solid var(--ink);box-shadow:0 7px 0 var(--ink);background:#fff;border-radius:22px;align-content:start;gap:8px;padding:22px 20px;display:grid;position:relative}.step-n{font:400 1.3rem/1 var(--display);background:var(--ink);color:#fff;border-radius:999px;padding:8px 13px;position:absolute;top:-18px;left:18px}.step h3{font-size:1.45rem}.step p{color:var(--ink-2)}.step-art{place-items:center start;height:70px;display:grid}.beats{grid-template-columns:repeat(6,26px);gap:5px;display:grid}.beats i{background:var(--paper);border:2px solid #c9cfe0;border-radius:7px;height:26px}.beats i.c{background:var(--blue);border-color:var(--ink)}.beats i.p{background:var(--pink);border-color:var(--ink);animation:1.3s step-end infinite step}@keyframes step{0%,60%{transform:none}61%,80%{box-shadow:0 5px 0 var(--ink);transform:translateY(-5px)}}.tap{background:var(--pink);color:#fff;border:3.5px solid var(--ink);border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:relative}.tap .ring{border:3px solid var(--blue);border-radius:50%;animation:1.3s ease-out infinite ring;position:absolute;inset:-4px}@keyframes ring{0%{opacity:0;transform:scale(2.2)}70%{opacity:1}to{opacity:0;transform:scale(1)}}.stamp{font:400 1.35rem/1 var(--display);color:var(--pink);background:#fff;border:4px solid;border-radius:10px;padding:8px 12px;transform:rotate(-8deg)}.drift{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.drift i{left:var(--x);top:var(--y);width:var(--s);opacity:.26;animation:drift var(--d) ease-in-out infinite alternate;position:absolute}.drift svg{width:100%;height:auto;display:block}@keyframes drift{0%{transform:translate(0, 0) rotate(calc(var(--r) * -12deg))}to{transform:translate(calc(var(--r) * 30px), -36px) rotate(calc(var(--r) * 16deg))}}main,.top,.foot{z-index:1;position:relative}.ticker{background:var(--ink);color:var(--yellow);margin:0 -16px;padding:10px 0;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 6px #1d1b3a26}.ticker-track{width:max-content;font:700 .85rem var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;gap:56px;animation:50s linear infinite ticker;display:flex}.ticker-track span:before{content:"★ ";color:var(--pink)}@keyframes ticker{to{transform:translate(-50%)}}.spot{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.spot-stage{border:4px solid var(--ink);min-height:340px;box-shadow:10px 10px 0 var(--ink);background:#2a2750;border-radius:28px;justify-items:center;padding:30px 10px 10px;display:grid;position:relative;overflow:hidden}.spot-stage:after{content:"";border-top:4px solid var(--ink);background:#3a3668;height:26%;position:absolute;bottom:0;left:0;right:0}.spot-light{clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);transform-origin:50% 0;background:linear-gradient(#fff1c2e6,#fff1c226 70%,#0000);width:70%;height:120%;animation:5s ease-in-out infinite alternate sway;position:absolute;top:-10%;left:50%;translate:-50%}@keyframes sway{0%{rotate:-4deg}to{rotate:4deg}}.pip-btn{z-index:1;cursor:pointer;background:0 0;border:0;align-self:end;width:min(320px,82%);margin-top:auto;padding:0;position:relative}.pip-btn:focus-visible{outline:4px solid var(--yellow);outline-offset:6px;border-radius:24px}.pip-fig{display:block}.pip-fig svg{filter:drop-shadow(0 10px #00000040);width:100%;height:auto;display:block}.pip-marks{pointer-events:none;position:absolute;inset:0}.pam{font:400 1.5rem var(--display);color:#fff;background:var(--pink);border:3px solid var(--ink);border-radius:12px;padding:2px 10px;animation:1.4s cubic-bezier(.2,1.4,.4,1) forwards pamIn;position:absolute}@keyframes pamIn{0%{opacity:0;transform:scale(2)}15%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-30px)}}.spot-hint{z-index:1;font:700 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);margin-top:10px;position:relative}.spot-copy{gap:12px;display:grid}.spot-copy h2{color:var(--pink);text-shadow:5px 5px 0 var(--ink);font-size:clamp(3rem,8vw,5rem)}.spot-role{font:400 1.3rem var(--display)}.spot-copy p:not(.eyebrow):not(.spot-role){color:var(--ink-2);max-width:46ch;font-size:1.08rem}.faces{gap:10px;margin-top:4px;display:flex}.faces span{border:3px solid var(--ink);width:70px;box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:16px;padding:6px 4px 2px}.faces svg{width:100%;height:auto;display:block}.cast-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:18px;display:grid}.who{border:3.5px solid var(--ink);box-shadow:0 6px 0 var(--ink);text-align:center;background:#fff;border-radius:22px;align-content:start;gap:4px;padding:12px 12px 16px;display:grid;position:relative}.who-art{background:var(--bg);border:3px solid var(--ink);border-radius:16px;place-items:end center;height:130px;margin-bottom:8px;display:grid;position:relative;overflow:hidden}.who-art svg{width:96px;height:auto;display:block}.who h3{font-size:1.25rem}.who-role{font-size:.9rem;font-weight:700}.who-where{font:700 .72rem var(--mono);letter-spacing:.04em;color:var(--ink-2)}.who.soon .who-art svg{filter:saturate(.35)brightness(.95)}.tape{background:var(--yellow);border-block:2.5px solid var(--ink);width:140px;font:400 .75rem/1.7 var(--display);text-align:center;position:absolute;top:14px;left:-30px;rotate:-30deg}.tower{border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#2a2750;border-radius:28px 28px 10px 10px;gap:0;display:grid;position:relative;overflow:hidden}.sky{border-bottom:4px solid var(--ink);background:linear-gradient(#ff9e6b,#ffc6d8);height:90px;position:relative;overflow:hidden}.sun{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;width:70px;height:70px;position:absolute;top:26px;left:12%}.cloud{border:3px solid var(--ink);background:#fff;border-radius:999px;width:90px;height:22px;animation:40s linear infinite cloud;position:absolute}.cloud.c1{top:18px;left:-100px}.cloud.c2{width:60px;animation-duration:55s;animation-delay:-18s;top:48px;left:-100px}@keyframes cloud{to{transform:translate(calc(100vw + 200px))}}.floor-row{border-bottom:4px solid var(--ink);gap:12px;padding:16px;display:grid}.floor-row.dark{background:#2a2750}.floor-row.lit{background:#fff1c2}.floor-tag{font:400 1rem var(--display);background:var(--ink);color:#fff;border:2px solid #fff;border-radius:10px;justify-self:start;padding:6px 12px}.floor-row.lit .floor-tag{border-color:var(--ink)}.windows{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:12px;display:grid}.window{border:3px solid var(--ink);color:var(--ink);font:700 .75rem var(--mono);text-align:center;background:linear-gradient(#ffe9a8,#ffd166);border-radius:12px;justify-items:center;gap:6px;padding:12px 8px 10px;display:grid;box-shadow:0 0 22px #ffd16659}.sil svg{filter:brightness(0);opacity:.82;width:70px;height:auto;transition:filter .3s,opacity .3s;display:block}.window:hover .sil svg{filter:none;opacity:1}.rooms{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;display:grid}.room{border:3.5px solid var(--ink);box-shadow:0 6px 0 var(--ink);background:#fff;border-radius:18px;grid-template-rows:auto 1fr;transition:transform .12s,box-shadow .12s;display:grid;overflow:hidden}.room:hover{box-shadow:0 10px 0 var(--ink);transform:translateY(-4px)rotate(-.5deg)}.room-art{background:linear-gradient(var(--wall) 74%, var(--floor) 74%);border-bottom:3.5px solid var(--ink);justify-content:center;align-items:end;gap:4px;height:140px;padding-top:14px;display:flex}.room-art svg{width:90px;height:auto;display:block}.room-body{align-content:start;gap:6px;padding:14px 16px 18px;display:grid}.room-body h3{font-size:1.4rem}.room-body .local{color:var(--ink-2);margin-top:-4px;font-weight:700}.room-body p:not(.eyebrow):not(.local){font-size:.93rem}.street{background:#8c8aa8 repeating-linear-gradient(90deg, transparent 0 40px, var(--yellow) 40px 70px) 0 50% / 100% 5px no-repeat;height:26px}.lead{color:var(--ink-2);max-width:60ch;margin:-12px 0 26px;font-size:1.1rem}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:20px;display:grid}.lcard{border:3.5px solid var(--ink);box-shadow:0 7px 0 var(--ink);background:#fff;border-radius:22px;grid-template-rows:auto 1fr;transition:transform .12s,box-shadow .12s;display:grid;overflow:hidden}.lcard:hover{box-shadow:0 11px 0 var(--ink);transform:translateY(-4px)rotate(-.5deg)}.lcard-art{background:linear-gradient(var(--wall) 74%, var(--floor) 74%);border-bottom:3.5px solid var(--ink);justify-content:center;align-items:end;gap:4px;height:150px;padding-top:16px;display:flex}.lcard-art svg{width:96px;height:auto;display:block}.lcard-body{align-content:start;gap:6px;padding:16px 18px 20px;display:grid}.lcard-body h3{font-size:1.5rem}.lcard-body .local{color:var(--ink-2);margin-top:-4px;font-weight:700}.lcard-body p:not(.eyebrow):not(.local){font-size:.95rem}.soon{color:var(--ink-2);margin-top:20px;font-weight:700}.feats{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feat{border:3.5px solid var(--ink);background:#fff;border-radius:22px;align-content:start;gap:8px;padding:20px;display:grid}.feat-ico svg{width:48px;height:48px}.feat h3{font-size:1.35rem}.feat p{color:var(--ink-2)}.end{text-align:center;background:var(--yellow);border:4px solid var(--ink);box-shadow:0 10px 0 var(--ink);border-radius:30px;justify-items:center;gap:22px;padding:clamp(28px,5vw,56px) 16px;display:grid}.end-cast{flex-wrap:wrap;justify-content:center;align-items:end;gap:6px;display:flex}.end-cast svg{width:clamp(64px,12vw,104px);height:auto;display:block}.foot{text-align:center;padding:0 16px calc(28px + var(--safe-b));font:700 .8rem var(--mono);color:var(--ink-2)}@media (width<=860px){.hero,.spot{grid-template-columns:1fr}.steps,.feats{grid-template-columns:1fr;gap:28px}}@media (prefers-reduced-motion:reduce){.drift i,.ticker-track,.spot-light,.cloud,.bob,.btn-mega{animation:none!important}}