.hf{position:relative;padding:.7rem .75rem .65rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:rgba(255,255,255,.03)}.hf-cap{display:block;margin-bottom:.55rem;font:500 9.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(242,244,247,.6)}.hf-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;list-style:none}.hf-row:before{background:rgba(76,223,234,.22)}.hf-row:after,.hf-row:before{content:"";position:absolute;left:16.6%;right:16.6%;top:14px;height:2px}.hf-row:after{background:var(--accent-data);transform:scaleX(0);transform-origin:left;animation:hfLine 8s ease-in-out infinite}.hf-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;opacity:.5}.hf-node{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;margin-bottom:3px;background:var(--background-base);border:1.5px solid rgba(76,223,234,.6);color:var(--accent-data);font:500 10px var(--font-mono)}.hf-step b{font:700 12.5px/1.2 var(--bricolage),sans-serif;color:#f2f4f7}.hf-step small{font:400 11px/1.3 var(--jakarta),sans-serif;color:rgba(242,244,247,.75)}.hf-s1{animation:hfOn1 8s ease-out infinite}.hf-s2{animation:hfOn2 8s ease-out infinite}.hf-s3{animation:hfOn3 8s ease-out infinite}@keyframes hfLine{0%,12%{transform:scaleX(0)}55%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes hfOn1{0%,4%{opacity:.5;transform:scale(.97)}10%,92%{opacity:1;transform:none}to{opacity:.5}}@keyframes hfOn2{0%,28%{opacity:.5;transform:scale(.97)}36%,92%{opacity:1;transform:none}to{opacity:.5}}@keyframes hfOn3{0%,52%{opacity:.5;transform:scale(.97)}60%,92%{opacity:1;transform:none}to{opacity:.5}}.hf-4 .hf-row{grid-template-columns:repeat(4,1fr);gap:.35rem}.hf-4 .hf-row:after,.hf-4 .hf-row:before{left:12.5%;right:12.5%}.hf-4 .hf-row:after{animation-name:hfLine4}.hf-4 .hf-step b{font-size:12px}.hf-4 .hf-step small{font-size:10.5px}.hf-4 .hf-s2{animation-name:hfOn2q}.hf-4 .hf-s3{animation-name:hfOn3q}.hf-s4{animation:hfOn4 8s ease-out infinite}@keyframes hfLine4{0%,8%{transform:scaleX(0)}72%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes hfOn2q{0%,20%{opacity:.5;transform:scale(.97)}28%,92%{opacity:1;transform:none}to{opacity:.5}}@keyframes hfOn3q{0%,42%{opacity:.5;transform:scale(.97)}50%,92%{opacity:1;transform:none}to{opacity:.5}}@keyframes hfOn4{0%,64%{opacity:.5;transform:scale(.97)}72%,92%{opacity:1;transform:none}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.hf-row:after,.hf-step{animation:none!important}.hf-row:after{transform:scaleX(1)}.hf-step{opacity:1}}@keyframes heroGlide{0%{transform:translateY(14px)}to{transform:none}}.hero-in.hero-lcp{animation-name:heroGlide;animation-delay:0s}@media (prefers-reduced-motion:reduce){.hero-in.hero-lcp{animation:none}}