.header{max-width:1200px;gap:20px}.header-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-slogan{font:800 12px Nunito,sans-serif;color:#55784c;white-space:nowrap}.header .page-nav{display:flex;position:static;flex-direction:row;gap:12px;padding:0;border:0;background:none;align-items:center}.page-nav button{font:800 14px Nunito,sans-serif;background:none;border:0;color:#426649;padding:8px 0;cursor:pointer;position:relative;white-space:nowrap}.page-nav span{color:#a5b692;font-size:12px}.page-nav button[aria-current=page]{color:#148748}.page-nav button:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;border-radius:3px;background:#1d9b54;transform:scaleX(0);transition:transform .2s}.page-nav button[aria-current=page]:after,.page-nav button:hover:after{transform:scaleX(1)}.page-stack{display:grid;overflow:hidden;background:#dff1c8}.page-view{grid-area:1/1;min-width:0;background:#dff1c8;outline:none}.page-view[hidden]{display:none}.page-view[inert]{pointer-events:none}.info-page{min-height:calc(100svh - 120px);box-sizing:border-box;display:flex;align-items:center;padding:28px 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.info-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.08}.info-grid h2 span{color:#208b4c}.info-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.65;color:#65835a;max-width:440px;margin-top:20px}.faq-list{background:#fff9e7;border:2px solid #a8c68d;border-radius:18px;padding:8px 22px;box-shadow:5px 5px 0 #bad39d}.faq-list details{padding:16px 0;border-bottom:1px solid #d3ddc0}.faq-list details:last-child{border-bottom:0}.faq-list summary{cursor:pointer;font:900 16px Nunito,sans-serif}.faq-list details p{font-size:14px;line-height:1.6;margin:10px 0 0;color:#557458}.download-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.download-cards article,.support-card{background:#fff9e7;border:2px solid #a8c68d;border-radius:18px;padding:24px;box-shadow:5px 5px 0 #bad39d}.download-cards article>span{font-size:10px;font-weight:800;letter-spacing:1px;color:#648057}.download-cards h3,.support-card h3{font:900 26px Nunito,sans-serif;margin:15px 0}.download-cards p,.support-card p{font-size:14px;line-height:1.6;color:#557458}.download-cards button{margin-top:17px;font-size:13px;padding:10px 15px;opacity:.75}.support-card .button{cursor:pointer;font:800 14px Nunito,sans-serif;margin-top:20px}.support-status{margin-top:25px;padding-top:20px;border-top:1px solid #cad8b7}.support-status strong{font-size:13px}.support-status p{margin-top:6px;font-size:12px}
@media(max-width:1100px){.brand-slogan{font-size:10px}.header-brand{gap:8px}.header .brand-wordmark{width:155px}.header{gap:12px}.header .page-nav{gap:9px}.store-badge{min-width:110px;padding:6px 10px}.store-badge strong{font-size:16px}}
@media(max-width:900px){.header-brand{flex-direction:column;gap:0;align-items:flex-start}.brand-slogan{font-size:9px;margin-top:-5px}.header .brand-wordmark{height:42px;width:140px}.header .page-nav{gap:7px}.page-nav button{font-size:13px}.store-badge{min-width:0}.store-badge strong{font-size:14px}.header-brand{padding-bottom:4px}}
@media(max-width:760px){.header{display:grid;grid-template-columns:1fr auto;gap:5px 10px}.header-brand{flex-direction:row;align-items:center;gap:8px;padding:0}.header .brand-wordmark{width:120px;height:40px}.brand-slogan{width:43px;white-space:normal;line-height:1.15;margin:0;font-size:8px}.header .page-nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:17px}.page-nav button{font-size:13px;padding:5px 0 8px}.store-badge{padding:5px 7px}.store-badge strong{font-size:12px}.store-badge span{font-size:6px}.info-page{min-height:calc(100svh - 128px);padding:22px 0}.info-grid{grid-template-columns:1fr;gap:20px}.info-grid h2{font-size:35px}.info-grid>div>p:not(.eyebrow){font-size:13px;margin-top:12px}.faq-list{padding:4px 17px}.faq-list details{padding:12px 0}.faq-list summary{font-size:14px}.download-cards article{padding:18px}.download-cards h3{font-size:23px}.download-cards p{font-size:12px}.support-card{padding:20px}.opening-grid{padding-top:14px;padding-bottom:14px;gap:15px}.opening h1{font-size:clamp(35px,9.5vw,53px)}.opening-description{font-size:12px;margin-top:9px}.sticker-row{margin-top:9px}.buddy-playground{padding-top:10px;padding-bottom:10px}.buddy-button{width:98px;height:98px}.buddy-speech{height:44px;min-height:44px}}
@media(max-width:360px){.header .brand-wordmark{width:103px}.header-brand{gap:3px}.brand-slogan{font-size:7px;width:38px}.header .page-nav{gap:14px}}
.header-brand{gap:0}.brand-slogan{margin-left:-6px}.ticker-track{animation-duration:55s}
@media(max-width:900px) and (min-width:761px){.brand-slogan{margin-left:0}}
@media(max-width:760px){.header-brand{gap:0}.brand-slogan{margin-left:-3px}}
.buddy-speech{transform:none}.tap-badge{transform:translateX(-50%)}.shuffle-button:hover{transform:translateY(-2px)}
@keyframes buddyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.faq-list details.answer-highlight{background:#fff2ac;box-shadow:inset 4px 0 0 #229953;border-radius:9px;padding:15px 16px;margin:9px -8px}.answer-highlight summary{color:#166c3c}.answer-highlight summary:focus{outline:2px solid #229953;outline-offset:4px;border-radius:3px}
.map-page{padding:22px 0;min-height:calc(100svh - 120px);box-sizing:border-box}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.map-heading .eyebrow{margin-bottom:8px}.map-heading h2{font-size:32px;line-height:1.1}.map-heading>p{font-size:13px;line-height:1.6;color:#557458}.map-frame{border:2px solid #8bae70;border-radius:16px;overflow:hidden;height:clamp(260px,calc(100svh - 270px),500px);box-shadow:5px 5px 0 #bad39d;background:#e8ecd9}.map-frame iframe{display:block;width:100%;height:100%;border:0}.map-note{font-size:11px;color:#557458;margin-top:12px}.header .page-nav{gap:10px}@media(max-width:900px){.header .page-nav{gap:6px}.page-nav button{font-size:12px}}@media(max-width:760px){.header .page-nav{gap:13px}.map-page{padding:20px 0}.map-heading{display:block}.map-heading h2{font-size:29px}.map-heading>p{margin-top:10px}.map-frame{height:clamp(280px,calc(100svh - 340px),480px)}.map-note{font-size:10px}}@media(max-width:360px){.header .page-nav{gap:10px}}
@media(prefers-reduced-motion:reduce){.page-nav button:after{transition:none}}