/* The home page's end: large type on the hero's dots, the way Linear closes,
   then a footer in columns, the way Stripe and Supabase end (2026-10-23).
   It was style 1's centred block with four store buttons and a survey ask,
   then a white download panel: one more box after the tiles, and the owner
   still found the half after them out of place. */
.close{position:relative;background:var(--paper);overflow:hidden}
.close::before{content:'';position:absolute;inset:0 0 auto;height:520px;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgb(28 31 39 / 16%) 1.05px,transparent 1.2px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 30%,transparent);mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000 30%,transparent)}
.close-in{position:relative;z-index:1;max-width:var(--measure);margin:0 auto;padding:88px 32px 80px;text-align:center}
/* The page's own h2 size, like every other section (2026-10-24). */
.close-in h2{margin:0 0 14px}
.close-in > p{font-size:17px;color:var(--ink-soft);margin:0 0 30px}
.close .dls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.close .dl{display:flex;align-items:center;width:180px;height:63px;gap:11px;padding:0 18px;border-radius:12px;background:var(--ink);color:var(--paper);text-align:left;text-decoration:none}
.close a.dl:hover{background:oklch(30% 0.015 260)}
/* iPhone and Android: the same shape, outlined and quiet, and not links. */
.close .dl.soon{background:var(--surface);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--hairline);cursor:default}
.close .dl.soon .l{color:var(--ink)}
.close .dl svg{flex-shrink:0;width:20px;height:20px}
.close .dl .l{display:block;font-size:15px;font-weight:700;line-height:1.2}
.close .dl .e{display:block;font-size:11.5px;font-weight:500;opacity:.72;margin-top:3px;line-height:1.3}
.close .site-foot{position:relative;z-index:1}

@media (max-width:620px){
  .close-in{padding:72px 16px 64px}
  .close-in > p{font-size:17px}
  .close .dl{width:100%;max-width:260px}
}
