:root { --md-primary-fg-color: #293fc9; --md-accent-fg-color: #008f80; }
[data-md-color-scheme="slate"] { --md-primary-fg-color: #293fc9; --md-accent-fg-color: #25d3ba; }
.md-header__button.md-logo img { border-radius: .3rem; height: 1.7rem; width: 1.7rem; }
.md-typeset { font-size: .82rem; line-height: 1.7; }
.md-typeset h1 { font-weight: 720; letter-spacing: -.035em; color: var(--md-default-fg-color); }
.md-typeset h2 { font-weight: 650; letter-spacing: -.02em; }
.md-typeset a { text-underline-offset: .18em; }
.md-typeset table:not([class]) { font-size: .74rem; }
.md-typeset pre > code { font-size: .72rem; }
.hero { padding: 1.2rem 0 1.7rem; }
.hero .eyebrow { color: var(--md-accent-fg-color); text-transform: uppercase; letter-spacing: .12em; font-size: .66rem; font-weight: 750; }
.hero h1 { font-size: 2.6rem; line-height: 1.13; margin: .4rem 0 1rem; max-width: 16ch; }
.hero .lede { font-size: 1rem; max-width: 39rem; color: var(--md-default-fg-color--light); }
.hero .md-button { margin: .2rem .5rem .2rem 0; border-radius: .35rem; font-size: .78rem; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin: 1.3rem 0; }
.feature-grid > div { border: 1px solid var(--md-default-fg-color--lightest); border-radius: .6rem; padding: .3rem 1rem .65rem; }
.feature-grid h3 { font-size: .85rem; }
.feature-grid p { font-size: .76rem; color: var(--md-default-fg-color--light); }
@media (max-width: 700px) { .hero h1 { font-size: 2.1rem; } .feature-grid { grid-template-columns: 1fr; } }
[data-md-color-scheme="slate"] { --md-typeset-a-color: #94b7ff; }
[data-md-color-scheme="slate"] .md-nav__link--active { color: #94b7ff; }
[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) { color: #94b7ff; border-color: #94b7ff; }