/* Aurgus motion system — Premium archetype (2026-11-10).
   Signature easing: cubic-bezier(0.4,0,0.2,1). Palette: 0.35s quick / 0.6s standard / 1s slow.
   Every rule is gated on html.motion, which is added by an inline script ONLY when
   JS runs and prefers-reduced-motion is not set — no-JS, reduced-motion, and
   search crawlers all see the finished page. motion.js removes the gate on error. */

html.motion .hero-eyebrow,
html.motion .hero-title,
html.motion .hero-lede,
html.motion .hero-cta-row,
html.motion .hero-note,
html.motion .hero-visual,
html.motion .hero-visual-caption,
html.motion .hero .badge,
html.motion .hero h1,
html.motion .hero .lede,
html.motion .hero .cta-row {
  opacity: 0;
}

/* Below-the-fold reveal targets: hidden + resting 26px low until their batch fires. */
html.motion [data-mo] {
  opacity: 0;
  transform: translateY(26px);
}

/* Gold hairline draw — the signature. Eyebrow rules grow from their anchored end
   when JS stamps .mo-in on the element. */
html.motion .hero-eyebrow::before,
html.motion .plans-eyebrow::before,
html.motion .plans-eyebrow::after {
  transform: scaleX(0);
  transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.15s;
}
html.motion .hero-eyebrow::before { transform-origin: left center; }
html.motion .plans-eyebrow::before { transform-origin: right center; }
html.motion .plans-eyebrow::after { transform-origin: left center; }
html.motion .mo-in.hero-eyebrow::before,
html.motion .mo-in.plans-eyebrow::before,
html.motion .mo-in.plans-eyebrow::after {
  transform: scaleX(1);
}