.home-page #start{--ms-stat-bg: #e6f2ed;--ms-stat-line: #cfe5dc;}
/* measured stat under each step */
.ms-step p.ms-stat { margin: -4px 0 0; max-width: none; justify-self: start; display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 9px;
  padding: 10px 14px 10px 12px; border-radius: 12px; background: var(--ms-stat-bg); border: 1px solid var(--ms-stat-line); color: var(--ms-muted); font-size: 15px; line-height: 1.3; }
.ms-stat b { font: 600 22px/1 "Familjen Grotesk", system-ui, sans-serif; letter-spacing: -0.02em; color: var(--ms-accent-ink); }
.ms-watch { align-self: center; width: 18px; height: 18px; flex: none; fill: none; stroke: var(--ms-accent); stroke-width: 2.2; stroke-linecap: round; }
.ms.is-playing .ms-stat { animation: ms-pop .5s ease both; }
.ms.is-playing .ms-step:nth-of-type(2) .ms-stat { animation-delay: .9s; }
.ms.is-playing .ms-step:nth-of-type(3) .ms-stat { animation-delay: 2.1s; }
.ms.is-playing .ms-step:nth-of-type(4) .ms-stat { animation-delay: 4.3s; }
.ms-foot { margin: clamp(26px, 3vw, 36px) 0 0; padding-top: 16px; border-top: 1px solid var(--ms-line); font-size: 13.5px; line-height: 1.5; color: var(--ms-muted); }