/* ════════════════════════════════════════════════
   smartHVAC — motion layer (reveals, hover depth, scroll feedback)
   ════════════════════════════════════════════════ */

/* scroll progress */
#scrollProgress{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--red),var(--red-glow) 70%,#ff8b99);box-shadow:0 0 12px rgba(255,59,82,.6)}

/* nav: current section */
.nav-links a.active{color:var(--ink)}
.nav-links a.active::after{width:100%}

/* hero: shimmering accent word */
.hero-title em{background:linear-gradient(100deg,#ff6478 0%,var(--red) 28%,#7e0c20 50%,var(--red) 72%,#ff6478 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:shimmer 7s linear infinite}
@keyframes shimmer{to{background-position:-200% 0}}
.hero-title .line{padding-bottom:.06em}

/* headings: word-by-word mask reveal */
.split-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.split-wi{display:inline-block;will-change:transform}

/* cards: cursor spotlight + tilt */
.has-spot{position:relative;overflow:hidden}
.spot-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .45s;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),rgba(255,59,82,.15),transparent 55%)}
.has-spot:hover .spot-glow{opacity:1}
.tilt{transform-style:preserve-3d;transition:box-shadow .4s,border-color .4s!important}

/* magnetic buttons: GSAP owns the transform */
.btn.magnetic{transition:box-shadow .3s,background .3s,color .3s,border-color .3s}

/* big stat glow pulse once it lands */
.case-stat.lit .big-num{animation:numGlow 2.6s ease-out 1}
@keyframes numGlow{0%{filter:drop-shadow(0 0 0 rgba(255,59,82,0))}35%{filter:drop-shadow(0 0 26px rgba(255,59,82,.55))}100%{filter:drop-shadow(0 0 0 rgba(255,59,82,0))}}

@media (prefers-reduced-motion:reduce){
  .hero-title em{animation:none}
  #scrollProgress{display:none}
}
