@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/fredoka-latin-500-normal.B0JifZgm.woff2)format("woff2"),url(/_astro/fredoka-latin-500-normal.BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/fredoka-latin-600-normal.C4zohCW5.woff2)format("woff2"),url(/_astro/fredoka-latin-600-normal.CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/fredoka-latin-700-normal.BOIZVyIN.woff2)format("woff2"),url(/_astro/fredoka-latin-700-normal.C8FeHd3X.woff)format("woff")}:root{--sky-top:#5fa8e8;--horizon:#d9ecf7;--ink:#1b1d24;--night:#14161c;--cream:#fff6e8;--orange:#ff8a3d;--orange-dark:#c45a17;--yellow:#ffd23f;--yellow-dark:#c98a00;--pink:#ff5e7a;--blue:#6fd3ff;--blue-dark:#2f8fb8;--green:#5cbf5a;--green-dark:#3a8a38;--asphalt:#5b5f6b;--radius:22px;--wrap:1120px;--gutter:max(16px, env(safe-area-inset-left))}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{color:var(--ink);-webkit-tap-highlight-color:transparent;background:#fff;margin:0;font-family:Fredoka,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;font-size:18px;font-weight:500;line-height:1.5;overflow-x:hidden}h1,h2,h3{margin:0;line-height:1.1}a{color:inherit}.btn{font:inherit;white-space:nowrap;cursor:pointer;border:none;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:20px;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{transform:translateY(4px)}.btn-orange{background:var(--orange);color:#fff;text-shadow:0 2px #0003;box-shadow:0 5px 0 var(--orange-dark)}.btn-orange:active{box-shadow:0 1px 0 var(--orange-dark)}.btn-green{background:var(--green);color:#fff;text-shadow:0 2px #0003;box-shadow:0 5px 0 var(--green-dark)}.btn-green:active{box-shadow:0 1px 0 var(--green-dark)}.btn-white{color:var(--ink);background:#fff;box-shadow:0 5px #b9bcc6}.btn-static{cursor:default}.btn-static:active{transform:none}.btn-small{padding:9px 20px;font-size:17px}.topbar{z-index:2;max-width:var(--wrap);padding:18px var(--gutter);align-items:center;gap:24px;margin:0 auto;display:flex;position:relative}.brand{color:var(--ink);align-items:center;gap:10px;margin-right:auto;font-size:24px;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand .face{width:40px;height:40px}.nav{gap:22px;display:flex}.nav a{color:var(--ink);font-weight:600;text-decoration:none}.nav a:hover{text-underline-offset:4px;text-decoration:underline}.logo{color:#ffb02e;letter-spacing:.01em;text-transform:uppercase;-webkit-text-stroke:3px #7a3510;paint-order:stroke fill;text-shadow:0 8px #7a3510,0 14px 22px #0000002e;margin:8px 0 14px;font-size:clamp(76px,12vw,132px);font-weight:700;line-height:.88}.logo-top,.logo-name{width:fit-content;display:block}.logo-top{color:#fff;margin-bottom:.08em;font-size:.5em;transform:rotate(-3deg)}.logo-name{transform:rotate(1.5deg)}.cta{flex-wrap:wrap;gap:14px;display:flex}.street3d{background:linear-gradient(to bottom, var(--horizon) 0 55%, #d3cbbd 55% 62%, #5d636e 62%);height:clamp(300px,34vw,440px);position:relative;overflow:hidden}.street3d canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block}.street3d.ready canvas{opacity:1}.shout{z-index:2;border:3px solid var(--ink);color:var(--ink);text-shadow:none;white-space:nowrap;pointer-events:none;opacity:0;transform-origin:50% 100%;background:#fff;border-radius:14px;padding:6px 14px 7px;font-size:clamp(14px,1.6vw,18px);font-weight:700;transition:opacity .15s,transform .2s cubic-bezier(.3,1.6,.5,1);position:absolute;transform:translate(-50%,calc(-100% - 14px))scale(.6);box-shadow:0 3px #0000002e}.shout:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:inherit;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-11px;left:50%;transform:rotate(45deg)skew(8deg,8deg)}.shout.visible{opacity:1;transform:translate(-50%,calc(-100% - 14px))scale(1)}.shout-dog{background:var(--orange);color:#fff;font-size:clamp(16px,1.9vw,22px)}@keyframes hop{to{transform:translateY(-5px)}}.section{max-width:var(--wrap);padding:80px var(--gutter);margin:0 auto}.section-cream,.section-night{max-width:none;padding-left:max(var(--gutter), calc((100% - var(--wrap)) / 2 + 16px));padding-right:max(var(--gutter), calc((100% - var(--wrap)) / 2 + 16px))}.section-cream{background:var(--cream)}.section-night{background:var(--night);color:#fff}.section-title{margin-bottom:12px;font-size:clamp(32px,5vw,46px);font-weight:700}.section-lead{color:#4a4f5c;max-width:36em;margin:0 0 36px;font-size:20px}.section-night .section-lead{color:#ffffffbf}.card{border-radius:var(--radius);background:#fff;border:2px solid #e3e5ec;box-shadow:0 6px #e3e5ec,inset 0 1px #e3e5ec}.card h3{margin-bottom:6px;font-size:24px;font-weight:700}.card p{color:#4a4f5c;margin:0}.gestures{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.gesture{padding:22px}.gesture-key{min-width:64px;height:64px;color:var(--ink);border-radius:18px;justify-content:center;align-items:center;margin-bottom:14px;padding:0 12px;font-size:30px;font-weight:700;display:inline-flex}.gesture-blue .gesture-key{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark)}.gesture-yellow .gesture-key{background:var(--yellow);box-shadow:0 5px 0 var(--yellow-dark)}.gesture-pink .gesture-key{background:var(--pink);color:#fff;box-shadow:0 5px #b8324b}.gesture-green .gesture-key{background:#bfe7f5;box-shadow:0 5px #7fb8cc}.ouf{border-radius:var(--radius);background:linear-gradient(90deg,#ffd23f,#ff9f1c);align-items:center;gap:28px;margin-top:36px;padding:24px 30px;display:flex}.ouf p{margin:0;font-size:19px;font-weight:600}.ouf-word{color:#fff;-webkit-text-stroke:2px #a85a00;paint-order:stroke fill;text-shadow:0 5px #a85a00;flex:none;font-size:46px;font-weight:700;transform:rotate(-6deg)}.maps{grid-template-columns:1fr 1fr;gap:24px;display:grid}.map{grid-template-columns:42% 1fr;display:grid;overflow:hidden}.map img{object-fit:cover;width:100%;height:100%;min-height:300px;display:block}.map-body{flex-direction:column;align-items:flex-start;gap:8px;padding:24px;display:flex}.map-body .btn{margin-top:auto}.map-body p{margin-bottom:18px}.tag{color:var(--orange-dark);background:#ffe2cc;border-radius:99px;padding:3px 12px;font-size:14px;font-weight:700}.tag-green{color:var(--green-dark);background:#d8f2d4}.buddies{grid-template-columns:1fr 1fr;gap:24px;max-width:760px;display:grid}.buddy{text-align:center;padding:26px}.buddy .face{width:128px;height:128px;margin-bottom:10px;transition:transform .2s}.buddy:hover .face{transform:rotate(-6deg)scale(1.06)}.buddy-more{justify-content:center;height:128px;margin-bottom:10px;padding-top:24px;display:flex}.buddy-more img{align-self:flex-start;width:min(92px,24%);height:auto;margin:0 -14px;transition:transform .2s}.buddy-more img:nth-child(odd){transform:translateY(-14px)}.buddy:hover .buddy-more img{transform:translateY(-8px)rotate(-6deg)}.btn-soon{cursor:default;opacity:.8}.board-split{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.promises{margin:0;padding:0;list-style:none}.promises li{margin-bottom:10px;padding-left:34px;font-size:19px;position:relative}.promises li:before{content:"";background:radial-gradient(circle at 35% 35%,#fff3b0,#ffc531 45%,#c98a00);border-radius:50%;width:20px;height:20px;position:absolute;top:5px;left:0;box-shadow:inset 0 0 0 3px #e0a400}.banner-demo{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.pass{color:#fff;text-shadow:0 2px #0003;opacity:0;border-radius:99px 0 0 99px;padding:12px 22px;font-size:20px;font-weight:700}.banner-demo.in-view .pass{animation:.5s ease-out forwards slide-in}.pass b{margin-left:6px}.pass-1{background:linear-gradient(90deg,#ff8a3d,#ff5e7a);animation-delay:.1s}.pass-2{color:var(--ink);text-shadow:none;background:linear-gradient(90deg,#ffd23f,#ff9f1c);animation-delay:.4s}.pass-3{background:linear-gradient(90deg,#8a5cff,#ff5ed0);animation-delay:.7s}@keyframes slide-in{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:none}}.street3d-overlay{flex-direction:column;display:flex;position:absolute;inset:0}.footer{padding:48px var(--gutter) calc(48px + env(safe-area-inset-bottom));background:var(--night);color:#ffffffb3;text-align:center;font-size:16px}.footer p{max-width:34em;margin:0 auto 14px}.footer-title{color:#fff;font-size:24px;font-weight:700}.footer-links{justify-content:center;gap:24px;margin-bottom:14px;display:flex}.footer-links a{color:var(--yellow);font-weight:600}.footer-small{opacity:.6;font-size:14px}.prose{max-width:760px}.prose h2{margin:32px 0 8px;font-size:26px}.prose p{color:#3a3f4b;margin:0 0 14px}@media (width<=980px){.gestures{grid-template-columns:1fr 1fr}.maps{grid-template-columns:1fr}}@media (width<=760px){body{font-size:17px}.nav{display:none}.section{padding-top:56px;padding-bottom:56px}.section-lead{font-size:18px}.ouf{flex-direction:column;align-items:flex-start;gap:10px}.map{grid-template-columns:38% 1fr}.map img{min-height:260px}.map-body{padding:18px}.board-split{grid-template-columns:1fr}.banner-demo{margin-right:calc(-1 * var(--gutter))}}@media (width<=520px){.gestures,.buddies{grid-template-columns:1fr}.gesture{grid-template-columns:auto 1fr;column-gap:16px;display:grid}.gesture-key{grid-row:span 2;margin-bottom:0}.map{grid-template-columns:1fr}.map img{object-position:center 60%;height:220px;min-height:0}.cta .btn{flex:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:10ms!important;animation-iteration-count:1!important}.pass{opacity:1}}:root{--paper:#ffe9a6;--line:#1b1d24}body{background:var(--paper)}.bd-top{border-bottom:4px solid var(--line);background:radial-gradient(#ff8a3d47 1.6px,#0000 1.8px) 0 0/14px 14px,#ffd84d}.bd-top .topbar{padding-bottom:10px}.logo{-webkit-text-stroke:4px var(--line);text-shadow:6px 6px 0 var(--line);font-size:clamp(64px,11vw,120px)}.btn-orange,.btn-green,.btn-white{border:3px solid var(--line);box-shadow:4px 4px 0 var(--line)}.btn-orange:active,.btn-green:active,.btn-white:active{box-shadow:1px 1px 0 var(--line)}.card{border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);border-radius:6px}.gesture-key{border:3px solid var(--line);box-shadow:3px 3px 0 var(--line)}.ouf{border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);border-radius:6px}.section-title{border:3px solid var(--line);box-shadow:5px 5px 0 var(--line);color:var(--ink);background:#fff;padding:2px 14px 6px;display:inline-block;transform:rotate(-1deg)}.section-cream{border-top:4px solid var(--line);border-bottom:4px solid var(--line);background:#fff3cc}.section-night{border-top:4px solid var(--line)}.hero3d{height:min(84svh,780px);min-height:540px;margin:0 max(var(--gutter), calc((100% - 1280px) / 2));border:5px solid var(--line);box-shadow:10px 10px 0 var(--line);background:linear-gradient(to bottom, var(--sky-top), var(--horizon) 55%, #5d636e 62%);border-radius:6px}.hero3d .street3d-overlay{background:linear-gradient(90deg,#ffe68c80,#ffe68c26 40%,#0000 60%)}.hero3d-text{width:100%;max-width:var(--wrap);padding:40px var(--gutter) 60px;margin:auto}.hero3d-text .logo{margin-top:0}.hero3d-lead{border:3px solid var(--line);width:fit-content;max-width:20em;box-shadow:4px 4px 0 var(--line);color:var(--ink);background:#fff;margin:6px 0 26px;padding:8px 16px;font-size:20px;font-weight:700;transform:rotate(-1deg)}.hero3d .shout{box-shadow:4px 4px 0 var(--line);border-width:4px;font-size:clamp(16px,1.8vw,22px)}.hero3d .shout-dog{font-size:clamp(20px,2.4vw,30px)}.hero3d-caption{border:5px solid var(--line);color:var(--ink);background:#fff6c8;margin:0;padding:8px 16px;font-size:18px;font-weight:700;position:absolute;top:-5px;left:-5px}.boom{color:#fff;-webkit-text-stroke:3px var(--line);paint-order:stroke fill;text-shadow:5px 5px 0 var(--line);font-size:clamp(42px,6vw,64px);font-weight:700;transform:rotate(-6deg)}.hero3d-boom{color:var(--yellow);font-size:clamp(40px,6vw,72px);animation:1.6s ease-in-out infinite boom;position:absolute;bottom:24px;right:28px}@keyframes boom{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(-4deg)scale(1.08)}}.strip-title{border:4px solid var(--line);width:fit-content;box-shadow:6px 6px 0 var(--line);background:#fff;margin:56px auto 10px;padding:4px 18px 8px;font-size:clamp(28px,4vw,40px);transform:rotate(-1.5deg)}.strip{max-width:var(--wrap);padding:18px var(--gutter) 56px;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 auto;display:grid}.panel{border:4px solid var(--line);box-shadow:7px 7px 0 var(--line);transform:rotate(var(--tilt));background:#fff;margin:0;transition:transform .2s;position:relative}.panel:hover{transform:rotate(0)scale(1.02)}.panel img{aspect-ratio:1;width:100%;height:auto;display:block}.panel figcaption{z-index:1;border:4px solid var(--line);background:#fff6c8;max-width:80%;padding:6px 12px;font-size:16px;font-weight:700;line-height:1.25;position:absolute;top:-4px;left:-4px}.panel-cta{background:var(--orange)}.panel-cta-body{aspect-ratio:1;background:repeating-conic-gradient(from 0deg at 50% 45%, #ff9a52 0 10deg, #ff7e2a 10deg 20deg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:50px 20px 20px;display:flex}.panel-small{font-size:15px;font-weight:700}@media (width<=860px){.strip{grid-template-columns:1fr 1fr}}@media (width<=760px){.hero3d{height:82svh;min-height:520px;box-shadow:6px 6px 0 var(--line)}.hero3d .street3d-overlay{background:linear-gradient(#0000 45%,#ffd84dd9 80%)}.hero3d-text{margin:auto 0 0;padding-bottom:28px}.hero3d-text .logo{font-size:64px}.hero3d .cta .btn{flex:100%}.hero3d-boom{top:54px;bottom:auto;right:14px}}@media (width<=520px){.strip{grid-template-columns:1fr;gap:26px}}