/* Landing-page hero styling for docs/index.md. Kept intentionally small. */

.st-hero {
  text-align: center;
  padding: 1.5rem 0 0.5rem;
}

.st-hero img {
  max-width: 420px;
  width: 80%;
  height: auto;
}

.st-hero .st-tagline {
  font-size: 1.15rem;
  max-width: 40rem;
  margin: 0.5rem auto 1.5rem;
  color: var(--md-default-fg-color--light);
}

/* Space out the call-to-action buttons. */
.st-hero .md-button {
  margin: 0.3rem 0.4rem;
}

/* Center the "Integrations at a glance" badge line. */
.st-badges {
  text-align: center;
  font-size: 0.95rem;
}