/* ============================================================
   Public homepage (signed out) — customer_landing_v2.html

   Most of this page is prototype components. Skeletons, placeholders
   and the shared model-card link treatment live in shell.css; what is
   here is specific to the signed-out landing page.
   ============================================================ */

/* ------------------------------------------------------------------
   FEATURED GRID — exactly five
   The base .discover-grid auto-fills to ~6 columns at page width, which
   would leave a ragged empty slot with only five cards. Pin the column
   count so the row always reads as complete.
   ------------------------------------------------------------------ */
.discover-grid--five { grid-template-columns: repeat(5, 1fr); }

@media (max-width: 1000px) { .discover-grid--five { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 620px)  { .discover-grid--five { grid-template-columns: repeat(2, 1fr); } }

/* ------------------------------------------------------------------
   CLOSING CTA
   ------------------------------------------------------------------ */
.join-cta {
  text-align: center;
  padding: clamp(28px, 5vw, 44px);
}
.join-cta__title { font-size: var(--text-2xl); }
.join-cta__text {
  margin: var(--space-2) 0 var(--space-5);
  font-size: var(--text-md);
}
.join-cta__signin {
  margin: var(--space-4) 0 0;
  font-size: var(--text-base);
  color: var(--ink-soft);
}
/* The sign-in trigger is a button for behaviour but should read as a link */
.join-cta__signin .btn--quiet {
  padding: 0;
  font-size: inherit;
  font-weight: 700;
  color: var(--brand);
}
.join-cta__signin .btn--quiet:hover { color: var(--brand-deep); }