
/* =====================================================================
   ROUND 23 · hero: what she will be able to do after eight lessons
   ===================================================================== */
.hero__start b { text-transform: uppercase; }
.hero__gain { margin-top: clamp(16px, 2.4vw, 28px); max-width: 34rem; }
.hero__gain-lead { font-family: var(--sc-font-display); font-weight: 600; font-size: clamp(1rem, 0.95rem + 0.4vw, 1.25rem); letter-spacing: -0.02em; color: var(--text); }
.hero__gain-list { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 6px; }
.hero__gain-list li { position: relative; padding-left: 26px; font-size: clamp(0.98rem, 0.94rem + 0.3vw, 1.15rem); line-height: 1.4; color: var(--text); }
.hero__gain-list li::before { content: ""; position: absolute; left: 2px; top: 0.55em; width: 12px; height: 6px; border-left: 2px solid var(--acc); border-bottom: 2px solid var(--acc); transform: rotate(-45deg); }
@media (prefers-reduced-motion: no-preference) {
  .hero__gain-list li { opacity: 0; transform: translateX(-12px); transition: opacity 600ms var(--sc-ease-out), transform 700ms cubic-bezier(0.22, 1, 0.36, 1); }
  .hero__gain.is-in .hero__gain-list li { opacity: 1; transform: none; }
  .hero__gain.is-in .hero__gain-list li:nth-child(1) { transition-delay: 150ms; }
  .hero__gain.is-in .hero__gain-list li:nth-child(2) { transition-delay: 260ms; }
  .hero__gain.is-in .hero__gain-list li:nth-child(3) { transition-delay: 370ms; }
  .hero__gain.is-in .hero__gain-list li:nth-child(4) { transition-delay: 480ms; }
}
@media (max-width: 860px) {
  .hero__kicker { font-size: 0.62rem; line-height: 1.5; }
  .hero__h { font-size: clamp(1.75rem, 7.4vw, 2.3rem); }
  .hero__gain { margin-top: 12px; }
  .hero__gain-lead { font-size: 0.95rem; }
  .hero__gain-list { gap: 4px; margin-top: 6px; }
  .hero__gain-list li { font-size: 0.88rem; line-height: 1.35; padding-left: 22px; }
  .hero__julia { height: 44svh; }
}
@media (max-width: 860px) and (max-height: 720px) {
  .hero__julia { height: 30svh; }
  .hero__gain-list li { font-size: 0.82rem; }
}
