/* Final invitation on deep evergreen (the dark icon's background), store badges,
   the web app as a quieter option, and a QR code for desktop visitors. */
.download { padding: var(--section-y) 0; background: var(--evergreen); color: var(--k-cream); }
.download__grid { display: grid; gap: 40px; align-items: center; }
.download .h2 { color: #FFF8EA; }
.download .lede { color: var(--k-cream); }
.download__icon { width: 64px; height: 64px; margin-bottom: 20px; border-radius: 22.5%; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); }
.download__badges { margin-top: 24px; }
.download__web { margin-top: 18px; color: var(--k-cream); }
.download__web a { color: #FFF8EA; font-weight: 600; text-underline-offset: 3px; }
.download__web a:hover { color: #fff; }
.download :focus-visible { box-shadow: 0 0 0 3px var(--evergreen), 0 0 0 6px var(--amber-soft); }

.download__qr { display: none; }
@media (min-width: 900px) {
  .download__grid { grid-template-columns: minmax(0, 1fr) auto; }
  .download__qr { display: grid; justify-items: center; gap: 14px; max-width: 220px; text-align: center; font-size: 0.875rem; }
  .download__qr-card { width: 176px; padding: 16px; border-radius: var(--radius-l); background: var(--cream); }
  .download__qr-card svg { width: 100%; height: auto; }
}