/* ═══════════════════════════════════════════════════════════════════
   CABANA · GET THE APP
   ───────────────────────────────────────────────────────────────────
   The Google Play badge, wherever the site offers the Android app. The
   badge is Google's own artwork: never recolour, crop, redraw or put
   anything over it, and keep clear space around it.

   Hidden where it is no use:
     · inside the installed app (it is already installed)
     · on iPhone and iPad (there is no iOS app; Safari-only test)
   ═══════════════════════════════════════════════════════════════════ */
.cbn-play{display:inline-block;line-height:0;border-radius:9px;transition:transform .2s cubic-bezier(.22,1,.36,1),filter .2s}
.cbn-play img{display:block;height:48px;width:auto}
.cbn-play:hover{transform:translateY(-2px);filter:drop-shadow(0 10px 18px rgba(109,40,255,.28))}
.cbn-play:active{transform:scale(.98)}
.cbn-play:focus-visible{outline:2px solid #8B3DFF;outline-offset:3px}

/* footer: under the contact links, on the dark background */
.cbn-getapp{margin-top:22px}
.cbn-getapp-label{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38)}

/* a band on a light page: badge, what the app is for, and a QR on a desktop */
.cbn-appband{max-width:1100px;margin:64px auto 0;padding:0 24px}
.cbn-appband-in{display:flex;align-items:center;gap:36px;flex-wrap:wrap;padding:34px 40px;border-radius:28px;background:linear-gradient(135deg,#0D0A26 0%,#2A1A7A 100%);color:#fff;box-shadow:0 24px 60px rgba(13,10,38,.22)}
.cbn-appband-txt{flex:1 1 320px;min-width:0}
.cbn-appband-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#33E0C3}
.cbn-appband h2{margin:8px 0 10px;font-family:'Cabana Display',Geist,Georgia,serif;font-weight:520;font-size:30px;line-height:1.1;letter-spacing:-.02em;color:#fff}
.cbn-appband p{margin:0 0 20px;max-width:46ch;font-size:15px;line-height:1.6;color:rgba(255,255,255,.74)}
.cbn-appband-qr{display:none;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:12px;color:rgba(255,255,255,.62)}
.cbn-appband-qr img{width:128px;height:128px;padding:8px;border-radius:16px;background:#fff}
@media(pointer:fine){.cbn-appband-qr{display:flex}}
@media(max-width:680px){.cbn-appband{margin-top:44px;padding:0 16px}.cbn-appband-in{padding:26px 22px;gap:22px}.cbn-appband h2{font-size:25px}}

/* sign-in and sign-up */
.cbn-appstrip{display:flex;align-items:center;gap:14px;margin-top:22px;padding:14px 16px;border:1.5px solid rgba(8,8,15,.09);border-radius:16px;background:linear-gradient(135deg,rgba(123,47,247,.04),rgba(67,97,255,.04))}
.cbn-appstrip-txt{flex:1;min-width:0;font-size:12.5px;line-height:1.45;color:#474A66}
.cbn-appstrip-txt b{display:block;font-size:13.5px;color:#08080F}
.cbn-appstrip .cbn-play img{height:40px}
@media(max-width:420px){.cbn-appstrip{flex-direction:column;align-items:flex-start}}
/* only where there is no one-tap Play button of its own: desktop */
.cbn-getapp--fine{display:none;margin-top:12px;text-align:center}
@media(pointer:fine){.cbn-getapp--fine{display:block}}

@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){
  .cbn-getapp,.cbn-appband,.cbn-appstrip{display:none!important}
}
@supports (-webkit-touch-callout:none){
  .cbn-getapp,.cbn-appband,.cbn-appstrip{display:none!important}
}
@media(prefers-reduced-motion:reduce){.cbn-play{transition:none}}
