/* Ch@tSea — page-specific styles */

.tm {
  font-size: 0.45em;
  vertical-align: super;
  line-height: 1;
  font-weight: var(--fw-semibold);
}

.chatsea-intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.chatsea-intro p {
  font-size: var(--fs-body-lg);
  color: var(--c-slatey-400);
  line-height: 1.7;
}

.chatsea-card {
  aspect-ratio: 4 / 5;
  background-color: var(--c-navy-700);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
}
.chatsea-card__dot {
  width: 12px;
  height: 12px;
  background-color: var(--c-sky-500);
  border-radius: 2px;
}
.chatsea-card__title {
  font-size: 20px;
  font-weight: var(--fw-semibold);
  color: var(--c-sky-500);
}
.chatsea-card__sub {
  font-size: var(--fs-body-sm);
  color: var(--c-slatey-400);
  max-width: 280px;
  line-height: 1.5;
}

.chatsea-closing {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
  font-size: var(--fs-body-lg);
  color: var(--c-slatey-400);
  line-height: 1.7;
}

.feature-grid { gap: 24px; }
.feature-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.feature-card__title {
  font-size: 18px;
  font-weight: var(--fw-semibold);
  color: var(--c-white);
}
.feature-card__body {
  font-size: var(--fs-body-sm);
  color: var(--c-slatey-400);
  line-height: 1.65;
}

.meet-grid {
  max-width: 720px;
  margin: 0 auto;
}

.meet-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
  transition: background-color var(--tx-base);
}
.meet-card:hover { background-color: var(--c-navy-700); }

.meet-card__dot {
  width: 12px;
  height: 12px;
  background-color: var(--c-sky-500);
  border-radius: 2px;
}
.meet-card__title {
  font-size: 18px;
  font-weight: var(--fw-semibold);
  color: var(--c-white);
}
.meet-card__body {
  font-size: var(--fs-body-sm);
  color: var(--c-slatey-400);
}