/* ---- Landing page hero ---- */

.md-typeset .hero {
  text-align: center;
  padding: 3rem 0 1.5rem;
}

.md-typeset .hero-logo {
  display: block;
  margin: 0 auto 2rem;
  max-width: min(420px, 80vw);
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
}

.md-typeset h1.hero-title {
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  font-weight: 800;
  letter-spacing: -0.025em;
  margin: 0 0 0.4rem;
  color: var(--md-default-fg-color);
}

.md-typeset .hero-tagline {
  font-size: 1.15rem;
  line-height: 1.55;
  color: var(--md-default-fg-color--light);
  max-width: 36rem;
  margin: 0 auto 2rem;
}

.md-typeset .hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: center;
  margin-bottom: 1rem;
}

.md-typeset .hero-cta .md-button {
  margin: 0;
}

/* ---- Feature grid tweaks ---- */

.md-typeset .grid.cards > ul > li {
  border-radius: 0.5rem;
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.md-typeset .grid.cards > ul > li:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Slightly larger leading icon inside cards */
.md-typeset .grid.cards .twemoji.lg svg {
  height: 1.6em;
  width: 1.6em;
}

/* On the homepage, hide the auto-generated edit / "Was this helpful?" UI
   for a cleaner landing experience. */
body[data-md-color-scheme] .md-content__button {
  display: revert;
}
.home .md-content__button {
  display: none;
}