/* Homepage decoration only. Scroll transforms do not change document layout. */
.hp-motion-enabled .hp-motion{--hp-motion-play-state:paused;--hp-scroll-drift:0px}
.hp-motion-enabled .hp-motion.hp-motion-live{--hp-motion-play-state:running}
.hp-motion-enabled.hp-motion-paused .hp-motion{--hp-motion-play-state:paused}

/* The hero settles on entry, then moves upward within its compact preview. */
.hp-motion-enabled .hero-platform-refined.hp-motion-hero .app-window{transform:perspective(1600px) translate3d(0,calc(var(--hp-hero-lift,0px) + var(--hp-hero-sink,0px)),0) rotateX(var(--hp-hero-tilt,0deg));transform-origin:50% 100%}
.hp-motion-enabled .hero-platform-refined.hp-motion-hero .app-window::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,transparent 25%,#ece4ff55 39%,#fff 50%,#fff9 55%,transparent 72%);transform:translate3d(var(--hp-hero-reflection-x,-70%),0,0);opacity:var(--hp-hero-reflection-opacity,0)}
.hp-motion-enabled .hero-platform-refined.hp-motion-hero .hero-metrics{transform:translate3d(0,var(--hp-hero-cards,0px),0)}
.hp-motion-enabled .hero-platform-refined.hp-motion-hero .hero-analytics{transform:translate3d(0,var(--hp-hero-chart,0px),0)}
.hp-motion-enabled .hero-platform-refined.hp-motion-hero.hp-hero-settled .app-window,
.hp-motion-enabled .hero-platform-refined.hp-motion-hero.hp-hero-settled .hero-metrics,
.hp-motion-enabled .hero-platform-refined.hp-motion-hero.hp-hero-settled .hero-analytics{transform:none}

/* The actual ribbon strands rotate only with scroll; the SVG and axis stay still. */
.hp-motion-enabled .hp-motion-ltv .ltv-orbit{transform:rotate(var(--hp-ltv-orbit-angle,-25deg));transform-origin:50% 50%}

/* Pillars keep their text anchored. Only their decorative icon and edge respond. */
.hp-motion-enabled .hp-motion-pillar{position:relative;isolation:isolate}
.hp-motion-enabled .hp-motion-pillar::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 95% 0,#ffffffb8,transparent 62%);opacity:0}
.hp-motion-enabled .hp-motion-pillar.hp-motion-entered::after{animation:hp-pillar-arrival 1.5s ease-out both;animation-delay:var(--hp-arrival-delay,0ms);animation-play-state:var(--hp-motion-play-state)}
.hp-motion-enabled .hp-motion-pillar .pillar-top>.pillar-icon{transform:translate3d(0,var(--hp-scroll-drift),0)}
@keyframes hp-pillar-arrival{0%{opacity:0}40%{opacity:.85}100%{opacity:.3}}

/* Sequential emphasis illustrates the learning loop; it is not a live status. */
.hp-motion-enabled .hp-motion-intelligence .ai-loop>span{animation:hp-intelligence-step 14.4s ease-in-out infinite;animation-delay:var(--hp-intelligence-delay,0s);animation-play-state:var(--hp-motion-play-state)}
.hp-motion-enabled .hp-motion-intelligence .ai-core{animation:hp-intelligence-light 7.2s ease-in-out infinite;animation-play-state:var(--hp-motion-play-state)}
@keyframes hp-intelligence-step{0%,17%,100%{border-color:#e4d6c7;background:#ffffffb0;box-shadow:0 0 0 0 #b6947010}3%,12%{border-color:#cdb195;background:#fffcf7;box-shadow:0 3px 12px -6px #aa7a4d40}}
@keyframes hp-intelligence-light{0%,100%{box-shadow:0 12px 20px #b58b6130}50%{box-shadow:0 12px 25px #b58b6140}}

/* The architectural light shifts gently as its illustration crosses the viewport. */
.hp-motion-enabled .hp-motion-hub .hub-sun{transform:translate3d(0,var(--hp-scroll-drift),0)}

/* A barely moving pool of light beneath the planner leaves every control still. */
.hp-motion-enabled .hp-motion-planner::after{animation:hp-planner-light 16s ease-in-out infinite;animation-play-state:var(--hp-motion-play-state)}
@keyframes hp-planner-light{0%,100%{opacity:.62;transform:translateX(-50%) scale(.98)}50%{opacity:.92;transform:translateX(-50%) scale(1.04)}}

/* Reduced motion restores the original static artwork, including after a live change. */
@media(prefers-reduced-motion:reduce){
  .hp-motion-enabled .hero-platform-refined.hp-motion-hero .app-window::after{display:none}
  .hp-motion-enabled .hp-motion-ltv .ltv-orbit{animation:none!important;transform:rotate(-25deg)}
  .hp-motion-enabled .hp-motion-pillar::after,
  .hp-motion-enabled .hp-motion-intelligence .ai-loop>span,
  .hp-motion-enabled .hp-motion-intelligence .ai-core,
  .hp-motion-enabled .hp-motion-planner::after{animation:none!important}
  .hp-motion-enabled .hero-platform-refined.hp-motion-hero .app-window,
  .hp-motion-enabled .hero-platform-refined.hp-motion-hero .hero-metrics,
  .hp-motion-enabled .hero-platform-refined.hp-motion-hero .hero-analytics,
  .hp-motion-enabled .hp-motion-pillar .pillar-top>.pillar-icon,
  .hp-motion-enabled .hp-motion-hub .hub-sun{transform:none!important}
}