/* Futurezen homepage hero: process sequence (sketch -> CAD -> prototype -> electronics -> assembly -> finished) */
.hero-process{position:relative;min-height:max(620px,calc(100svh - 76px));display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#06142a;color:#fff;isolation:isolate}
.hero-process .hp-stage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;background-size:cover;background-position:right center;background-repeat:no-repeat;opacity:0;transition:opacity .9s ease;z-index:0}
.hero-process .hp-stage.on{opacity:1}
.hero-process .hp-s1{opacity:1}
.hero-process .hp-s5 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-process::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,20,42,.78) 0%,rgba(6,20,42,.35) 42%,rgba(6,20,42,0) 62%);pointer-events:none}
.hp-inner{position:relative;z-index:2;width:min(1240px,calc(100% - 56px));margin:0 auto;padding:clamp(48px,7vw,96px) 0 clamp(96px,11vw,150px)}
.hp-eyebrow{margin:0 0 22px;font:600 12px/1.3 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.09em;text-transform:uppercase;color:#8fc0ee}
.hero-process h1{max-width:9.5em;margin:0;color:#fff;font-size:clamp(40px,4.6vw,68px);line-height:1.03;letter-spacing:-.03em;font-weight:700}
.hp-lead{max-width:24em;margin:24px 0 0;color:rgba(255,255,255,.86);font-size:clamp(18px,1.5vw,21px);line-height:1.5}
.hero-process .cta-button{margin-top:36px}
.hp-track{position:absolute;left:0;right:0;bottom:clamp(20px,3vw,40px);z-index:2;width:min(1240px,calc(100% - 56px));margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:780px;margin-left:max(28px,calc((100% - 1240px)/2))}
.hp-track li{position:relative;padding-top:14px;font-size:14px;font-weight:500;line-height:1.3;color:rgba(255,255,255,.55);transition:color .4s}
.hp-track li::before{content:"";position:absolute;top:0;left:0;right:6px;height:2px;background:rgba(255,255,255,.22)}
.hp-track li::after{content:"";position:absolute;top:0;left:0;height:2px;width:0;background:#ff6a3d}
.hp-track li.done::after{width:calc(100% - 6px)}
.hp-track li.on{color:#fff}
.hp-track li.on::after{animation:hp-fill var(--hp-d,2800ms) linear forwards}
.hp-track small{display:block;margin-bottom:3px;font:11px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;color:rgba(255,255,255,.5)}
@keyframes hp-fill{to{width:calc(100% - 6px)}}
@media (max-width:860px){
  .hero-process{min-height:0;justify-content:flex-start;padding-bottom:73vw}
  .hero-process::before{display:none}
  .hero-process .hp-stage{inset:auto 0 0 0;height:73vw;object-fit:cover;object-position:right bottom;background-size:cover;background-position:right bottom;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28%);mask-image:linear-gradient(180deg,transparent 0,#000 28%)}
  .hero-process .hp-s5 video{object-fit:cover;object-position:right bottom}
  .hp-inner{width:calc(100% - 40px);padding:40px 0 24px}
  .hero-process h1{max-width:none;font-size:clamp(36px,9.5vw,50px)}
  .hp-track{position:relative;bottom:auto;width:calc(100% - 40px);margin:0 20px 20px;max-width:none}
  .hp-track li{font-size:10px}
}
@media (prefers-reduced-motion:reduce){.hero-process .hp-stage{transition:none}.hp-track li.on::after{animation:none;width:calc(100% - 6px)}}