.anx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:28px;max-width:1200px;margin:0 auto}
.anx-card{margin:0;padding:28px 24px 22px;background:#fff;border:1px solid #e1e8f1;border-radius:20px;box-shadow:0 6px 24px rgba(22,50,79,.07);text-align:center}
.anx-sub{margin:6px 0 0;font-family:Arial,sans-serif;font-size:15px;line-height:1.4;color:#5a6e85}
.anx-card figcaption{margin-top:14px;font-family:Arial,sans-serif;font-size:18px;font-weight:700;color:#16324f}
.acx-wrap{width:100%;max-width:100%;margin:0 auto}
.acx{width:100%;height:auto;display:block;overflow:visible}
.acx *{transform-box:fill-box}

.acx-led{animation:acx-blink 2s ease-in-out infinite}
@keyframes acx-blink{50%{opacity:.25}}

.acx-flap{transform-origin:50% 50%;animation:acx-flap 4s ease-in-out infinite}
@keyframes acx-flap{0%,100%{transform:translateY(-2px) rotate(0)}50%{transform:translateY(3px) rotate(0)}}

.acx-w{stroke-dasharray:60 200;opacity:0;animation:acx-wave 2.6s ease-in-out infinite}
.acx-w1{animation-delay:0s}.acx-w2{animation-delay:.35s}.acx-w3{animation-delay:.7s}
.acx-w4{animation-delay:.2s}.acx-w5{animation-delay:.55s}.acx-w6{animation-delay:.9s}
@keyframes acx-wave{
  0%{stroke-dashoffset:60;opacity:0;transform:translateY(-10px)}
  25%{opacity:.9}
  100%{stroke-dashoffset:-140;opacity:0;transform:translateY(34px)}
}

.acx-s{opacity:0;animation:acx-snow 3.2s linear infinite}
.acx-s1{transform:translate(110px,170px);animation-delay:0s}
.acx-s2{transform:translate(200px,160px);animation-delay:.8s}
.acx-s3{transform:translate(260px,175px);animation-delay:1.6s}
.acx-s4{transform:translate(160px,165px);animation-delay:2.2s}
@keyframes acx-snow{
  0%{opacity:0;translate:0 0;rotate:0deg}
  15%{opacity:1}
  100%{opacity:0;translate:14px 120px;rotate:180deg}
}

@media (prefers-reduced-motion:reduce){
  .acx-led,.acx-flap,.acx-w,.acx-s{animation:none}
  .acx-w{opacity:.6;stroke-dasharray:none}
}
.dhx-wrap{width:100%;max-width:100%;margin:0 auto}
.dhx{width:100%;height:auto;display:block;overflow:visible}
.dhx *{transform-box:fill-box}

.dhx-led{animation:dhx-blink 2s ease-in-out infinite}
@keyframes dhx-blink{50%{opacity:.25}}

.dhx-in{stroke-dasharray:50 140;opacity:0;animation:dhx-in 2.4s ease-in-out infinite}
.dhx-in1{animation-delay:0s}.dhx-in2{animation-delay:.4s}.dhx-in3{animation-delay:.8s}
@keyframes dhx-in{
  0%{stroke-dashoffset:50;opacity:0;translate:-6px 0}
  30%{opacity:.9}
  100%{stroke-dashoffset:-90;opacity:0;translate:38px 0}
}

.dhx-out{stroke-dasharray:36 120;opacity:0;animation:dhx-out 2.4s ease-in-out infinite;animation-delay:.5s}
.dhx-out2{animation-delay:.9s}.dhx-out3{animation-delay:1.3s}
@keyframes dhx-out{
  0%{stroke-dashoffset:36;opacity:0}
  30%{opacity:.9}
  100%{stroke-dashoffset:-84;opacity:0;translate:14px 0}
}

.dhx-d{opacity:0;animation:dhx-drop 2.4s ease-in infinite}
.dhx-d2{animation-delay:.8s}.dhx-d3{animation-delay:1.6s}
@keyframes dhx-drop{
  0%{opacity:0;translate:0 0}
  15%{opacity:1}
  80%{opacity:1}
  100%{opacity:0;translate:0 32px}
}

.dhx-water{transform-origin:50% 100%;animation:dhx-fill 10s ease-in-out infinite}
@keyframes dhx-fill{
  0%{transform:scaleY(.12)}
  85%{transform:scaleY(.9)}
  100%{transform:scaleY(.12)}
}

@media (prefers-reduced-motion:reduce){
  .dhx-led,.dhx-in,.dhx-out,.dhx-d,.dhx-water{animation:none}
  .dhx-in,.dhx-out{opacity:.6;stroke-dasharray:none}
  .dhx-water{transform:scaleY(.5)}
}
.htx-wrap{width:100%;max-width:100%;margin:0 auto}
.htx{width:100%;height:auto;display:block;overflow:visible}
.htx *{transform-box:fill-box}

.htx-led{animation:htx-blink 2s ease-in-out infinite}
@keyframes htx-blink{50%{opacity:.25}}

.htx-fl{transform-origin:50% 100%;animation:htx-flame .9s ease-in-out infinite}
.htx-fl2{animation-duration:.7s;animation-delay:.15s}
@keyframes htx-flame{
  0%,100%{transform:scale(1,1) rotate(-2deg)}
  50%{transform:scale(.9,1.12) rotate(2deg)}
}

.htx-pipe{stroke-dasharray:6 10;animation:htx-flow 1s linear infinite}
.htx-hot{animation-name:htx-flow}
.htx-cold{animation-name:htx-flow}
@keyframes htx-flow{to{stroke-dashoffset:-32}}

.htx-fin{fill:#ffb36b;animation:htx-glow 3s ease-in-out infinite}
.htx-f2{animation-delay:.15s}.htx-f3{animation-delay:.3s}.htx-f4{animation-delay:.45s}
.htx-f5{animation-delay:.6s}.htx-f6{animation-delay:.75s}.htx-f7{animation-delay:.9s}
@keyframes htx-glow{
  0%,100%{fill:#ffc58a}
  50%{fill:#ff6a3a}
}

.htx-w{stroke-dasharray:60 200;opacity:0;animation:htx-rise 2.8s ease-in-out infinite}
.htx-w1{animation-delay:0s}.htx-w2{animation-delay:.5s}.htx-w3{animation-delay:1s}
.htx-w4{animation-delay:.3s}.htx-w5{animation-delay:.8s}
@keyframes htx-rise{
  0%{stroke-dashoffset:60;opacity:0;transform:translateY(16px)}
  30%{opacity:.9}
  100%{stroke-dashoffset:-140;opacity:0;transform:translateY(-26px)}
}

@media (prefers-reduced-motion:reduce){
  .htx-led,.htx-fl,.htx-pipe,.htx-fin,.htx-w{animation:none}
  .htx-w{opacity:.6;stroke-dasharray:none}
}
.snx-wrap{width:100%;max-width:100%;margin:0 auto}
.snx{width:100%;height:auto;display:block;overflow:visible}
.snx *{transform-box:fill-box}

.snx-pipe{stroke-dasharray:6 10;animation:snx-flow 1s linear infinite}
@keyframes snx-flow{to{stroke-dashoffset:-32}}

.snx-handle{transform-origin:50% 100%;animation:snx-turn 6s ease-in-out infinite}
@keyframes snx-turn{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}

.snx-jet{stroke-dasharray:16 9;animation:snx-fall .5s linear infinite}
@keyframes snx-fall{to{stroke-dashoffset:-25}}

.snx-water{transform-origin:50% 100%;animation:snx-fill 10s ease-in-out infinite}
@keyframes snx-fill{
  0%{transform:scaleY(.5)}
  85%{transform:scaleY(.9)}
  100%{transform:scaleY(.5)}
}

.snx-rip{opacity:0;transform-origin:50% 50%;animation:snx-ripple 1.6s ease-out infinite}
.snx-r2{animation-delay:.8s}
@keyframes snx-ripple{
  0%{opacity:.9;transform:scale(.3)}
  100%{opacity:0;transform:scale(2.2)}
}

.snx-b{opacity:0;animation:snx-bub 3.6s ease-in-out infinite}
.snx-b2{animation-delay:1.2s}.snx-b3{animation-delay:2.2s}
@keyframes snx-bub{
  0%{opacity:0;translate:0 8px}
  30%{opacity:.9}
  100%{opacity:0;translate:4px -22px}
}

@media (prefers-reduced-motion:reduce){
  .snx-pipe,.snx-handle,.snx-jet,.snx-water,.snx-rip,.snx-b{animation:none}
  .snx-jet{stroke-dasharray:none}
  .snx-water{transform:scaleY(.7)}
}
.ahx-wrap{width:100%;max-width:100%;margin:0 auto}
.ahx{width:100%;height:auto;display:block;overflow:visible}
.ahx *{transform-box:fill-box}

.ahx-led{animation:ahx-blink 2s ease-in-out infinite}
@keyframes ahx-blink{50%{opacity:.25}}


.ahx-duct{stroke-dasharray:8 12;animation:ahx-flow 1s linear infinite}
@keyframes ahx-flow{to{stroke-dashoffset:-40}}

.ahx-w{stroke-dasharray:60 220;opacity:0;animation:ahx-blow 2.8s ease-in-out infinite}
.ahx-w1{animation-delay:0s}.ahx-w2{animation-delay:.45s}
.ahx-w3{animation-delay:.25s}.ahx-w4{animation-delay:.7s}
@keyframes ahx-blow{
  0%{stroke-dashoffset:60;opacity:0;transform:translateY(-10px)}
  30%{opacity:.9}
  100%{stroke-dashoffset:-160;opacity:0;transform:translateY(24px)}
}

@media (prefers-reduced-motion:reduce){
  .ahx-led,.ahx-duct,.ahx-w{animation:none}
  .ahx-w{opacity:.6;stroke-dasharray:none}
}
.mvx-wrap{width:100%;max-width:100%;margin:0 auto}
.mvx{width:100%;height:auto;display:block;overflow:visible}
.mvx *{transform-box:fill-box}

.mvx-led{animation:mvx-blink 2s ease-in-out infinite}
@keyframes mvx-blink{50%{opacity:.25}}

.mvx-flow,.mvx-in{stroke-dasharray:8 12;animation:mvx-dash 1s linear infinite}
@keyframes mvx-dash{to{stroke-dashoffset:-40}}


@media (prefers-reduced-motion:reduce){
  .mvx-led,.mvx-flow,.mvx-in{animation:none}
}
.gbx-wrap{width:100%;max-width:100%;margin:0 auto}
.gbx{width:100%;height:auto;display:block;overflow:visible}
.gbx *{transform-box:fill-box}

.gbx-m{animation:gbx-drift 3s ease-in-out infinite}
.gbx-m2{animation-delay:-.8s;animation-duration:3.6s}
.gbx-m3{animation-delay:-1.6s;animation-duration:2.8s}
.gbx-m4{animation-delay:-2.2s;animation-duration:3.3s}
@keyframes gbx-drift{
  0%,100%{translate:0 0}
  25%{translate:7px -6px}
  50%{translate:-2px 5px}
  75%{translate:-7px -3px}
}

.gbx-gas{stroke-dasharray:4 14;animation:gbx-flow 1s linear infinite}
@keyframes gbx-flow{to{stroke-dashoffset:-36}}

.gbx .gbx-needle{transform-box:view-box;transform-origin:302px 113px;animation:gbx-gauge 4s ease-in-out infinite}
@keyframes gbx-gauge{0%,100%{transform:rotate(-35deg)}50%{transform:rotate(35deg)}}

.gbx-fl{transform-origin:50% 100%;animation:gbx-flame .8s ease-in-out infinite}
.gbx-fl2{animation-duration:.6s;animation-delay:.12s}
@keyframes gbx-flame{
  0%,100%{transform:scale(1,1) rotate(-2deg)}
  50%{transform:scale(.88,1.14) rotate(2deg)}
}

@media (prefers-reduced-motion:reduce){
  .gbx-m,.gbx-gas,.gbx .gbx-needle,.gbx-fl{animation:none}
}