:root {
  --md-primary-fg-color: #06162f;
  --md-primary-fg-color--light: #0b2548;
  --md-primary-fg-color--dark: #020b18;
  --md-accent-fg-color: #16d6ac;
  --schemalign-navy: #06162f;
  --schemalign-navy-2: #0b2548;
  --schemalign-teal: #16d6ac;
  --schemalign-pink: #f33a72;
  --schemalign-silver: #c9d5e6;
  --schemalign-soft: #f5f8fc;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #06162f;
  --md-primary-fg-color--light: #0b2548;
  --md-primary-fg-color--dark: #020b18;
  --md-accent-fg-color: #16d6ac;
}

.md-header,
.md-tabs {
  background:
    radial-gradient(circle at 8% 0%, rgba(22, 214, 172, 0.28), transparent 18rem),
    radial-gradient(circle at 88% 0%, rgba(243, 58, 114, 0.20), transparent 18rem),
    linear-gradient(90deg, #020b18 0%, #06162f 48%, #0b2548 100%);
}


/* Make the current page easy to identify in both light and dark navigation. */
.md-nav__item > .md-nav__link--active,
.md-nav__item--active > .md-nav__link {
  border-radius: .55rem;
  background: rgba(22, 214, 172, 0.12);
  color: #087564;
  font-weight: 800;
}

.md-nav__item > .md-nav__link--active .md-ellipsis,
.md-nav__item--active > .md-nav__link .md-ellipsis {
  color: inherit;
}

.md-nav__link:is(:focus, :hover) {
  color: #087564;
}

.md-tabs__item--active > .md-tabs__link,
.md-tabs__link--active {
  color: var(--schemalign-teal);
  font-weight: 800;
}

[data-md-color-scheme="slate"] .md-nav__item > .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item--active > .md-nav__link {
  background: rgba(22, 214, 172, 0.16);
  color: #3ef0c7;
}

[data-md-color-scheme="slate"] .md-nav__link:is(:focus, :hover) {
  color: #3ef0c7;
}

[data-md-color-scheme="slate"] .md-tabs__item--active > .md-tabs__link,
[data-md-color-scheme="slate"] .md-tabs__link--active {
  color: #3ef0c7;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  display: block;
  height: 2rem;
  width: auto;
  max-width: 4rem;
  object-fit: contain;
}

.md-typeset a {
  color: #0a8f78;
}

[data-md-color-scheme="slate"] .md-typeset a {
  color: #3ef0c7;
}

.md-typeset .md-button {
  border-radius: 999px;
}

.md-typeset .md-button--primary {
  background: linear-gradient(90deg, var(--schemalign-teal), #0fbf9a);
  border-color: transparent;
  color: #031022;
  font-weight: 700;
}

.md-typeset .md-button--primary:hover {
  background: linear-gradient(90deg, #20edc1, #13caa3);
  border-color: transparent;
  color: #031022;
}

.md-typeset .schemalign-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(201, 213, 230, 0.26);
  border-radius: 1.35rem;
  padding: 2.2rem;
  color: #ffffff;
  background:
    radial-gradient(circle at 12% 15%, rgba(22, 214, 172, 0.34), transparent 18rem),
    radial-gradient(circle at 88% 58%, rgba(243, 58, 114, 0.28), transparent 17rem),
    linear-gradient(135deg, #020b18 0%, #06162f 55%, #0b2548 100%);
  box-shadow: 0 1.1rem 2.5rem rgba(2, 11, 24, 0.18);
}

.md-typeset .schemalign-hero::after {
  content: "";
  position: absolute;
  inset: auto -5rem -8rem auto;
  height: 16rem;
  width: 16rem;
  border: 1px solid rgba(201, 213, 230, 0.18);
  border-radius: 999px;
}

.md-typeset .schemalign-hero-logo {
  display: block;
  max-width: min(34rem, 100%);
  margin: 0 0 1.25rem;
}

.md-typeset img[src$="schemalign-icon.png"],
.md-typeset img[src$="schemalign-header-logo.png"],
.md-typeset .schemalign-hero-logo {
  height: auto;
  object-fit: contain;
}


.md-typeset .schemalign-kicker {
  color: var(--schemalign-teal);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.md-typeset .schemalign-hero h1 {
  color: #ffffff;
  font-size: clamp(2rem, 5vw, 3.45rem);
  line-height: 1.02;
  margin: .35rem 0 .75rem;
}

.md-typeset .schemalign-hero p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.02rem;
  max-width: 47rem;
}

.md-typeset .schemalign-hero .md-button:not(.md-button--primary) {
  border-color: rgba(255, 255, 255, 0.42);
  color: #ffffff;
}

.md-typeset .schemalign-hero .md-button:not(.md-button--primary):hover {
  border-color: var(--schemalign-pink);
  color: #ffffff;
}

.md-typeset .schemalign-section-label {
  color: var(--schemalign-pink);
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .11em;
  margin-top: 2.25rem;
  text-transform: uppercase;
}

.md-typeset .schemalign-card-grid,
.md-typeset .schemalign-product-grid,
.md-typeset .schemalign-metric-grid {
  display: grid;
  gap: .85rem;
  margin: 1rem 0 1.6rem;
}

.md-typeset .schemalign-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.md-typeset .schemalign-product-grid {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.md-typeset .schemalign-metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

.md-typeset .schemalign-card,
.md-typeset .schemalign-area-card,
.md-typeset .schemalign-metric-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 1rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.50)),
    var(--md-default-bg-color);
  box-shadow: 0 .45rem 1.35rem rgba(2, 11, 24, 0.06);
}

[data-md-color-scheme="slate"] .md-typeset .schemalign-card,
[data-md-color-scheme="slate"] .md-typeset .schemalign-area-card,
[data-md-color-scheme="slate"] .md-typeset .schemalign-metric-card {
  background: linear-gradient(180deg, rgba(11, 37, 72, 0.72), rgba(6, 22, 47, 0.48));
  box-shadow: none;
}

.md-typeset .schemalign-card,
.md-typeset .schemalign-area-card {
  padding: 1rem;
}

.md-typeset .schemalign-area-card {
  position: relative;
  overflow: hidden;
}

.md-typeset .schemalign-area-card::before {
  content: "";
  display: block;
  height: .28rem;
  margin: -1rem -1rem 1rem;
  background: linear-gradient(90deg, var(--schemalign-teal), var(--schemalign-pink));
}

.md-typeset .schemalign-card h3,
.md-typeset .schemalign-area-card h3,
.md-typeset .schemalign-metric-card h3 {
  margin-top: 0;
}

.md-typeset .schemalign-metric-card {
  padding: .9rem;
}

.md-typeset .schemalign-metric-card strong {
  color: var(--schemalign-navy-2);
  display: block;
  font-size: 1.45rem;
  line-height: 1;
}

[data-md-color-scheme="slate"] .md-typeset .schemalign-metric-card strong {
  color: var(--schemalign-teal);
}

.md-typeset .schemalign-flow {
  border-left: .22rem solid var(--schemalign-teal);
  margin: 1rem 0;
  padding-left: 1rem;
}

.md-typeset .schemalign-flow strong {
  color: var(--schemalign-pink);
}

.md-typeset .schemalign-pill-row,
.md-typeset .schemalign-pill-row > p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem;
  margin: 1rem 0;
}

.md-typeset .schemalign-pill-row > p {
  margin: 0;
}

.md-typeset .schemalign-pill {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border: 1px solid rgba(22, 214, 172, 0.34);
  border-radius: 999px;
  padding: .2rem .65rem;
  background: rgba(22, 214, 172, 0.08);
  color: var(--schemalign-navy-2);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.2;
}

[data-md-color-scheme="slate"] .md-typeset .schemalign-pill {
  color: #dffbf5;
}

.md-typeset code {
  border-radius: .25rem;
}