:root {
  --md-text-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif;
  --md-code-font: "SFMono-Regular", Consolas, monospace;
}
.md-grid { max-width: 1280px; }
.md-typeset { line-height: 1.85; }
.hero {
  margin: 0 0 2.8rem;
  padding: clamp(1.5rem, 5vw, 4rem) clamp(1.1rem, 4vw, 3rem);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 1rem;
  background: linear-gradient(125deg, rgba(0, 150, 136, .12), transparent 78%);
}
.eyebrow { font-size: .62rem; letter-spacing: .12em; color: var(--md-primary-fg-color); }
.md-typeset .hero h1 {
  margin: 1rem 0;
  color: var(--md-default-fg-color);
  font-weight: 750;
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: 1.25;
  letter-spacing: -.035em;
}
.hero p { max-width: 34rem; }
.hero .md-button { margin: .35rem .4rem .35rem 0; border-radius: .35rem; }
.hero-note { display: block; margin-top: 1.2rem; font-size: .7rem; color: var(--md-default-fg-color--light); }
.md-typeset .grid.cards > ul > li { border-radius: .65rem; padding: 1.2rem; }
.md-typeset table:not([class]) { font-size: .72rem; }
@media (max-width: 600px) {
  .eyebrow { letter-spacing: .04em; font-size: .55rem; }
  .hero .md-button { display: block; text-align: center; }
}