[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0a0a10;
  --md-default-fg-color: #d8d8e0;
  --md-code-bg-color: #16161d;
  --md-primary-fg-color: #16161d;
  --md-accent-fg-color: #3d6fd6;
  --md-typeset-a-color: #6f95e8;
}
[data-md-color-scheme="slate"] .md-header, [data-md-color-scheme="slate"] .md-tabs { background: #16161d; }
.md-typeset .md-button { color: #d8d8e0; border-color: #3a3a48; }
.md-typeset .md-button:hover { color: #fff; border-color: #3d6fd6; background: #3d6fd6; }
.md-typeset .md-button--primary { background: #3d6fd6; border-color: #3d6fd6; color: #fff; }
.hero { text-align: center; padding: 2.2rem 0 1rem; }
.md-typeset .hero h1 { font-family: "GFS Didot", serif; font-size: 2.6rem; font-weight: 400; margin: 0 0 .8rem; color: var(--md-default-fg-color); }
.md-typeset .hero p { max-width: 34rem; margin: 0 auto 1.2rem; font-size: .85rem; }
.md-typeset .greek { font-family: "GFS Didot", serif; font-size: .75rem; letter-spacing: .35em; color: var(--md-default-fg-color--light); margin-bottom: .1rem; }
[data-md-color-scheme="default"] .md-typeset .hero h1 { color: #16161d; }
[data-md-color-scheme="default"] .md-typeset .greek { color: #5a5a68; }
[data-md-color-scheme="default"] .md-typeset .md-button:not(.md-button--primary):not(:hover) { color: #16161d; border-color: #b8b8c4; }
.md-typeset .hero .md-button { font-size: .75rem; padding: .5em 1.6em; }
.features { display: grid; grid-template-columns: repeat(4, 1fr); gap: .8rem; margin: 1.6rem 0; }
.features > div { border: 1px solid var(--md-default-fg-color--lightest); border-radius: .4rem; padding: .9rem 1rem; font-size: .72rem; }
.md-typeset .features p { margin: .3em 0; }
.feature-icon { color: #3d6fd6; font-size: 1.4rem; }
.stats { display: flex; justify-content: center; gap: 3rem; padding: 1rem 0; margin: 1.4rem 0; border-top: 1px solid var(--md-default-fg-color--lightest); border-bottom: 1px solid var(--md-default-fg-color--lightest); font-size: .7rem; color: var(--md-default-fg-color--light); text-transform: uppercase; letter-spacing: .08em; }
.stats div { text-align: center; }
.stats span { display: block; font-size: 1.3rem; color: var(--md-default-fg-color); letter-spacing: 0; }
.md-typeset h2.section-title { font-size: .95rem; margin: 1.6rem 0 .8rem; }
.start { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.md-typeset .start p { margin: 0; }
.md-typeset .start a { display: block; height: 100%; padding: .8rem 1rem; border-radius: .4rem; background: var(--md-code-bg-color); color: var(--md-default-fg-color--light); font-size: .72rem; }
.md-typeset .start a strong { color: var(--md-default-fg-color); }
.md-typeset .start a:hover { outline: 1px solid #3d6fd6; }
.md-typeset .disclaimer { margin: 2rem 0 0; padding: .7rem 1rem; border-left: 3px solid #d9a441; background: var(--md-code-bg-color); font-size: .68rem; color: var(--md-default-fg-color--light); }
.dot { display: inline-block; width: .8em; height: .8em; border-radius: 50%; }
@media (max-width: 60em) { .features { grid-template-columns: repeat(2, 1fr); } .start { grid-template-columns: 1fr; } .stats { gap: 1.5rem; flex-wrap: wrap; } }
@media (max-width: 30em) { .features { grid-template-columns: 1fr; } }