/* motion.css — ambient motion (Tier 1). Calm, slow, staggered.
   OFF when: Motion toggle is off (html.motion-off), the tab is hidden / hero offscreen (html.motion-paused),
   or the visitor's system asks for reduced motion (unless they switch Motion on themselves).
   Traveling light along roots → trunk → branches is run by assets/js/motion.js. */
@keyframes cai-breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.92;transform:scale(1.07)}}
@keyframes cai-twinkle{0%,100%{opacity:.28}50%{opacity:.95}}
@keyframes cai-node-idle{0%,100%{opacity:.45}50%{opacity:.95}}
@keyframes cai-sweep{0%{transform:translateX(-260px) skewX(-18deg);opacity:0}8%{opacity:.15}42%{opacity:.15}54%{transform:translateX(1180px) skewX(-18deg);opacity:0}100%{transform:translateX(1180px) skewX(-18deg);opacity:0}}
@keyframes cai-cta-glow{0%,100%{box-shadow:0 0 14px rgba(150,140,255,.38),0 0 18px rgba(110,230,240,.24)}50%{box-shadow:0 0 22px rgba(160,145,255,.6),0 0 28px rgba(110,235,245,.42)}}
.seed-halo{animation:cai-breathe 5.6s ease-in-out infinite}
.core-halo{animation:cai-breathe 6.8s ease-in-out infinite -2s}
.seed-light{animation:cai-twinkle 5.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.87s)}
.cai-node .node-halo{animation:cai-node-idle 4.2s ease-in-out infinite}
#node_content .node-halo{animation-delay:-.9s} #node_business .node-halo{animation-delay:-1.7s}
#node_ideas .node-halo{animation-delay:-2.5s} #node_tools .node-halo{animation-delay:-3.3s}
.canopy-shimmer{animation:cai-sweep 15s linear infinite 3s}
.btn-explore{animation:cai-cta-glow 6s ease-in-out infinite}
.cai-node.is-hot .node-halo{animation:none;opacity:1}

html.motion-off .seed-halo,html.motion-off .core-halo,html.motion-off .seed-light,html.motion-off .cai-node .node-halo,
html.motion-off .canopy-shimmer,html.motion-off .btn-explore{animation:none!important}
html.motion-off .canopy-shimmer{opacity:0}
html.motion-paused .stage *,html.motion-paused .btn-explore{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  html:not(.motion-on) .seed-halo,html:not(.motion-on) .core-halo,html:not(.motion-on) .seed-light,html:not(.motion-on) .cai-node .node-halo,
  html:not(.motion-on) .canopy-shimmer,html:not(.motion-on) .btn-explore{animation:none!important}
  html:not(.motion-on) *{transition:none!important;scroll-behavior:auto!important}
}
