/* Store buttons — shared by every page on this site.
 *
 * This file exists because of an incident, not for tidiness. The landing page, the room-invite
 * page and the Just Us page each carried their own copy of this block, and the copies drifted:
 * `main` added an App Store button to the landing page on 2026-08-28, `social` deployed over it
 * on 2026-08-30, and hosting is last-writer-wins, so the work vanished with no diff and no error.
 * Meanwhile /r/ and /us/ — the two pages a FORWARDED link actually lands on — never had one at all.
 *
 * So the rule is: the parts that drift live here, once. The buttons themselves stay in each page's
 * markup, because a page whose buttons are built by script shows nothing to a visitor with
 * JavaScript off and nothing to a crawler, and this is the page we ask people to forward.
 */
.ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
/* /r/ and /us/ stack full-width; the landing page sits them side by side. */
.ctas.stack{flex-direction:column}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;
     background:var(--coral,#FF5C7A);color:#fff;text-decoration:none;font-weight:800;
     padding:16px 26px;border-radius:18px;box-shadow:0 6px 0 #B93A55}
.cta:active{transform:translateY(3px);box-shadow:0 3px 0 #B93A55}
.cta svg{width:20px;height:20px;flex:none}
/* The second store is the same shape and weight, in the app's other accent. Making it quieter
   would answer "which of these is for me" with the developer's preference instead of the
   visitor's phone, which is the one thing these pages must not do. */
.cta.app-store{background:var(--violet,#6C3BFF);box-shadow:0 6px 0 #4A21C4}
.cta.app-store:active{box-shadow:0 3px 0 #4A21C4}
/* Promotion is ORDER only — nothing is hidden, so a wrong guess costs a tap, never a dead end. */
.ctas.ios .cta.app-store{order:-1}
.cta-lead{color:#C9BEE4;font-size:.95rem;margin:0 0 12px}