/* Вариант D: монохром, Poppins (10.11.2026: был Plus Jakarta Sans). Белые кнопки с чёрным текстом, серебристые акценты,
   акцентные слова подчёркнуты, карточки с чёткой тонкой рамкой. */
h1, h2, h3 { letter-spacing: -0.025em; }
h2 { font-weight: 700 !important; }
.btn {
  color: #0a0a0b;
  border-radius: 16px;
  height: 60px;
  padding-block: 18px;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6) inset, 0 14px 34px -14px rgba(255, 255, 255, 0.35);
}
.btn svg path { fill: #0a0a0b; stroke: #0a0a0b; }
.students h2 span, .results h2 span, .steps h2 span, .learn h2 span, .join h2 span, .your-mentor h2 span {
  color: #ffffff;
  text-decoration: underline; text-decoration-thickness: 3px;
  text-underline-offset: 6px; text-decoration-color: rgba(255, 255, 255, 0.35);
}
.steps__item, .steps__item::before { border-radius: 20px !important; }
.steps__item, .results__item { border: 1px solid rgba(255, 255, 255, 0.10); }
/* карточки — точным списком: общее правило по «__item» цепляло аватарку отзыва (зелёный квадрат) */
.trustpilot__content, .trustpilot__item, .results__item, .join__content, .join__item, .your-mentor__item, .reviews__item, .students-video-card, .faq__item { border-radius: 14px; }
.trustpilot__content::before, .results__item::before, .join__content::before, .reviews__item::before, .students-video-card::before { border-radius: 14px; }
/* FAQ — карточками с рамкой по всему контуру и отступом внутри: линия только
   сверху со скруглением загибалась, а текст и стрелка стояли вровень с краем
   и казались вылезающими за рамку (правка Саши 10.11.2026). */
.faq__item {
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 16px;
  background: linear-gradient(180deg, #111113 0%, #0c0c0e 100%);
  padding: 18px 18px 20px;
  margin-bottom: 10px;
}
.faq__header h3 { opacity: 0.92; padding-right: 12px; }
.faq__collapse p { padding-top: 12px; opacity: 0.85; }
/* Свечение за фото ментора — оставить синим, как у самого фото: перекрашенное
   в серый, оно ложилось мутной дымкой на синюю картинку (10.11.2026). */
.your-mentor__image::before { background: #1563f4; filter: blur(77px) opacity(0.38); }
/* Номера шагов «How the Academy Works» — счётчиком CSS (скрытый блок
   «Track Your Growth» с display:none счётчик не увеличивает). */
.steps__list { counter-reset: dgstep; }
.steps__item { counter-increment: dgstep; }
.steps__item h3::before {
  content: counter(dgstep, decimal-leading-zero);
  display: block; margin: 0 auto 14px;
  font-size: 30px; font-weight: 700; letter-spacing: 0.08em; line-height: 1;
  color: rgba(255, 255, 255, 0.5);
}
/* Стрелка в главных кнопках */
.btn::after { content: '\2192'; margin-left: 10px; font-weight: 500; }
/* Тонкие разделители над разделами без своего фона */
.results, .steps, .faq {
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.14), transparent);
  background-size: 80% 1px; background-repeat: no-repeat; background-position: top center;
}
/* Абзац ментора: в Poppins «fluff,» оставалось одно на строке */
.your-mentor h2 + p { font-size: 15px; letter-spacing: -0.01em; }
/* Индикатор каруселей отзывов — тонкая полоса прогресса вместо точек */
.reviews__progress, .trustpilot__progress {
  height: 3px; max-width: 160px; border-radius: 3px; background: rgba(255, 255, 255, 0.14);
}
.reviews__progress span, .trustpilot__progress span { display: none; }
/* Анимации появления — свои (10.11.2026): вместо подъёма на 40px — короткий
   подъём с лёгким увеличением, вместо простого проявления — проявление из
   размытия, вместо приближения — отдаление. Имена кадров те же, что в
   style.css: объявленные позже перекрывают. */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(18px) scale(0.97); }
  to { opacity: 1; transform: none; }
}
@keyframes fadeIn {
  from { opacity: 0; filter: blur(8px); }
  to { opacity: 1; filter: blur(0); }
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(1.06); }
  to { opacity: 1; transform: none; }
}
.animate-on-scroll.animate-visible {
  animation-duration: 0.7s;
  animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
/* FAQ: стрелка вниз вместо плюса, при открытии разворачивается */
.faq__icon { display: none; }
.faq__header::after {
  content: ''; flex: none; width: 9px; height: 9px; margin: 6px 4px 0 8px;
  border-right: 2px solid rgba(255, 255, 255, 0.7); border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  transform: rotate(45deg); transition: transform 0.25s ease, margin 0.25s ease;
}
.faq__item.active .faq__header::after { transform: rotate(-135deg); margin-top: 11px; }