/* ============================================================
   Webinar page additions, loaded after mix.css.
   ============================================================ */

:root{ color-scheme: dark; }

/* Scroll progress driven by CSS instead of a scroll listener.
   Browsers without scroll timelines simply don't show the bar. */
@supports (animation-timeline: scroll()){
  .scroll-progress{ width:100%; transform-origin: 0 50%; animation: scrollProgress linear both; animation-timeline: scroll(root); }
  @keyframes scrollProgress{ from{ transform: scaleX(0); } to{ transform: scaleX(1); } }
}

/* "Learn AI Agents." sits inside the h1 as its lead line, not as a separate label */
.mx-title .mx-lead{ display:block; font-size:.42em; letter-spacing:0; color: var(--signal-2); padding-bottom:.35em; }