.hero-flow{position:relative;width:100%;aspect-ratio:5 / 4;border-radius:14px;overflow:hidden;isolation:isolate}.hf-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}.hf-trail-left{stroke-width:.5;fill:none;opacity:.25}.hf-tendril{stroke-width:.9;fill:none;stroke-linecap:round;stroke-dasharray:.8 4;opacity:.85;animation-name:hfFlow;animation-timing-function:linear;animation-iteration-count:infinite;will-change:stroke-dashoffset}@keyframes hfFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-240}}.hf-particle{offset-distance:0%;animation-name:hfParticleMove;animation-timing-function:linear;animation-iteration-count:infinite;will-change:offset-distance}@keyframes hfParticleMove{0%{offset-distance:0%}to{offset-distance:100%}}.hf-cell{opacity:.16;animation-name:hfCellPulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:opacity}@keyframes hfCellPulse{0%,42%{opacity:.14}50%{opacity:1}58%,to{opacity:.14}}.hf-input{animation-name:hfInputPulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes hfInputPulse{0%,to{opacity:.82}50%{opacity:1}}.hf-exit{opacity:.85;animation:hfExitPulse 2.6s ease-in-out infinite}@keyframes hfExitPulse{0%,to{opacity:.45}50%{opacity:1}}.hf-aurora{position:absolute;inset:-12%;z-index:1;pointer-events:none;background:radial-gradient(40% 55% at 82% 50%,rgba(252,98,30,.3),transparent 70%),radial-gradient(35% 50% at 18% 50%,rgba(17,218,254,.3),transparent 65%);filter:blur(28px);animation:hfDrift 14s ease-in-out infinite alternate;will-change:transform,opacity}.hf-aurora-2{background:radial-gradient(50% 40% at 65% 30%,rgba(255,143,0,.22),transparent 70%),radial-gradient(45% 40% at 30% 75%,rgba(107,232,238,.22),transparent 70%);animation:hfDrift2 18s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes hfDrift{0%{transform:translate(-2%,-2%) scale(1);opacity:.85}to{transform:translate(2%,2%) scale(1.06);opacity:1}}@keyframes hfDrift2{0%{transform:translate(3%,-3%) scale(1.05);opacity:.75}to{transform:translate(-3%,3%) scale(1);opacity:1}}.hf-processor-reveal{opacity:0;animation:hfFadeIn 2s ease-out 4s both}.hf-inputs-reveal{opacity:0;animation:hfFadeIn 2.4s ease-out .4s both}.hf-exits-reveal{opacity:0;animation:hfFadeIn 1.6s ease-out 7.3s both}@keyframes hfFadeIn{0%{opacity:0}to{opacity:1}}.hf-force-static .hf-tendril,.hf-force-static .hf-particle,.hf-force-static .hf-cell,.hf-force-static .hf-input,.hf-force-static .hf-exit,.hf-force-static .hf-aurora,.hf-force-static .hf-aurora-2{animation:none}.hf-force-static .hf-processor-reveal,.hf-force-static .hf-inputs-reveal,.hf-force-static .hf-exits-reveal{opacity:1;animation:none}.hf-force-static .hf-svg g[clip-path]{clip-path:none}.hf-force-static .hf-cell{opacity:.45}.hf-force-static .hf-particle{display:none}.hf-paused .hf-tendril,.hf-paused .hf-particle,.hf-paused .hf-cell,.hf-paused .hf-input,.hf-paused .hf-exit,.hf-paused .hf-aurora,.hf-paused .hf-aurora-2{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.hf-aurora,.hf-aurora-2,.hf-tendril,.hf-cell,.hf-input,.hf-exit,.hf-particle{animation:none}.hf-processor-reveal,.hf-inputs-reveal,.hf-exits-reveal{opacity:1;animation:none}}