.hero{min-height:720px}.hero-slides,.hero-slide,.neural-flow{position:absolute;inset:0}
.brand-logo{display:block;width:245px;height:auto}
.hero-slide{width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity,transform;animation:heroScene 36s infinite ease-in-out}
.hero:not(.hero-ready) .hero-slide,.hero:not(.hero-ready) .hero-headline{animation:none;opacity:0;transform:none}.hero:not(.hero-ready) .hero-slide-one,.hero:not(.hero-ready) .headline-one{opacity:1}
.hero-slide-one{animation-delay:0s}
.hero-slide-two{animation-delay:-30s}
.hero-slide-three{animation-delay:-24s}
.hero-slide-four{animation-delay:-18s}
.hero-slide-five{animation-delay:-12s}
.hero-slide-six{animation-delay:-6s}
.neural-flow{z-index:1;pointer-events:none;opacity:.24;mix-blend-mode:screen;background:radial-gradient(ellipse at 72% 43%,rgba(34,213,204,.18),transparent 36%),linear-gradient(100deg,transparent 25%,rgba(30,197,255,.1) 48%,transparent 68%);background-size:110% 100%,190% 100%;animation:neuralDrift 6s ease-in-out infinite alternate}
.hero-shade{z-index:2}
.hero-copy{z-index:3}
.hero-authority{max-width:760px}
.hero-credentials{position:relative;z-index:4;width:100%;box-sizing:border-box;padding:24px 4vw;white-space:nowrap;overflow-x:auto;overflow-y:hidden;background:rgba(2,12,26,.88);color:#d5e3ee;font-size:clamp(.875rem,1.02vw,1rem);font-weight:400;line-height:1.6;text-align:center;scrollbar-width:thin;scrollbar-color:#507084 #071a2b}
.hero .hero-copy{padding-top:clamp(40px,4vw,70px)}
.hero-credentials strong{font-size:inherit;color:#fff;font-weight:700}
.hero-credentials span{margin:0 .55em;color:#8faabd}
.hero-credentials:focus-visible{outline:2px solid #22d5cc;outline-offset:-3px}
@media(max-width:1200px){.hero-credentials{text-align:left}}
.hero-headlines{position:relative;height:230px;margin:20px 0 28px}
.hero-headline{position:absolute;inset:0;margin:0;max-width:820px;font-size:clamp(46px,5.1vw,76px);line-height:1.04;opacity:0;will-change:opacity,transform;animation:heroHeadline 36s infinite ease-in-out}
.headline-one{animation-delay:0s}
.headline-two{animation-delay:-30s}
.headline-three{animation-delay:-24s}
.headline-four{animation-delay:-18s}
.headline-five{animation-delay:-12s}
.headline-six{animation-delay:-6s}
@keyframes heroScene{0%{opacity:1;transform:scale(1)}13.8%{opacity:1;transform:scale(1.045)}16.667%{opacity:0;transform:scale(1.06)}97%{opacity:0;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes heroHeadline{0%{opacity:1;transform:translateY(0)}13.8%{opacity:1;transform:translateY(0)}16.667%{opacity:0;transform:translateY(-10px)}97%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
@keyframes neuralDrift{from{background-position:15% 50%,0 50%;filter:brightness(.9)}to{background-position:85% 50%,100% 50%;filter:brightness(1.3)}}
@media(max-width:1000px){.hero-headlines{height:245px}.hero-headline{font-size:clamp(44px,7vw,64px)}}
@media(max-width:650px){.hero{min-height:820px}.hero-slide{object-position:66% center;opacity:0}.hero-slide-two{object-position:62% center}.hero-slide-three{object-position:68% center}.neural-flow{opacity:.17}.hero-headlines{height:250px;margin-bottom:20px}.hero-headline{font-size:clamp(42px,12vw,54px);line-height:1.03}.hero-authority{line-height:1.55}}
@media(max-width:650px){.brand-logo{width:210px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.neural-flow,.hero-headline{animation:none}.hero-slide,.hero-headline{display:none;opacity:1;transform:none}.hero-slide-one,.headline-one{display:block}}