/* Homepage motion is decorative. Content remains visible before JavaScript runs. */
@keyframes hb-hero-float{0%,100%{transform:translate3d(0,0,0) rotate(-12deg)}50%{transform:translate3d(0,-14px,0) rotate(-10deg)}}
@keyframes hb-card-left{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(0,-10px,0) rotate(-3deg)}}
@keyframes hb-card-right{0%,100%{transform:translate3d(0,0,0) rotate(5deg)}50%{transform:translate3d(0,9px,0) rotate(3deg)}}
@keyframes hb-halo{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}}
@keyframes hb-twinkle{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@keyframes hb-enter{from{transform:translate3d(0,22px,0)}to{transform:translate3d(0,0,0)}}
@keyframes hb-chart-grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes hb-play-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #ffffff35}50%{transform:scale(1.08);box-shadow:0 0 0 12px #ffffff00}}
@keyframes hb-story-sway{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes hb-cta-glow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

.home-hero .center-emblem{animation:hb-hero-float 7s ease-in-out infinite}
.home-hero .card-followers{animation:hb-card-left 6.5s ease-in-out infinite}
.home-hero .card-views{animation:hb-card-right 7.2s ease-in-out infinite}
.home-hero .orbit-one{animation:hb-halo 8s ease-in-out infinite}
.home-hero .orbit-two{animation:hb-halo 10s ease-in-out -3s infinite}
.home-hero .orbit-three{animation:hb-halo 12s ease-in-out -5s infinite}
.home-hero .spark{animation:hb-twinkle 3.6s ease-in-out infinite}
.home-hero .spark-b{animation-delay:-1.2s}.home-hero .spark-c{animation-delay:-2.4s}
.home-hero .hero-copy{animation:hb-enter .85s ease-out both}

/* Reveals use transform only: the text and links stay present and readable. */
.motion-ready .motion-target.is-visible{animation:hb-enter .72s cubic-bezier(.2,.7,.2,1) var(--motion-delay,0ms) both}
.motion-ready .live-dashboard .live-bar{animation-play-state:paused}
.motion-ready .live-dashboard.is-visible .live-bar{animation-play-state:running}
.motion-ready .spotlight-row.is-visible .screen-bars i{animation:hb-chart-grow .75s ease-out both;transform-origin:bottom}
.motion-ready .spotlight-row.is-visible .screen-bars i:nth-child(2){animation-delay:.08s}
.motion-ready .spotlight-row.is-visible .screen-bars i:nth-child(3){animation-delay:.16s}
.motion-ready .spotlight-row.is-visible .screen-bars i:nth-child(4){animation-delay:.24s}
.motion-ready .spotlight-row.is-visible .screen-bars i:nth-child(5){animation-delay:.32s}
.motion-ready .spotlight-row.is-visible .screen-bars i:nth-child(6){animation-delay:.4s}
.motion-ready .spotlight-row.is-visible .screen-bars i:nth-child(7){animation-delay:.48s}
.spotlight-visual .spotlight-glow{animation:hb-halo 9s ease-in-out infinite}
.visual-video .screen-video>span{animation:hb-play-pulse 3.5s ease-in-out infinite}
.visual-story .story-stack{animation:hb-story-sway 5s ease-in-out infinite}
.home-tool-feature .button:hover,.spotlight-links a:hover,.bottom-cta .button:hover{transform:translateY(-3px)}
.bottom-cta{background:linear-gradient(115deg,#2148d9,#315bff,#684de7);background-size:220% 220%;animation:hb-cta-glow 15s ease-in-out infinite}

@media(prefers-reduced-motion:reduce){
  .home-hero .center-emblem,.home-hero .float-card,.home-hero .orbit,.home-hero .spark,.home-hero .hero-copy,
  .motion-ready .motion-target.is-visible,.motion-ready .spotlight-row.is-visible .screen-bars i,
  .spotlight-visual .spotlight-glow,.visual-video .screen-video>span,.visual-story .story-stack,.bottom-cta{animation:none!important}
  .motion-ready .live-dashboard .live-bar{animation-play-state:running}
  .home-tool-feature .button:hover,.spotlight-links a:hover,.bottom-cta .button:hover{transform:none}
}
@keyframes hb-image-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}
.home-hero .hero-art img{animation:hb-image-float 8s ease-in-out infinite}
.home-system-section img{animation:hb-image-float 10s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.home-hero .hero-art img,.home-system-section img{animation:none!important}}

@keyframes hb-showcase-bob-a{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-11px) rotate(-1deg)}}
@keyframes hb-showcase-bob-b{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(9px) rotate(1deg)}}
@keyframes hb-halo-turn{from{transform:rotate(-16deg)}to{transform:rotate(344deg)}}
@keyframes hb-engine-turn-a{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}
@keyframes hb-engine-turn-b{from{transform:rotate(30deg)}to{transform:rotate(-330deg)}}
@keyframes hb-engine-pulse{0%,100%{box-shadow:0 0 0 19px #8c76fa16,0 0 0 43px #8c76fa0a,0 0 52px #8875ff80}50%{box-shadow:0 0 0 24px #8c76fa1d,0 0 0 49px #8c76fa0d,0 0 68px #8875ffad}}
@keyframes hb-engine-spark{0%,100%{opacity:.48;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}
.showcase-card-a{animation:hb-showcase-bob-a 6.4s ease-in-out infinite}
.showcase-card-b{animation:hb-showcase-bob-b 7.1s ease-in-out infinite}
.showcase-halo-one{animation:hb-halo-turn 42s linear infinite}
.showcase-pill span{animation:hb-engine-spark 2.5s ease-in-out infinite}
.engine-ring-one{animation:hb-engine-turn-a 32s linear infinite}
.engine-ring-two{animation:hb-engine-turn-b 38s linear infinite}
.engine-core{animation:hb-engine-pulse 4.5s ease-in-out infinite}
.engine-spark{animation:hb-engine-spark 3s ease-in-out infinite}
.engine-spark-two{animation-delay:-1s}.engine-spark-three{animation-delay:-2s}
@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-halo,.showcase-pill span,.engine-ring,.engine-core,.engine-spark{animation:none!important}.engine-node{transition:none}}

@keyframes hb-hero-brand-float{0%,100%{transform:translate(-50%,-50%) rotate(-11deg)}50%{transform:translate(-50%,-54%) rotate(-8deg)}}
@keyframes hb-hero-ring-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes hb-hero-card-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-brand-tile{animation:hb-hero-brand-float 7s ease-in-out infinite}
.hero-orbit-dash{animation:hb-hero-ring-spin 50s linear infinite}
.hero-metric-paths{animation:hb-hero-card-rise 6.2s ease-in-out infinite}
.hero-metric-link{animation:hb-hero-card-rise 7.1s ease-in-out -2s infinite}
.hero-metric-tools{animation:hb-hero-card-rise 6.8s ease-in-out -3s infinite}
.hero-float-heart,.hero-float-spark,.hero-orbit-dot{animation:hb-engine-spark 4s ease-in-out infinite}
.hero-float-spark,.hero-orbit-dot-two{animation-delay:-1.5s}
@media(prefers-reduced-motion:reduce){.hero-brand-tile,.hero-orbit-dash,.hero-metric-card,.hero-float-heart,.hero-float-spark,.hero-orbit-dot{animation:none!important}}