.mote-logo {
  border-color: rgb(229 174 42 / 38%);
  background: radial-gradient(circle, rgb(255 205 70 / 22%), transparent 64%), var(--color-surface);
}

.mote-logo .profile-avatar__image {
  padding: 1rem;
  object-fit: contain;
}

.mote-page .intro__title {
  max-width: 48rem;
}

.mote-card {
  min-height: 15rem;
}

.mote-feature-card {
  padding: var(--space-6);
}

.mote-feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  list-style: none;
}

.mote-feature-list li {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-6);
  border-bottom: 1px solid var(--color-border);
}

.mote-feature-list li:nth-child(odd) {
  border-right: 1px solid var(--color-border);
}

.mote-feature-list li:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.mote-feature-list strong,
.mote-cta__title {
  color: var(--color-text);
  font-weight: 650;
}

.mote-feature-list span {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  line-height: 1.65;
}

.mote-cta {
  display: flex;
  min-height: 11rem;
  flex-direction: column;
  padding: var(--space-6);
}

.mote-cta__title {
  margin-top: var(--space-4);
  font-size: var(--font-size-xl);
}

@media (max-width: 42rem) {
  .mote-feature-list {
    grid-template-columns: 1fr;
  }

  .mote-feature-list li,
  .mote-feature-list li:nth-child(odd),
  .mote-feature-list li:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid var(--color-border);
  }

  .mote-feature-list li:last-child {
    border-bottom: 0;
  }
}