/* Pixel speech bubble, with room above the character. */
.logo-showcase{margin-top:195px!important}
.hero-checkin{width:100%;max-width:410px;bottom:calc(100% + 24px);right:auto;left:50%;transform:translateX(-50%);padding:17px 12px 14px;border:3px solid #98ff36;background:#10180f;box-shadow:6px 6px 0 #233a17,0 0 18px #75f42822;text-align:center}
.hero-checkin::after{content:'';position:absolute;bottom:-20px;right:26%;width:24px;height:20px;background:#98ff36;clip-path:polygon(0 0,100% 0,100% 35%,75% 35%,75% 65%,50% 65%,50% 100%,25% 100%,25% 65%,0 65%)}
.hero-checkin strong{font-size:28px;line-height:1.2;margin:0 0 14px;color:#f4ffe9;text-shadow:2px 2px 0 #324a22}
.hero-checkin strong span{display:block;font-size:21px;line-height:1.6;margin-top:4px}
.hero-checkin>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-checkin button{font-size:16px;line-height:1.6;min-height:52px;padding:8px 5px;border:2px solid #98ff36;box-shadow:3px 3px 0 #233a17;background:#213818;color:#c8ff92;white-space:normal}
.hero-checkin button[data-answer="no"]{border-color:#ff6266;background:#321c1d;color:#ffb5b7;box-shadow:3px 3px 0 #461f21}
.hero-checkin button:disabled{opacity:.7;cursor:default}
@media(max-width:359px){.hero-checkin strong span{font-size:19px}.hero-checkin button{font-size:14px}}