/* Native scrolling stays intact: no scroll hijacking, pinning, or forced delays. */
.site-header{transition:background-color .3s,border-color .3s,box-shadow .3s;isolation:isolate}
.site-header.is-scrolled{background:rgba(11,11,16,.93);border-bottom-color:#494052;box-shadow:0 8px 32px #0003;backdrop-filter:blur(16px)}
.site-header:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#7150bd,#c2a2ff);transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none;opacity:.85}
.workforce-roster article,.use-case-grid article,.config-panel,.worker-telemetry{transition:border-color .3s,box-shadow .3s,background-color .3s}
.track-icon{transition:border-color .4s,box-shadow .4s}
.motion-enabled .motion-active .track-icon{animation:hos-path-light 5s ease-in-out 1 both}
.motion-enabled .motion-active li:nth-child(2) .track-icon{animation-delay:.35s}
.motion-enabled .motion-active li:nth-child(3) .track-icon{animation-delay:.7s}
.motion-enabled .motion-active li:nth-child(4) .track-icon{animation-delay:1.05s}
.motion-enabled .motion-active li:nth-child(5) .track-icon{animation-delay:1.4s}
.motion-enabled .motion-active .machine-sculpture{animation:hos-machine-drift 8s ease-in-out 2}
.motion-enabled .hero-orbit{animation:hos-atmosphere 12s ease-in-out 2}
.motion-paused *{animation-play-state:paused!important}
@keyframes hos-path-light{0%,100%{border-color:#5c4578;box-shadow:0 0 0 0 #a477ef00}35%{border-color:#c1a0f0;box-shadow:0 0 25px 4px #a477ef22}}
@keyframes hos-machine-drift{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-9px) rotate(-5deg)}}
@keyframes hos-atmosphere{0%,100%{opacity:.55}50%{opacity:.95}}
@media(hover:hover) and (pointer:fine){
 .motion-enabled .workforce-roster article:hover,.motion-enabled .config-panel:hover,.motion-enabled .worker-telemetry:hover{border-color:#806598;box-shadow:0 12px 40px #0004,0 0 25px #9870ca0b}
 .button .icon,.text-link .icon{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
 .motion-enabled .button:hover .icon,.motion-enabled .text-link:hover .icon{transform:translateX(4px)}
 .motion-enabled .phone{transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s}
 .motion-enabled .phone-stage:hover .phone{transform:translateY(-5px) rotate(-1deg);box-shadow:0 40px 85px #0009}
}
@media(max-width:600px){.site-header.is-scrolled{backdrop-filter:none}.motion-enabled .motion-active .machine-sculpture{animation:none}}
@media(prefers-reduced-motion:reduce){.site-header,.phone,.button .icon,.text-link .icon,.workforce-roster article,.config-panel,.worker-telemetry{transition:none!important}.site-header:after{display:none}.machine-sculpture,.track-icon,.hero-orbit{animation:none!important}.phone-stage:hover .phone,.button:hover .icon,.text-link:hover .icon{transform:none!important}}
@media print{.site-header:after{display:none}}