/* hearbyhq.com motion system. Conduit's marketing site tokens, measured live 2026-09-22.
 * Sources: vault 02 Ventures/HearbyHQ/06 Brand/Conduit Reference/live/motion.md (site section),
 * live/css/site-motion-rules.css, design/parity-gaps/site-probe.json, m2.json, m3.json, measure.json.
 * Nothing here is invented. site.js reads the durations below, so JS and CSS share one source. */
:root{
  /* easings, site-motion-rules.css utilities */
  --e-out:cubic-bezier(.16,1,.3,1);          /* Tailwind ease-out on conduit.ai: buttons, tiles, images, accordion */
  --e-std:cubic-bezier(.4,0,.2,1);           /* default transition timing: nav links, chevron, card hover, dropdown items */
  --e-nav:cubic-bezier(.22,1,.36,1);         /* navigation menu popup */
  --e-demo:cubic-bezier(.22,.61,.36,1);      /* framer demo panel fades */
  --e-icon:cubic-bezier(.25,.46,.45,.94);    /* mobile menu icon cross-fade */

  /* durations */
  --d-fast:150ms;          /* buttons, nav links, tiles, dropdown items, image fade, band media cross-fade, faq row hover */
  --d-acc:200ms;           /* accordion plus bar and panel height (measured m-probe acc: scale 200, height 200) */
  --d-chev:300ms;          /* nav chevron rotate */
  --d-nav:350ms;           /* dropdown open: opacity, scale, size */
  --d-nav-close:150ms;     /* dropdown close: data-ending-style:duration-150, easing ease */
  --d-enter:200ms;         /* dropdown contents, tw-animate enter */
  --d-enter-stagger:100ms;
  --d-demo-load:350ms;     /* hero panels on load */
  --d-demo-load-step:180ms;/* delays 180, 360 */
  --d-demo-panel:280ms;    /* scrolled demo panel */
  --d-demo-row:200ms;      /* scrolled demo rows, easing ease-out */
  --d-demo-row-start:400ms;
  --d-demo-row-step:80ms;
  --d-band-tile:20000ms;   /* GrowthGrid bar, JS scaleX linear, 0.035 per 703ms read live (m2.json bar) */
  --d-band-bar-out:300ms; /* outgoing tile bar opacity 1 to 0, ease-out (raw-conduit/site-band-tile-click.json) */
  --m-menu-in:120ms;       /* mobile menu region fade in, ease-out */
  --m-menu-out:80ms;       /* mobile menu region fade out, ease-out */

  /* distances and scales */
  --s-nav-from:.9;         /* dropdown data-starting-style:scale-90 */
  --s-icon-out:.75;        /* outgoing mobile menu icon */
  --b-icon-out:2px;        /* outgoing mobile menu icon blur */
  --s-press:.98;           /* button active scale */
  --x-card-arrow:2px;      /* customer card arrow nudge */
}

/* Conduit wraps motion in motion-safe / motion-reduce utilities; under reduced motion everything snaps. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}
}