/* GlobalScalar v40 - hero video animations */

/* ---- page banners: animated technology canvas behind the text ---- */
html body .hv-host{position:relative;overflow:hidden}
html body .hv-host>canvas.hv-bg{position:absolute!important;inset:0;width:100%;height:100%;z-index:0!important;pointer-events:none;display:block;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.25) 45%,#000 76%);mask-image:linear-gradient(90deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.25) 45%,#000 76%)}
html body .hv-host>.container,html body .hv-host>.inner,html body .hv-host>*:not(canvas){position:relative;z-index:1}
html body .login-art.hv-host{isolation:isolate}
@media(max-width:700px){html body .hv-host>canvas.hv-bg{opacity:.42;-webkit-mask-image:none;mask-image:none}}

/* ---- home hero: chip > controller > sensors > connected > network > cloud > intelligence ---- */
html body .hero-system-panel.hv-panel{height:clamp(350px,29vw,390px);padding:0;background:linear-gradient(180deg,rgba(4,16,10,.72),rgba(7,26,16,.78));border:1px solid rgba(166,238,46,.28);border-radius:16px;overflow:hidden;position:relative}
.hv-panel .hv-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hv-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}
.hv-track{list-style:none;margin:0;padding:0;position:absolute;left:0;right:0;top:calc(36% + 74px);display:grid;grid-template-columns:repeat(7,1fr)}
.hv-track li{text-align:center;min-width:0}
.hv-track button{all:unset;cursor:pointer;display:block;width:100%;box-sizing:border-box;padding:4px 4px;color:#7f9a86;font:600 .82rem/1.25 var(--f,system-ui,sans-serif);transition:color .3s}
.hv-track button b{display:block;font:700 .66rem/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;margin-bottom:5px;color:#5f7a66}
.hv-track li.done button{color:#b9d4be}.hv-track li.done button b{color:#8fb97a}
.hv-track li.on button{color:#fff}.hv-track li.on button b{color:#b6f24a}
.hv-track button:hover{color:#e6ffb0}.hv-track button:focus-visible{outline:2px solid #b6f24a;outline-offset:2px;border-radius:6px}
.hv-cap{position:absolute;left:24px;right:24px;bottom:30px;text-align:center;color:#c7d6cb;font-size:.95rem;line-height:1.4}
.hv-cap b{display:block;color:#b6f24a;font:700 .78rem/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.hv-cap span{display:block}
.hv-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08)}
.hv-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7acc05,#d5ff8a)}
.hv-live{position:absolute;left:18px;top:14px;font:600 .66rem/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;color:#9db3a3;display:flex;align-items:center;gap:7px}
.hv-live i{width:7px;height:7px;border-radius:50%;background:#7acc05;box-shadow:0 0 8px #7acc05;animation:hvp 1.6s infinite}
@keyframes hvp{50%{opacity:.35}}
@media(max-width:1000px){.hv-track button{font-size:.72rem}}
@media(max-width:700px){
  html body .hero-system-panel.hv-panel{height:480px}
  .hv-track{display:none}
  .hv-cap{bottom:22px}
}
@media(prefers-reduced-motion:reduce){.hv-live i{animation:none}}
.hv-panel [data-journey-toggle]{position:absolute;right:12px;top:10px;z-index:2;min-height:44px;padding:8px 12px;border:1px solid rgba(122,204,5,.45);border-radius:8px;background:#101b0e;color:#e6ffb0;font:600 12px system-ui,sans-serif;cursor:pointer}
.hv-panel [data-journey-toggle]:disabled{cursor:default}
.hv-panel[data-journey-paused="true"] .hv-live i{animation-play-state:paused}