/* хаб металлоизделий: сварка и покраска лестницы */
.mw{position:relative;width:540px;height:540px}
.mw-in{position:absolute;left:0;top:0;width:540px;height:540px;transform-origin:0 0}
.mw svg{position:absolute;left:50px;top:30px;width:440px;height:440px;overflow:visible}
.mw-paint{clip-path:inset(0 100% 0 0);animation:mwpaint 12s linear infinite}
@keyframes mwpaint{0%,54%{clip-path:inset(0 100% 0 0);opacity:1}79%{clip-path:inset(0 0 0 0);opacity:1}93%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
.mw-head{position:absolute;left:0;top:0;width:0;height:0;animation:mwhead 12s linear infinite}
.mw-head b{position:absolute;left:-40px;top:-40px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#fff 0 9%,#fff1c8 14%,#ffb347 28%,rgba(255,106,0,.45) 48%,rgba(255,106,0,0) 70%);animation:mwflick .12s steps(2) infinite}
@keyframes mwflick{50%{transform:scale(.82);opacity:.85}}
.mw-head i{position:absolute;left:-2px;top:-2px;width:3px;height:3px;border-radius:50%;background:#ffd28a;box-shadow:0 0 6px 2px rgba(255,150,40,.8);animation:mwspark .6s linear infinite;animation-delay:var(--d)}
@keyframes mwspark{0%{transform:translate(0,0);opacity:1}100%{transform:translate(var(--dx),var(--dy));opacity:0}}
.mw-j{fill:rgba(255,160,60,0)}
.mw-lbls{position:absolute;left:0;right:0;top:486px;height:24px;text-align:center;font-family:var(--uf);font-weight:700;font-size:16px;letter-spacing:.14em;text-transform:uppercase}
.mw-lbls span{position:absolute;left:0;right:0;opacity:0}
.mw-lbls .g1{animation:mwl1 12s linear infinite}.mw-lbls .g2{animation:mwl2 12s linear infinite}
@keyframes mwl1{0%,3%{opacity:0}6%,48%{opacity:1}52%,100%{opacity:0}}
@keyframes mwl2{0%,52%{opacity:0}56%,92%{opacity:1}97%,100%{opacity:0}}
.mw-cap{position:absolute;left:0;right:0;top:516px;text-align:center;font-size:12px;letter-spacing:.2em;color:rgba(207,233,255,.6);text-transform:uppercase}
.mw-note{display:flex;gap:22px;align-items:center;padding:26px 30px;border-radius:16px;border:1px dashed rgba(255,138,61,.6);background:radial-gradient(circle at 0 50%,rgba(255,138,61,.16),transparent 55%),var(--card)}
.mw-note svg{flex:0 0 54px;width:54px;height:54px;fill:none;stroke:#ff8a3d;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(255,138,61,.6))}
.mw-note b{display:block;font-family:var(--uf);font-weight:700;font-size:20px;margin-bottom:6px}
.mw-note span{font-size:16px;color:var(--tx2);line-height:1.55}
.mw-plus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.mw-plus a{display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:14px;border:1px solid rgba(255,201,77,.4);background:radial-gradient(circle at 90% 10%,rgba(255,201,77,.18),transparent 55%),var(--card);text-decoration:none;color:var(--tx)}
.neo .mw-plus a{color:var(--tx)}.neo .mw-plus a:hover{border-color:rgba(255,201,77,.85);color:var(--tx)}
.mw-plus b{font-family:var(--uf);font-weight:700;font-size:19px;color:#ffd97a}
.mw-plus span{font-size:14px;color:var(--tx3);line-height:1.5}
@media (max-width:1200px){.mw{width:400px;height:400px}.mw-in{transform:scale(.741)}}
@media (max-width:900px){.mw{width:344px;height:344px;margin:4px auto 14px;order:3}.mw-in{transform:scale(.637)}.mw-note{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 18px}.mw-note b{font-size:16px}.mw-note span{font-size:14px}.mw-plus{grid-template-columns:1fr;gap:12px}.hero.mwh h1{font-size:clamp(22px,7.4vw,32px)}.mw-plus a{padding:18px}}
@media (prefers-reduced-motion:reduce){.mw-paint,.mw-head,.mw-j,.mw-lbls span{animation:none}.mw-paint{clip-path:none}.mw-head{display:none}.mw-lbls .g2{opacity:1}}
@keyframes mwhead{0%{opacity:0;transform:translate(156px,384px)}4.17%{opacity:1;transform:translate(156px,384px)}9.58%{opacity:1;transform:translate(156px,384px)}11.67%{opacity:1;transform:translate(210px,330px)}17.08%{opacity:1;transform:translate(210px,330px)}19.17%{opacity:1;transform:translate(264px,276px)}24.58%{opacity:1;transform:translate(264px,276px)}26.67%{opacity:1;transform:translate(318px,222px)}32.08%{opacity:1;transform:translate(318px,222px)}34.17%{opacity:1;transform:translate(372px,168px)}39.58%{opacity:1;transform:translate(372px,168px)}41.67%{opacity:1;transform:translate(372px,58px)}47.08%{opacity:1;transform:translate(372px,58px)}48.08%,100%{opacity:0;transform:translate(372px,58px)}}
.mw .j0{animation:mwj0 12s linear infinite}@keyframes mwj0{0%,4.17%{fill:rgba(255,160,60,0);r:4}5.17%{fill:#fff6d0;r:10}9.58%{fill:#ff9a3c;r:7}15.58%{fill:rgba(255,120,40,.35);r:6}88%{fill:rgba(255,120,40,0);r:5}100%{fill:rgba(255,160,60,0);r:4}}
.mw .j1{animation:mwj1 12s linear infinite}@keyframes mwj1{0%,11.67%{fill:rgba(255,160,60,0);r:4}12.67%{fill:#fff6d0;r:10}17.08%{fill:#ff9a3c;r:7}23.08%{fill:rgba(255,120,40,.35);r:6}88%{fill:rgba(255,120,40,0);r:5}100%{fill:rgba(255,160,60,0);r:4}}
.mw .j2{animation:mwj2 12s linear infinite}@keyframes mwj2{0%,19.17%{fill:rgba(255,160,60,0);r:4}20.17%{fill:#fff6d0;r:10}24.58%{fill:#ff9a3c;r:7}30.58%{fill:rgba(255,120,40,.35);r:6}88%{fill:rgba(255,120,40,0);r:5}100%{fill:rgba(255,160,60,0);r:4}}
.mw .j3{animation:mwj3 12s linear infinite}@keyframes mwj3{0%,26.67%{fill:rgba(255,160,60,0);r:4}27.67%{fill:#fff6d0;r:10}32.08%{fill:#ff9a3c;r:7}38.08%{fill:rgba(255,120,40,.35);r:6}88%{fill:rgba(255,120,40,0);r:5}100%{fill:rgba(255,160,60,0);r:4}}
.mw .j4{animation:mwj4 12s linear infinite}@keyframes mwj4{0%,34.17%{fill:rgba(255,160,60,0);r:4}35.17%{fill:#fff6d0;r:10}39.58%{fill:#ff9a3c;r:7}45.58%{fill:rgba(255,120,40,.35);r:6}88%{fill:rgba(255,120,40,0);r:5}100%{fill:rgba(255,160,60,0);r:4}}
.mw .j5{animation:mwj5 12s linear infinite}@keyframes mwj5{0%,41.67%{fill:rgba(255,160,60,0);r:4}42.67%{fill:#fff6d0;r:10}47.08%{fill:#ff9a3c;r:7}53.08%{fill:rgba(255,120,40,.35);r:6}88%{fill:rgba(255,120,40,0);r:5}100%{fill:rgba(255,160,60,0);r:4}}
.mw.tr .mw-head{animation-name:mwhead2}@keyframes mwhead2{0%{opacity:0;transform:translate(140px,400px)}4.17%{opacity:1;transform:translate(140px,400px)}9.58%{opacity:1;transform:translate(140px,400px)}11.67%{opacity:1;transform:translate(140px,200px)}17.08%{opacity:1;transform:translate(140px,200px)}19.17%{opacity:1;transform:translate(340px,200px)}24.58%{opacity:1;transform:translate(340px,200px)}26.67%{opacity:1;transform:translate(420px,140px)}32.08%{opacity:1;transform:translate(420px,140px)}34.17%{opacity:1;transform:translate(420px,340px)}39.58%{opacity:1;transform:translate(420px,340px)}41.67%{opacity:1;transform:translate(340px,400px)}47.08%{opacity:1;transform:translate(340px,400px)}48.08%,100%{opacity:0;transform:translate(340px,400px)}}