:root{--tag:#FFF000;--ink:#0046BE;--round:"M PLUS Rounded 1c","Arial Rounded MT Bold",system-ui,sans-serif;--body:"Figtree","Helvetica Neue",Arial,sans-serif;--pad:clamp(1.1rem,4vw,2.5rem);}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--tag);color:var(--ink);font-family:var(--body);font-size:clamp(1rem,0.95rem + 0.3vw,1.125rem);line-height:1.55;overflow-x:clip}a{color:inherit}.btn-start{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:56px;padding:.85em 1.6em;border-radius:8px;background:var(--ink);color:var(--tag);font-family:var(--round);font-weight:800;font-size:clamp(1.05rem,1rem + 0.4vw,1.25rem);text-decoration:none;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:transform .2s ease}.btn-start:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.btn-start .arw{display:inline-block;transition:transform .2s ease}@media (hover: hover) and (pointer: fine){.btn-start:hover{transform:translateY(-2px)}.btn-start:hover .arw{transform:translateX(4px)}}.story{display:grid;grid-template-columns:minmax(0,1fr);padding:0 var(--pad);padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right));max-width:1180px;margin:0 auto}.hero{padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:1.2rem}.logo{display:block;width:64px;height:auto;margin:0 0 .9rem}.logo img{display:block;width:100%;height:auto;border-radius:14px}h1{font-family:var(--round);font-weight:800;font-size:clamp(1.9rem,1.2rem + 3.6vw,3.6rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 .7rem;max-width:15ch}h1 .b{display:block}.lead{margin:0 0 1.2rem;max-width:34ch;font-size:clamp(1.02rem,0.95rem + 0.4vw,1.25rem)}.under{margin:.75rem 0 0;font-size:clamp(.9rem,0.86rem + 0.2vw,1rem);font-weight:700}.pin{position:sticky;top:0;z-index:3;background:var(--tag);padding:.6rem 0 .8rem;margin:0}.tag{border:3px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--tag);max-width:520px;margin:0 auto}.bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--ink);color:var(--tag);padding:.45rem .8rem;font-family:var(--round);font-weight:800;font-size:clamp(.85rem,0.8rem + 0.3vw,1rem)}.chip{position:relative;display:inline-grid;border-radius:999px;background:var(--tag);color:var(--ink);padding:.2rem .75rem;font-size:clamp(.78rem,0.74rem + 0.2vw,.9rem)}.chip span{grid-area:1/1;transition:opacity .35s ease}.stage{position:relative;container-type:inline-size;aspect-ratio:16 / 8.4;overflow:hidden}.em{position:absolute;width:1em;height:1em;margin:-.5em 0 0 -.5em;line-height:1;text-align:center;font-size:clamp(2.6rem,19cqw,7rem);opacity:0;transform:scale(.4);transition:transform .6s cubic-bezier(.3,1.4,.5,1),opacity .4s ease}.em i{display:block;font-style:normal;animation:bob 3.2s ease-in-out infinite}.em:nth-child(2n) i{animation-delay:-.8s}.em:nth-child(3n) i{animation-delay:-1.7s}@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6%) rotate(5deg)}}.cap{border-top:3px solid var(--ink);display:grid;padding:.5rem .8rem;font-family:var(--round);font-weight:800;font-size:clamp(1rem,0.9rem + 0.6vw,1.4rem);line-height:1.2}.cap span{grid-area:1/1;opacity:0;transform:translateY(.4em);transition:opacity .35s ease,transform .35s ease}.e-search{left:50%;top:52%}.e-web{left:17%;top:30%}.e-zz{left:83%;top:32%}.e-apple{left:20%;top:56%}.e-phone{left:50%;top:50%}.e-robot{left:80%;top:56%}.e-couch{left:17%;top:62%}.e-cap{left:47%;top:58%}.e-tower{left:76%;top:46%}.e-joy{left:50%;top:80%}.e-radar{left:17%;top:34%}.e-spark{left:47%;top:30%}[data-step="lost"] .e-search,[data-step="lost"] .e-web,[data-step="lost"] .e-zz,[data-step="pick"] .e-apple,[data-step="pick"] .e-phone,[data-step="pick"] .e-robot{opacity:1;transform:none}[data-step="lost"] .e-web{transform:rotate(-10deg) scale(.8)}[data-step="lost"] .e-zz{transform:scale(.6)}[data-step="pick"] .e-apple,[data-step="pick"] .e-robot{transform:scale(.8)}[data-step="move"] .e-couch{opacity:1;transform:scale(.9)}[data-step="move"] .e-cap{opacity:1;transform:translate(-14cqw,-6cqw) rotate(-12deg) scale(.85)}[data-step="move"] .e-spark{opacity:1;transform:translate(8cqw,0) scale(.6)}[data-step="move"] .e-tower{opacity:.45;transform:scale(.7)}[data-step="move"] .e-joy{opacity:1;transform:scale(.8)}[data-step="done"] .e-tower{opacity:1;transform:scale(1.15)}[data-step="done"] .e-cap{opacity:1;transform:translate(6cqw,0) scale(.85)}[data-step="done"] .e-radar{opacity:1;transform:scale(.7)}[data-step="done"] .e-joy{opacity:1;transform:translate(-33cqw,-4cqw) scale(.6)}.c-open,.c-done{opacity:0}[data-step="lost"] .c-open,[data-step="pick"] .c-open,[data-step="move"] .c-open,[data-step="done"] .c-done{opacity:1}[data-step="lost"] .k-lost,[data-step="pick"] .k-pick,[data-step="move"] .k-move,[data-step="done"] .k-done{opacity:1;transform:none}.ticket{padding:1.5rem 0 4rem}.thead{border-top:3px solid var(--ink);padding-top:1.1rem;margin-bottom:.5rem}.thead p{margin:0;font-weight:700;font-size:clamp(.85rem,0.82rem + 0.2vw,.95rem);letter-spacing:.06em;text-transform:uppercase}.thead h2{font-family:var(--round);font-weight:800;font-size:clamp(1.35rem,1.1rem + 1.2vw,2rem);line-height:1.15;margin:.3rem 0 .6rem}.state{display:inline-block;border:2px solid var(--ink);border-radius:999px;padding:.05rem .7rem;font-weight:700;font-size:clamp(.85rem,0.82rem + 0.2vw,.95rem)}.reply{min-height:70dvh;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.msg{border:3px solid var(--ink);border-radius:12px;padding:1rem 1.1rem;max-width:30rem;background:var(--tag)}.from-you .msg{border-style:solid;margin-right:auto}.from-desk .msg{background:var(--ink);color:var(--tag);margin-left:auto}.who{display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem;font-weight:700;font-size:clamp(.85rem,0.82rem + 0.2vw,.95rem)}.who .d{font-size:1.3em;line-height:1}.say{margin:0;font-family:var(--round);font-weight:800;font-size:clamp(1.2rem,1rem + 0.9vw,1.6rem);line-height:1.32}.from-desk .state{border-color:var(--tag);margin-top:.8rem}.context{margin:1rem 0 0;max-width:30rem;margin-left:auto;border:2px solid var(--ink);border-radius:8px;padding:.75rem .9rem;font-size:clamp(.92rem,0.88rem + 0.2vw,1rem)}.context strong{display:block;font-size:.85em;letter-spacing:.06em;text-transform:uppercase}.context a{font-weight:700;text-underline-offset:3px}.context a:focus-visible,.card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.closing{background:var(--ink);color:var(--tag);min-height:78dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:4rem var(--pad)}.closing .logo{width:112px;margin:0}.closing .btn-start{background:var(--tag);color:var(--ink)}.closing .btn-start:focus-visible{outline-color:var(--tag)}.ctabar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--ink);padding:.6rem var(--pad);padding-bottom:max(.6rem,env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s linear .3s}.ctabar.on{transform:none;opacity:1;visibility:visible;transition:transform .3s ease,opacity .3s ease}.ctabar .btn-start{background:var(--tag);color:var(--ink);width:100%;max-width:420px;min-height:48px;padding:.6em 1.2em}.ctabar .btn-start:focus-visible{outline-color:var(--tag);outline-offset:2px}footer{margin-top:3rem;border-top:3px solid var(--ink);padding:2rem var(--pad) calc(5.5rem + env(safe-area-inset-bottom));max-width:1180px;margin-left:auto;margin-right:auto}footer h2{font-family:var(--round);font-weight:800;font-size:clamp(1.05rem,1rem + 0.3vw,1.2rem);margin:0 0 .8rem}.cards{display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr);max-width:30rem}.card{display:block;border:2px solid var(--ink);border-radius:8px;padding:.8rem 1rem;text-decoration:none;min-height:44px}.card b{display:inline;font-family:var(--round);font-weight:800;background:linear-gradient(var(--ink),var(--ink)) left bottom / 0 2px no-repeat;transition:background-size .3s ease}.card span{display:block;font-size:clamp(.92rem,0.88rem + 0.2vw,1rem);margin-top:.2rem}.card:focus-visible b{background-size:100% 2px}@media (hover: hover){.card:hover b{background-size:100% 2px}}.brandline{margin:1.6rem 0 0;font-family:var(--round);font-weight:800}@media (min-width: 900px){.story{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(2rem,5vw,5rem)}.hero{grid-column:1;grid-row:1;padding-top:2.2rem;min-height:auto}.logo{width:96px}.pin{grid-column:2;grid-row:1 / span 2;align-self:start;top:7dvh;padding:2.2rem 0 0;background:transparent}.stage{aspect-ratio:10 / 9}.ticket{grid-column:1;grid-row:2}.reply{min-height:72dvh}.closing .logo{width:144px}}@media (prefers-reduced-motion: reduce){.em,.cap span,.chip span,.ctabar,.btn-start,.btn-start .arw,.card b{transition:none}.em i{animation:none}}