/* Entry CTA: the original closing badge stays unchanged; this badge is half its width. */
.hero-download{position:relative;z-index:5;margin-top:20px;pointer-events:auto}
.hero-download .play-store-badge img{width:calc(var(--play-badge-width,clamp(168px,18vw,239px))*.5)}
.hero-download .download-note{margin:5px 0 0;color:#b3c3da;font-size:13px;line-height:1.65}
.download-note span{display:block}
.hero .actions{margin-top:18px;gap:18px 25px}
.header-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.main-nav a{white-space:nowrap}
.mobile-menu{display:none;border:0;padding:0;position:relative}
.mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid #a3b6d944;border-radius:13px;background:#060d1bd9;list-style:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary:after{display:none}
.mobile-menu[open] summary{background:#253252;border-color:#a8a2ff70}
.mobile-menu nav{position:absolute;right:0;top:54px;display:flex;flex-direction:column;gap:0;min-width:230px;max-width:calc(100vw - 32px);padding:9px 16px;border:1px solid #a3b6d944;border-radius:16px;background:#0c1526;box-shadow:0 16px 40px #0008;text-align:left}
.mobile-menu nav a{display:flex;align-items:center;min-height:46px;padding:8px 4px;font-size:15px;line-height:1.5}
.mobile-menu .nav-support{margin-top:4px;border-top:1px solid var(--line);color:#d2d4ff}
@media(max-width:1100px){header>.main-nav{display:none}.mobile-menu{display:block}}
@media(max-width:760px){
 header{padding-inline:16px;gap:8px}.header-tools{gap:7px}
 .language-picker{padding-inline:7px}.language-picker select{width:92px}
 .hero{padding-top:100px}
 /* Keep the animated lynx directly after the title and lead on mobile. */
 .hero .hero-visual{grid-row:4}
 .hero .intro{grid-row:5;margin:16px auto 8px}
 .hero .hero-download{grid-row:6;margin-top:8px}
 .hero .actions{grid-row:7;margin-top:16px;gap:8px 18px}
 .hero .hero-floor{grid-row:8}
 .hero-download .download-note{font-size:12px}
}
@media(max-width:365px){
 header{padding-inline:12px}.header-tools{gap:5px}
 header .brand{font-size:16px;gap:7px}
 .header-tools .language-picker{padding-inline:5px;gap:2px}
 .header-tools .language-picker svg{width:14px}
 .header-tools .language-picker select{width:74px;font-size:12px}
}