/* Qobi — additive landing-page enhancement; preserves the existing carousel and CTAs. */
.qobi-hero{display:flex;align-items:center;gap:6px;margin-top:14px;max-width:440px;min-height:170px}
.qobi-hero img{width:min(47%,205px);height:auto;flex:0 0 auto;filter:drop-shadow(0 8px 13px rgba(23,25,35,.10));animation:qobi-bob 5.2s ease-in-out infinite}
.qobi-message{display:flex;flex-direction:column;gap:9px;max-width:215px;font-size:15px;line-height:1.4;color:#171923}
.qobi-message strong{font-size:clamp(15px,1.65vw,19px);font-weight:850}
.qobi-notification{display:inline-block;align-self:flex-start;background:#fff;color:#a7104b;border:1px solid #ffd3e3;border-radius:12px;padding:8px 10px;box-shadow:0 4px 18px #f7256815;font-size:12px;font-weight:800;animation:qobi-notice 8s ease-in-out infinite}
.qobi-closing{display:block;width:134px;max-width:35%;height:auto;margin:0 auto 10px;filter:drop-shadow(0 6px 9px rgba(23,25,35,.09));animation:qobi-bob 5.2s ease-in-out infinite}
@keyframes qobi-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes qobi-notice{0%,8%,100%{opacity:0;transform:translateY(8px)}14%,80%{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.qobi-hero{max-width:400px;min-height:130px;margin:12px auto 0;justify-content:center}.qobi-hero img{width:42%;max-width:175px}.qobi-message{max-width:50%;font-size:14px}.qobi-message strong{font-size:15px}.qobi-notification{font-size:11px;padding:7px}.qobi-closing{width:112px}}
@media(prefers-reduced-motion:reduce){.qobi-hero img,.qobi-closing,.qobi-notification{animation:none}.qobi-notification{opacity:1;transform:none}}

/* Qobi greeting + celebrating variants, 2026-10-26. */
.qobi-hero img{object-fit:contain}
.qobi-closing{object-fit:contain}

/* Sticker invite — Qobi speaks directly to visitors. */
.qobi-community{margin:24px auto 26px;padding:22px 24px;border:1px solid #ffd4e4;background:linear-gradient(125deg,#fff7fa,#fff);border-radius:22px;max-width:900px;display:flex;align-items:center;justify-content:center;gap:18px}
.qobi-community-mascot{width:142px;max-width:26%;height:auto;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 6px 9px rgba(23,25,35,.09))}
.qobi-community-copy{max-width:610px;text-align:left}
.qobi-community-label{display:inline-block;color:#b51e59;font-weight:800;font-size:13px}
.qobi-community h2{margin:6px 0 8px;color:#171923;font-size:clamp(22px,2.5vw,30px);line-height:1.25}
.qobi-community p{margin:0 0 13px;color:#48505d;line-height:1.5;font-size:14px}
.qobi-community .qobi-community-lead{font-size:18px;color:#171923;font-weight:800}
.qobi-community-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 22px;background:#128c61;color:#fff!important;border-radius:13px;font-weight:800;text-decoration:none;transition:filter .2s}
.qobi-community-button:hover{filter:brightness(.92)}
.qobi-community small{display:block;margin:12px 0 0;color:#6b7280;font-size:11px;line-height:1.45;max-width:590px}
@media(max-width:700px){.qobi-community{margin:16px 0 24px;padding:18px 14px;border-radius:17px;gap:6px;flex-direction:column}.qobi-community-mascot{width:125px;max-width:48%}.qobi-community-copy{text-align:center}.qobi-community h2{font-size:23px}.qobi-community .qobi-community-lead{font-size:17px}.qobi-community-button{width:100%;max-width:310px}.qobi-community small{margin-left:auto;margin-right:auto}}
