:root {
  --landing-card-gap: 56px;
  --landing-card-padding: clamp(30px, 3.6vw, 46px);
}

/* Upper landing-page cards share one spacing and padding rhythm. */
.launch-benefits,
.capin-collab,
.capin-collab:has(+ .works-cruise),
.section.works-cruise,
.chrome-extension-home,
.remote-mcp-home,
.v103-feature,
.journal,
.seo-guides {
  margin-bottom: var(--landing-card-gap);
}

.capin-collab,
.section.works-cruise,
.chrome-extension-home,
.remote-mcp-home,
.v103-feature,
.journal,
.seo-guides {
  margin-top: 0;
  padding: var(--landing-card-padding);
}

@media (max-width: 760px) {
  :root {
    --landing-card-gap: 32px;
    --landing-card-padding: 24px 20px;
  }
}