/* хаб литья пластмасс: впрыск, охлаждение, выталкивание */
.pw{position:relative;width:540px;height:540px}
.pw-in{position:absolute;left:0;top:0;width:540px;height:540px;transform-origin:0 0}
.pw svg{position:absolute;left:50px;top:30px;width:440px;height:440px;overflow:visible}
.pw svg *{transform-box:view-box}
.pw-mv{animation:pwmv 8s ease-in-out infinite}
@keyframes pwmv{0%{transform:translateX(70px)}12%,58%{transform:translateX(0)}70%,100%{transform:translateX(70px)}}
.pw-ram{animation:pwram 8s ease-in-out infinite}
@keyframes pwram{0%,12%{transform:translateX(0)}40%,60%{transform:translateX(34px)}90%,100%{transform:translateX(0)}}
.pw-hot{clip-path:inset(0 100% 0 0);animation:pwhot 8s linear infinite}
@keyframes pwhot{0%,12%{clip-path:inset(0 100% 0 0);opacity:1}40%{clip-path:inset(0 0 0 0);opacity:1}56%,100%{clip-path:inset(0 0 0 0);opacity:0}}
.pw-cold{opacity:0;animation:pwcold 8s linear infinite}
@keyframes pwcold{0%,40%{opacity:0}56%{opacity:1}100%{opacity:1}}
.pw-part{animation:pwpart 8s ease-in-out infinite}
@keyframes pwpart{0%,58%{transform:translate(0,0);opacity:1}70%{transform:translate(70px,0);opacity:1}88%{transform:translate(70px,150px);opacity:1}94%,100%{transform:translate(70px,150px);opacity:0}}
.pw-heat{animation:pwheat 1.4s ease-in-out infinite}
@keyframes pwheat{50%{opacity:.45}}
.pw-flow{stroke-dasharray:6 8;animation:pwflow 8s linear infinite}
@keyframes pwflow{0%,12%{opacity:0;stroke-dashoffset:0}14%,38%{opacity:1}40%,100%{opacity:0;stroke-dashoffset:-120}}
.pw-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}
.pw-lbls span{position:absolute;left:0;right:0;opacity:0}
.pw-lbls .g1{animation:pwl1 8s linear infinite}.pw-lbls .g2{animation:pwl2 8s linear infinite}.pw-lbls .g3{animation:pwl3 8s linear infinite}
@keyframes pwl1{0%,10%{opacity:0}14%,38%{opacity:1}42%,100%{opacity:0}}
@keyframes pwl2{0%,40%{opacity:0}44%,56%{opacity:1}60%,100%{opacity:0}}
@keyframes pwl3{0%,60%{opacity:0}64%,90%{opacity:1}95%,100%{opacity:0}}
.pw-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}
.pl-ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pl-ways>div{--c:34,227,255;padding:32px;border-radius:18px;border:1px solid rgba(var(--c),.4);background:radial-gradient(circle at 100% 0,rgba(var(--c),.18),transparent 55%),var(--card);display:flex;flex-direction:column;gap:12px}
.pl-ways>div+div{--c:255,201,77}
.pl-ways i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgb(var(--c))}
.pl-ways b{font-family:var(--uf);font-weight:700;font-size:22px;line-height:1.25}
.pl-ways span{font-size:15px;color:var(--tx2);line-height:1.55}
.pl-ways a{align-self:flex-start;margin-top:auto;color:rgb(var(--c));font-weight:700;text-decoration:none}
.gal a{display:contents;color:inherit}
.pl-plus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}
.pl-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}
.neo .pl-plus a{color:var(--tx)}.neo .pl-plus a:hover{border-color:rgba(255,201,77,.85);color:var(--tx)}
.pl-plus b{font-family:var(--uf);font-weight:700;font-size:19px;color:#ffd97a}
.pl-plus span{font-size:14px;color:var(--tx3);line-height:1.5}
@media (max-width:1200px){.pw{width:400px;height:400px}.pw-in{transform:scale(.741)}}
@media (max-width:900px){.pw{width:344px;height:344px;margin:4px auto 14px;order:3}.pw-in{transform:scale(.637)}.pl-ways{grid-template-columns:1fr;gap:14px}.pl-plus{grid-template-columns:1fr;gap:12px}.pl-plus a{padding:18px}.pl-ways>div{padding:20px 18px}.pl-ways b{font-size:17px}.pl-ways span{font-size:14px}.hero.pwh h1{font-size:clamp(22px,7.4vw,32px)}}
@media (prefers-reduced-motion:reduce){.pw-mv,.pw-ram,.pw-hot,.pw-cold,.pw-part,.pw-heat,.pw-flow,.pw-lbls span{animation:none}.pw-mv{transform:none}.pw-hot{opacity:0}.pw-cold{opacity:1}.pw-flow{opacity:0}.pw-lbls .g3{opacity:1}}
@media (min-width:901px){.hero.pwh h1{font-size:clamp(34px,3vw,48px)}}