:root {
  --md-benefit-icon: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-check' viewBox='0 0 24 24'><path d='M20 6 9 17l-5-5'/></svg>");
  --md-tier-icon--startup: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-sparkle' viewBox='0 0 24 24'><path d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z'/></svg>");
  --md-tier-icon--professional: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-sparkles' viewBox='0 0 24 24'><path d='M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594zM20 2v4M22 4h-4'/><circle cx='4' cy='20' r='2'/></svg>");
  --md-tier-icon--enterprise: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-rocket' viewBox='0 0 24 24'><path d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2'/><path d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'/></svg>");
  --md-seat-icon: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-users' viewBox='0 0 24 24'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/><circle cx='9' cy='7' r='4'/></svg>");
  --md-seat-icon--extra: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='lucide lucide-user-plus' viewBox='0 0 24 24'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M19 8v6M22 11h-6'/></svg>");
}

html .md-footer-meta.md-typeset a:not(:focus,:hover) {
  text-decoration: none;
  color: var(--md-default-fg-color--light);
}

.mdx-pricing {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

.mdx-pricing-tier {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-color: var(--md-default-bg-color);
}
.mdx-pricing-tier__title {
  display: flex;
  justify-content: space-between;
}
.mdx-pricing-tier__title small {
  font-weight: 400;
}
html .mdx-pricing-tier .mdx-pricing-tier__benefits {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 1em 0;
  list-style: none;
}
html .mdx-pricing-tier .mdx-pricing-tier__benefits li {
  display: flex;
  margin: 0;
  gap: 8px;
  font-size: 14px;
  line-height: 1.4;
}
html .mdx-pricing-tier .mdx-pricing-tier__benefits li::before {
  display: block;
  margin-top: 0px;
  width: 1rem;
  height: 1rem;
  min-width: 1.2rem;
  content: "";
  background-color: #00E676;
  -webkit-mask-image: var(--md-benefit-icon);
          mask-image: var(--md-benefit-icon);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: transform 250ms;
}
html .mdx-pricing-tier .mdx-pricing-tier__seats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 1em 0;
  list-style: none;
}
html .mdx-pricing-tier .mdx-pricing-tier__seats li {
  display: flex;
  margin: 0;
  gap: 8px;
  font-size: 14px;
  line-height: 1.4;
}
html .mdx-pricing-tier .mdx-pricing-tier__seats li::before {
  display: block;
  margin-top: 0px;
  width: 1rem;
  height: 1rem;
  min-width: 1.2rem;
  content: "";
  background-color: var(--md-default-fg-color);
  -webkit-mask-image: var(--md-seat-icon);
          mask-image: var(--md-seat-icon);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: transform 250ms;
}
html .mdx-pricing-tier .mdx-pricing-tier__seats li:nth-child(2)::before {
  -webkit-mask-image: var(--md-seat-icon--extra);
          mask-image: var(--md-seat-icon--extra);
}
.mdx-pricing-tier .mdx-pricing-button {
  display: flex;
  flex-grow: 1;
  align-items: end;
  margin: 1em 0 2em;
}
.mdx-pricing-tier .mdx-pricing-button .md-button {
  text-align: center;
  width: 100%;
}

.mdx-pricing-notice {
  text-align: center;
  margin: 1rem 0;
}

.mdx-pricing-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
}
.mdx-pricing-toggle__checkbox {
  display: none;
}
.mdx-pricing-toggle__label {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 2rem;
  border: 1px solid var(--md-default-fg-color--lightest);
  padding: 0.25rem 0.5rem;
  position: relative;
  min-width: 160px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.mdx-pricing-toggle__option {
  font-size: 14px;
  padding: 0 1rem;
  transition: color 0.2s;
  z-index: 2;
}
.mdx-pricing-toggle__slider {
  position: absolute;
  left: 0.35rem;
  top: 0.25rem;
  width: calc(50% - 0.25rem);
  height: calc(100% - 0.5rem);
  background-color: var(--md-accent-fg-color--transparent);
  border-radius: 1rem;
  transition: left 0.3s;
  z-index: 1;
}
.mdx-pricing-toggle__checkbox:checked+.mdx-pricing-toggle__label .mdx-pricing-toggle__slider {
  left: 49%;
}
.mdx-pricing-toggle__checkbox:not(:checked)+.mdx-pricing-toggle__label .mdx-pricing-toggle__option--monthly,.mdx-pricing-toggle__checkbox:checked+.mdx-pricing-toggle__label .mdx-pricing-toggle__option--annually {
  color: var(--md-accent-fg-color);
}
.mdx-pricing-toggle__checkbox:checked+.mdx-pricing-toggle__label .mdx-pricing-toggle__option--monthly,.mdx-pricing-toggle__checkbox:not(:checked)+.mdx-pricing-toggle__label .mdx-pricing-toggle__option--annually {
  color: var(--md-default-fg-color--light);
}

.mdx-waitlist {
  max-width: 500px;
}
.mdx-waitlist form {
  gap: 8px;
}
.mdx-waitlist [name=website] {
  position: absolute;
  z-index: -1;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.mdx-waitlist__row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.mdx-waitlist__input {
  background-color: var(--md-default-fg-color--lightest);
  border-radius: 0.5rem;
  min-width: 0;
  padding: 0.5rem 1rem;
  flex: 1 1 50%;
  font-size: 14px;
  line-height: 1.4;
}
.mdx-waitlist__input--stretch {
  width: 100%;
}
.mdx-waitlist .md-button {
  display: inline-block;
  margin-top: 8px;
  line-height: 1.8;
}

.mdx-profile {
  display: flex;
  gap: 16px;
}
.mdx-profile__image {
  margin-top: 36px;
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  overflow: hidden;
  background-color: grey;
  border-radius: 100%;
}
.mdx-profile__image>p {
  display: inline;
}