/* Landing page (/): public, on top of /docs/docs.css. */
.landing .hint { margin: 12px 0 0; font-size: 14px; color: var(--muted); }
.landing .hero { align-items: center; }
.ticks { list-style: none; padding: 0; margin: 12px 0 0; display: grid; gap: 8px; }
.ticks li { padding-left: 26px; position: relative; }
.ticks li::before { content: "✓"; position: absolute; left: 0; color: var(--good); font-weight: 700; }
.join-cta { text-align: center; }
.join-cta .muted { max-width: 560px; margin: 0 auto 4px; }
.join-cta .buttons { justify-content: center; }
@media (min-width: 860px) { .landing .hero { grid-template-columns: 1fr 1.25fr; } }
@media (min-width: 700px) { .landing .grid { grid-template-columns: repeat(3, 1fr); } }