/* ===== Typography: PinCat iOS style ===== */
:root{
  --brand-from: #410093;
  --brand-to: #5399E7;

  /* тексты (не слишком темные) */
  --text-strong: rgba(17, 24, 39, 0.88);  /* вместо почти-чёрного */
  --text:        rgba(17, 24, 39, 0.70);
  --text-soft:   rgba(17, 24, 39, 0.58);

  /* эффект */
  --glow: 0 10px 30px rgba(83,153,231,0.12);
}

/* Общий текст страницы */
main {
  color: var(--text);
  letter-spacing: -0.01em;
}

/* ===== H1 (Our Story) ===== */
main header h1 {
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.08;
  margin-bottom: 14px;

  /* PinCat gradient text */
  background: linear-gradient(135deg, var(--brand-from), var(--brand-to));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;

  /* лёгкая “iOS” глубина */
  filter: drop-shadow(0 10px 18px rgba(83,153,231,0.10));
}

/* Подзаголовки секций */
section h2 {
  color: var(--text-strong);
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

/* ===== Prose (история) ===== */
.prose {
  color: var(--text);
  line-height: 1.85;
}

.prose p {
  font-size: 17px;
  font-weight: 520;
  color: var(--text-soft);
  margin-bottom: 18px;

  /* “воздух” как iOS */
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;

  transition: color .2s ease, transform .2s ease;
}

.prose p:hover {
  color: var(--text);
  transform: translateY(-1px);
}

/* Важные слова (PinCat градиент) */
.prose strong,
.timeline-item strong {
  font-weight: 800;
  background: linear-gradient(135deg, var(--brand-from), var(--brand-to));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ===== Timeline: текст красиво ===== */

/* Год (badge) */
.timeline-item span {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;

  color: rgba(255,255,255,0.96);
  background: linear-gradient(135deg, var(--brand-from), var(--brand-to));
  box-shadow: var(--glow);
}

/* Заголовок пункта */
.timeline-item h3 {
  margin: 0;
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--text-strong);

  transition: color .2s ease, transform .2s ease;
}

.timeline-item:hover h3 {
  color: rgba(83,153,231,0.95);
  transform: translateY(-1px);
}

/* Описание пункта */
.timeline-item p {
  margin-top: 12px;
  font-size: 15px;
  font-weight: 560;
  color: var(--text-soft);
  line-height: 1.75;

  /* если используешь “glass card” из прошлого блока — будет супер */
}

/* Миссия (card) */
.bg-gray-50 h2 {
  color: var(--text-strong);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.bg-gray-50 p {
  color: var(--text);
  font-weight: 560;
  line-height: 1.85;
}

/* ===== Mobile typography ===== */
@media (max-width: 640px) {
  .prose p { font-size: 16px; }
  .timeline-item h3 { font-size: 16px; }
  .timeline-item p { font-size: 14px; }
}