@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--yellow:#f8ed39;--black:#141514;--paper:#fffcec;--muted:#96998e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:'DM Sans',sans-serif}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9d88ff;outline-offset:5px}.demo-bar{background:var(--yellow);color:var(--black);font-size:10px;font-weight:700;letter-spacing:.8px;text-align:center;padding:9px 18px}.demo-bar span{padding:0 8px}header{max-width:1400px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between}.logo{position:relative;font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:700;line-height:.95;letter-spacing:-1px}.logo b{color:var(--yellow)}.logo-coin{position:absolute;left:112px;top:2px;display:grid;place-items:center;font-size:27px;background:var(--yellow);color:var(--black);width:40px;height:40px;border-radius:50%;transform:rotate(-18deg)}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a{color:#d1d3c7}.lang{background:none;color:var(--paper);border:1px solid #575a4b;border-radius:30px;padding:9px 14px;font-size:11px}.hero{padding:32px 5% 0;max-width:1400px;margin:auto;position:relative}.orbit-label,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.orbit-label{display:flex;gap:8px;align-items:center;color:#b5b9a9}.orbit-label i,.live-dot{height:6px;width:6px;background:var(--yellow);border-radius:50%;display:inline-block}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,7vw,96px);line-height:1;letter-spacing:-5px;margin:23px 0 20px;font-weight:700}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p{font-size:15px;line-height:1.7;color:#aeb1a4}.stage{height:650px;position:relative;margin-top:-165px}#globe{position:absolute;left:-8%;top:0;width:78%;height:650px;cursor:grab;touch-action:pan-y}.globe-label{position:absolute;left:0;bottom:70px;font-size:9px;letter-spacing:1.8px;color:#a2a98f;transform:rotate(-90deg);transform-origin:left}.planet-note{position:absolute;left:7%;top:270px;font-size:11px;color:#b8bbab;transform:rotate(-12deg)}.letter{position:absolute;right:3%;top:0;width:355px;background:var(--paper);color:var(--black);padding:34px 28px 23px;transform:rotate(3deg);box-shadow:10px 12px 0 #0004;z-index:3}.tape{position:absolute;left:38%;top:-14px;width:95px;height:29px;background:#c8c3a3bf;transform:rotate(-8deg)}.paper-kicker{font-size:9px;font-weight:700;letter-spacing:1.4px}.letter h2{font-size:57px;font-family:'Space Grotesk',sans-serif;line-height:.97;letter-spacing:-3px;margin:21px 0 20px}.letter p{font-size:14px;line-height:1.75;margin-bottom:16px}.signature{font-family:Georgia,serif;font-size:12px;font-style:italic;margin-bottom:25px}.pay{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:var(--yellow);color:var(--black);font-weight:700;font-size:13px;padding:17px 16px;box-shadow:3px 3px 0 var(--black);transition:transform .15s,box-shadow .15s}.pay:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--black)}.pay span{font-size:21px}.letter>small{display:block;font-size:9px;text-align:center;margin-top:11px;color:#666653}.qr-section{display:flex;gap:12px;border-top:1px solid #d9d5be;margin-top:20px;padding-top:16px;align-items:center}.qr-placeholder{width:44px;height:44px;border:2px dashed #aaa68f;display:grid;place-items:center;font-size:12px;flex-shrink:0}.qr-section p{margin:0;font-size:10px;line-height:1.6}.qr-section span{color:#74725f;font-size:9px}.treasure{position:absolute;left:41%;bottom:25px;z-index:4;transform:rotate(-7deg)}.chest{width:146px;height:105px;filter:drop-shadow(0 0 30px #f8ed3930)}.chest-lid{height:46px;width:146px;border:6px solid #f3d166;border-radius:44px 44px 4px 4px;background:repeating-linear-gradient(90deg,#795026 0 27px,#ca9b45 27px 36px);transform:rotate(-12deg);transform-origin:left bottom}.chest-box{position:absolute;bottom:0;width:146px;height:67px;background:linear-gradient(90deg,#d8a740 0 12%,#86562d 12% 43%,#f3d166 43% 57%,#86562d 57% 88%,#d8a740 88%);border:5px solid #e4b749;border-radius:3px 3px 12px 12px}.chest-box b{position:absolute;left:55px;top:12px;font-size:24px;color:#5a371c}.treasure-caption{font-size:10px;font-weight:700;color:var(--yellow);text-align:center;letter-spacing:1px;margin-top:15px}.spark{position:absolute;color:var(--yellow);font-size:30px}.s1{left:-30px;top:8px}.s2{right:-30px;top:-14px}.live-pill{position:absolute;left:9%;bottom:10px;padding:13px 19px;border:1px solid #4d5442;background:#1d211a;border-radius:30px;font-size:11px;display:flex;align-items:center;gap:9px;max-width:85%;z-index:5}.goal{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;padding:40px 0 45px;border-top:1px solid #3b3d33}.label,.demo-caption{display:block;font-size:9px;letter-spacing:1.2px;color:#a0a68e}.goal strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:68px;line-height:1.2;letter-spacing:-3px;margin:6px 0}.goal strong small{color:var(--yellow);font-size:44px}.demo-caption{font-size:8px}.goal-right>span{font-size:9px;letter-spacing:1px;color:var(--yellow);display:block;margin-bottom:7px}.goal-right>b{font-size:20px;font-family:'Space Grotesk',sans-serif}.goal-right>small{font-size:10px;color:#a0a68e}.progress{background:#34382b;height:9px;border-radius:20px;margin:18px 0 10px;overflow:hidden}.progress>div{height:100%;background:var(--yellow);width:1.248%;min-width:5px;transition:width .5s}.why{background:var(--paper);color:var(--black);display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px max(5%,calc((100% - 1260px)/2));}.why h2,.takeaway h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-2.7px;margin:24px 0}.why h2 em{font-style:normal;color:#747857}.big-answer{font-family:'Space Grotesk',sans-serif;font-size:32px;line-height:1.1;font-weight:700;letter-spacing:-1px;margin-top:36px}.why-answer>p:not(.big-answer){font-size:14px;line-height:1.8;max-width:470px;color:#555744}.why details{border-top:1px solid #cfccb6;padding:16px 0}.why summary{cursor:pointer;font-size:12px;font-weight:700;line-height:1.5}.why details p{font-size:12px;line-height:1.7;color:#555744}.takeaway{max-width:1400px;margin:auto;padding:80px 5%;display:grid;grid-template-columns:1.3fr .8fr .7fr;align-items:center;gap:40px}.takeaway .eyebrow{color:var(--yellow)}.takeaway h2{font-size:42px}.takeaway p{font-size:13px;line-height:1.8;color:#bdc0ae}.takeaway small{font-size:10px;color:#a6aa95;line-height:1.7}.sticker{background:var(--yellow);color:var(--black);padding:22px;transform:rotate(-8deg);box-shadow:7px 7px 0 #ffffff20;position:relative;border-radius:5px}.sticker>span{font-size:24px;font-weight:700}.sticker>strong{font-family:'Space Grotesk',sans-serif;font-size:95px;display:block;line-height:1;letter-spacing:-8px}.sticker p{color:var(--black);font-size:12px;font-weight:700}.sticker-qr{border:2px dashed #696527;font-size:10px;width:70px;height:45px;display:grid;place-items:center}.mini-face{position:absolute;right:22px;bottom:36px;font-size:37px;font-weight:700;transform:rotate(90deg)}.mascot-placeholder{text-align:center;transform:rotate(6deg)}.portrait{width:120px;height:140px;border:3px dashed #b7b99a;border-radius:50% 50% 45% 45%;display:grid;place-items:center;font-family:'Space Grotesk',sans-serif;font-size:80px;color:#b7b99a;margin:0 auto 18px}.mascot-placeholder b{display:block;font-size:12px;line-height:1.4;color:var(--yellow)}.mascot-placeholder small{display:block;margin-top:10px}footer{border-top:1px solid #3b3d33;padding:28px 5%;display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}footer .small{font-size:14px}footer p{font-size:10px;color:#a0a68e}footer div{display:flex;gap:16px}footer button{font-size:10px;color:#d6d8c7;background:none;border:0;padding:8px 0}footer>small{width:100%;font-size:9px;color:#8d947c}dialog{max-width:410px;width:calc(100% - 32px);border:0;background:var(--paper);color:var(--black);padding:35px;box-shadow:8px 8px 0 var(--yellow)}dialog::backdrop{background:#080b09c9;backdrop-filter:blur(6px)}dialog h2{font-size:45px;line-height:1;font-family:'Space Grotesk',sans-serif;letter-spacing:-2px;margin:22px 0}dialog p{font-size:13px;line-height:1.7}dialog label{display:block;font-size:11px;font-weight:700;margin-top:25px}dialog select{width:100%;padding:12px;margin:8px 0 20px;border:1px solid #a7a68e;background:transparent;font:inherit;font-size:14px}dialog small{font-size:10px;line-height:1.6;display:block;margin-top:18px;color:#63664d}.close{position:absolute;right:12px;top:9px;background:none;border:0;font-size:26px;padding:3px 8px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--yellow);color:var(--black);font-size:13px;font-weight:700;box-shadow:4px 4px 0 #0008;padding:16px 22px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:15;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.flying-coin{position:absolute;width:29px;height:29px;background:var(--yellow);color:var(--black);border:2px solid #b5a627;border-radius:50%;display:grid;place-items:center;font-weight:700;box-shadow:0 0 25px #f8ed3988;z-index:7;pointer-events:none}.trail-dot{position:absolute;background:var(--yellow);border-radius:50%;width:5px;height:5px;box-shadow:0 0 14px var(--yellow);z-index:6;pointer-events:none}@media(min-width:1400px){.hero-copy{padding-left:25px}}@media(max-width:900px){.stage{margin-top:-70px;height:650px}#globe{left:-12%;width:90%;top:20px}.letter{right:0;width:320px}.hero h1{font-size:66px}.takeaway{grid-template-columns:1.3fr 1fr}.mascot-placeholder{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:20px}.portrait{width:70px;height:80px;font-size:48px;margin:0}.mascot-placeholder small{margin:0}.why{gap:35px}.live-pill{left:0;bottom:8px}.treasure{left:38%}}@media(max-width:600px){header{padding:23px 6%;align-items:start}nav{gap:14px}nav a{display:none}.demo-bar{font-size:8px;line-height:1.6}.hero{padding:24px 6% 0}.orbit-label{font-size:8px;letter-spacing:1px}.hero h1{font-size:53px;letter-spacing:-3px;margin-top:20px}.hero-copy>p{font-size:13px}.stage{height:835px;margin-top:0}#globe{width:115%;height:500px;left:-8%;top:-70px}.letter{top:230px;right:5%;width:90%;max-width:340px;padding:28px 24px 20px;transform:rotate(2deg)}.letter h2{font-size:48px}.letter p{font-size:12px}.signature{font-size:11px;margin-bottom:20px}.paper-kicker{font-size:8px}.planet-note{top:32px;left:0;font-size:9px}.globe-label{display:none}.treasure{left:auto;right:0;top:145px;bottom:auto;transform:rotate(-10deg) scale(.7);transform-origin:right top}.treasure-caption{display:none}.live-pill{bottom:15px;max-width:100%;font-size:10px}.goal{grid-template-columns:1fr;gap:28px;padding:30px 0}.goal strong{font-size:59px}.goal-right>b{font-size:18px}.why{grid-template-columns:1fr;padding:50px 6%;gap:5px}.why h2{font-size:44px}.big-answer{margin-top:10px;font-size:30px}.takeaway{padding:50px 6%;grid-template-columns:1fr;gap:35px}.takeaway h2{font-size:39px}.sticker{width:230px;margin:10px auto}.mascot-placeholder{gap:15px}.mascot-placeholder b{font-size:10px}.mascot-placeholder small{font-size:9px}.portrait{width:60px;height:70px;flex-shrink:0}footer{padding:25px 6%;gap:12px}footer div{gap:18px}dialog{padding:30px 25px}dialog h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

body{overflow-x:clip}@media(max-width:600px){.stage{height:775px}.letter{top:170px}.treasure{top:85px}}
@media(max-width:600px){#globe{width:110%;left:-5%}.s2{right:-10px}}

.letter-mascot{width:110px;height:143px;object-fit:contain;position:absolute;right:-32px;top:172px;transform:rotate(-9deg);filter:drop-shadow(3px 5px 0 #0002);pointer-events:none}.letter>p{padding-right:45px}.comic-large{width:100%;max-width:220px;height:290px;object-fit:contain}.mascot-placeholder{transform:rotate(3deg)}.map-coins{position:absolute;inset:0;pointer-events:none;z-index:2}.map-marker{position:absolute;display:grid;grid-template-columns:repeat(3,8px);gap:2px;padding:8px;background:transparent;border:0;transform:translate(-50%,-50%);pointer-events:auto;min-width:44px;min-height:38px;align-content:center;justify-content:center}.map-marker[hidden]{display:none}.coin-dot{width:8px;height:8px;background:#ffe370;border:1px solid #a08729;border-radius:50%;color:#433212;font-size:6px;line-height:6px;font-weight:700;box-shadow:0 0 9px #f8ed3955}.map-marker:hover .coin-dot,.map-marker:focus-visible .coin-dot{box-shadow:0 0 15px #fff17b;background:#fff3b0}.map-tooltip{position:absolute;z-index:9;background:#fffcec;color:#141514;padding:9px 12px;font-size:11px;font-weight:700;box-shadow:3px 3px 0 #0005;border-radius:6px;pointer-events:none;max-width:210px}.show-controls{position:absolute;left:2%;top:175px;z-index:6;display:flex;align-items:flex-start;flex-direction:column;gap:7px}.show-controls button{border:1px solid #7c855c;background:#23291c;color:#f8ed39;padding:11px 15px;font-size:11px;border-radius:30px}.show-controls span{font-size:8px;letter-spacing:1px;color:#a8b191;margin-left:12px}.show-controls button:disabled{opacity:.7;cursor:default}.chest-box{overflow:visible}.coin-pile{position:absolute;left:8px;right:8px;bottom:calc(100% - 3px);height:12px;background:radial-gradient(ellipse at center,#ffe982 0 40%,#caa23c 41% 60%,transparent 61%) 0 0/21px 12px repeat;transition:height .4s}.beam{position:absolute;height:3px;background:linear-gradient(90deg,transparent,#ffe574,#fff5cf);box-shadow:0 0 12px #f8ed39,0 0 26px #f8ed3988;transform-origin:left center;pointer-events:none;z-index:5;border-radius:100%;opacity:0}.treasure.is-filling .spark{filter:drop-shadow(0 0 12px #f8ed39)}
@media(max-width:900px){.comic-large{width:100px;height:130px}.letter-mascot{right:-17px;width:95px;height:125px;top:165px}.letter>p{padding-right:32px}.show-controls{top:205px;left:0}}
@media(max-width:600px){.letter-mascot{right:-10px;top:150px;width:92px;height:122px}.letter>p{padding-right:45px}.show-controls{top:14px;left:0}.show-controls button{font-size:9px;padding:10px 12px}.show-controls span{font-size:7px}.planet-note{display:none}.map-marker{transform:translate(-50%,-50%) scale(.85)}.comic-large{width:100px;max-width:40%;height:140px}.mascot-placeholder{display:flex;gap:12px}.mascot-placeholder small{display:none}.mascot-placeholder b{font-size:11px}.letter{top:190px}.stage{height:820px}}

/* Curved trails use ordinary SVG and frame updates, including iOS Safari. */
.flight-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none!important;z-index:5}.flight-layer *{pointer-events:none!important}.show-controls button,.pay{touch-action:manipulation;-webkit-appearance:none;appearance:none}.chest-pop{animation:chest-pop .55s ease-out}@keyframes chest-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.14) rotate(-4deg)}}.dialog-backdrop{position:fixed;inset:0;background:#080b09c9;z-index:100}.dialog-fallback[open]{display:block;position:fixed;left:50%;top:50%;right:auto;bottom:auto;margin:0;transform:translate(-50%,-50%);z-index:101;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}@media(prefers-reduced-motion:reduce){.chest-pop{animation:none}}