:root{--paper:#eef1f4;--ink:#121418;--ghost:#ffffff;--mint:#2ecf86;--blush:#f27ca0;--fog:#b9bcc4;--contour:#d9dfe5;--muted:#4a4f58;--px:0;--py:0;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--paper);color:var(--ink);font-family:"Quicksand",system-ui,sans-serif;font-weight:500;line-height:1.45;display:flex;flex-direction:column;overflow-x:hidden;}.top{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 14px) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));max-width:1080px;width:100%;margin:0 auto;}.tile{background:var(--ink);border-radius:18px;display:grid;place-items:center;width:clamp(52px,6vw + 30px,96px);height:clamp(52px,6vw + 30px,96px);flex:none;}.tile img{width:100%;height:100%;max-width:128px;display:block}.word{font-family:"Comfortaa",sans-serif;font-weight:700;font-size:clamp(1.05rem,0.9rem + 0.6vw,1.4rem);letter-spacing:-0.01em}main{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 20px;width:100%;max-width:1080px;margin:0 auto}.stage{position:relative;width:100%;max-width:620px;height:clamp(196px,32dvh,320px);margin-top:clamp(4px,1.5dvh,16px);overflow:hidden;border-radius:32px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;background:radial-gradient(120% 90% at 50% 40%,#f7f9fb 0%,var(--paper) 70%);}.layer{position:absolute;inset:0;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.l-map{transform:translate(calc(var(--px) * -6px),calc(var(--py) * -5px))}.l-here{transform:translate(calc(var(--px) * 8px),calc(var(--py) * 6px))}.l-there{transform:translate(calc(var(--px) * 22px),calc(var(--py) * 16px))}.l-ghost{transform:translate(calc(var(--px) * 34px),calc(var(--py) * 26px))}.l-map svg{width:100%;height:100%;display:block}.here,.there{position:absolute;font-family:"Comfortaa",sans-serif;font-weight:700;line-height:1;letter-spacing:-0.04em;white-space:nowrap;}.here{left:7%;bottom:12%;font-size:clamp(3.4rem,11vw + 1rem,7.4rem);color:transparent;-webkit-text-stroke:2px var(--fog);}.there-box{position:absolute;right:6%;top:9%;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.there{position:relative;font-size:clamp(3.6rem,12vw + 1rem,8rem);color:var(--ink);transition:transform .55s cubic-bezier(.3,1.5,.5,1);}.tag{position:absolute;font-size:clamp(0.72rem,0.68rem + 0.2vw,0.85rem);font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap;}.tag-here{left:8%;bottom:4%;color:var(--muted)}.tag-there{position:relative;background:var(--ink);color:var(--ghost);transition:opacity .25s}.pin{position:absolute;width:30px;height:30px;}.pin i{position:absolute;inset:0;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--mint);box-shadow:inset 0 0 0 7px var(--mint),inset 0 0 0 30px var(--ghost)}.pin i::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--mint)}.ring{position:absolute;left:50%;bottom:-8px;width:34px;height:12px;margin-left:-17px;border-radius:50%;border:2px solid var(--mint);opacity:0;animation:ring 2.4s ease-out infinite}@keyframes ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.2);opacity:0}}.pin-wrap{position:absolute;left:-30px;top:2px;z-index:1}.pin-wrap .pin{position:relative;display:block;animation:land .9s cubic-bezier(.3,1.6,.5,1) both .2s}@keyframes land{0%{transform:translateY(-40px);opacity:0}100%{transform:none;opacity:1}}.ghost{position:absolute;left:30%;top:42%;width:clamp(44px,6vw + 22px,74px);animation:float 3.6s ease-in-out infinite}.ghost svg{width:100%;height:auto;display:block}@keyframes float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(4deg)}}.trail{position:absolute;inset:0;pointer-events:none}.trail svg{width:100%;height:100%}.stage.hop .there{transform:translate(-14px,10px) rotate(-3deg)}.stage.hop2 .there{transform:translate(8px,16px) rotate(2deg)}.stage.blink .tag-there{opacity:0}h1{font-family:"Comfortaa",sans-serif;font-weight:700;letter-spacing:-0.02em;line-height:1.12;font-size:clamp(1.55rem,1rem + 2.6vw,2.9rem);max-width:17ch;margin-top:clamp(14px,2.4dvh,26px);text-wrap:balance;}.sub{max-width:44ch;margin-top:12px;font-size:clamp(0.98rem,0.92rem + 0.3vw,1.12rem);color:var(--muted)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(16px,2.4dvh,26px);min-height:56px;padding:0 30px;border-radius:999px;background:var(--ink);color:var(--ghost);text-decoration:none;font-weight:700;font-size:clamp(1.02rem,0.98rem + 0.2vw,1.15rem);-webkit-tap-highlight-color:transparent;transition:transform .2s ease;}.cta .dot{width:10px;height:10px;border-radius:50%;background:var(--mint)}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--mint);outline-offset:4px}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.after{margin-top:10px;font-size:clamp(0.84rem,0.8rem + 0.15vw,0.95rem);color:var(--muted);max-width:40ch}.doubt{background:var(--ink);color:var(--ghost);margin:clamp(36px,6dvh,64px) auto 0;width:100%;}.doubt-in{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,48px) 24px;display:grid;gap:10px;text-align:left}.doubt h2{font-family:"Comfortaa",sans-serif;font-weight:700;font-size:clamp(1.2rem,1rem + 1vw,1.7rem);line-height:1.2}.doubt h2 span{color:var(--mint)}.doubt p{color:#d6d9df;font-size:clamp(0.98rem,0.94rem + 0.2vw,1.08rem);max-width:58ch}footer{background:var(--ink);color:#aeb3bc;text-align:center;font-size:0.9rem;padding:18px 20px calc(env(safe-area-inset-bottom) + 22px);border-top:1px solid #2a2e35}@media (min-width:900px){.top{padding-top:22px}}@media (prefers-reduced-motion: reduce){.ghost,.ring,.pin-wrap .pin{animation:none}.layer,.there,.cta{transition:none}.ring{opacity:.5}}html,body{max-width:100%;overflow-x:clip}