/* внутренние страницы металлизации */
.bw{position:relative;width:540px;height:540px}
.bw-in{position:absolute;left:0;top:0;width:540px;height:540px;transform-origin:0 0}
.bw svg{position:absolute;left:50px;top:30px;width:440px;height:440px;overflow:visible}
.bw .l-c,.bw .l-g{clip-path:inset(0 100% 0 0)}
.bw .l-c{animation:bwrev 16s linear infinite}
.bw .l-g{animation:bwrev 16s linear infinite 8s}
@keyframes bwrev{0%{clip-path:inset(0 100% 0 0);opacity:1}31%{clip-path:inset(0 0 0 0);opacity:1}46%{clip-path:inset(0 0 0 0);opacity:1}50%{clip-path:inset(0 0 0 0);opacity:0}100%{clip-path:inset(0 100% 0 0);opacity:0}}
.bw-scan{position:absolute;top:10px;left:50px;width:3px;height:480px;margin-left:-1px;border-radius:2px;background:linear-gradient(180deg,rgba(34,227,255,0),#cfe9ff 20%,#fff 50%,#cfe9ff 80%,rgba(34,227,255,0));box-shadow:0 0 18px 6px rgba(34,227,255,.55),0 0 50px 14px rgba(139,92,255,.35);opacity:0;animation:bwscan 8s linear infinite}
@keyframes bwscan{0%{transform:translateX(0);opacity:0}2%{opacity:1}62%{transform:translateX(440px);opacity:1}64%,100%{transform:translateX(440px);opacity:0}}
.bw-shine{animation:bwshine 4s ease-in-out infinite}
@keyframes bwshine{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(25deg)}}
.bw-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}
.bw-lbls span{position:absolute;left:0;right:0;opacity:0;animation:bwlbl 16s linear infinite}
.bw-lbls .g2{animation-delay:8s}
@keyframes bwlbl{0%,4%{opacity:0}8%,46%{opacity:1}50%,100%{opacity:0}}
.bw-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}
.bw.one .l-c{animation:bwrev1 8s linear infinite}
@keyframes bwrev1{0%{clip-path:inset(0 100% 0 0);opacity:1}62%{clip-path:inset(0 0 0 0);opacity:1}90%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}
.bw.one .bw-lbls span{animation:none;opacity:1}
/* факты */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.facts div{padding:26px 28px;display:flex;flex-direction:column;gap:6px}
.facts div+div{border-left:1px solid var(--line)}
.facts b{font-family:var(--uf);font-weight:700;font-size:26px;line-height:1.15;color:#cfe9ff}
.facts span{font-size:14px;color:var(--tx3);line-height:1.45}
/* типы */
.types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.types div{padding:26px;border-radius:14px;border:1px solid var(--line);background:radial-gradient(circle at 85% 15%,rgba(34,227,255,.14),transparent 55%),var(--card);display:flex;flex-direction:column;gap:10px}
.types b{font-family:var(--uf);font-weight:700;font-size:19px}
.types span{font-size:14px;color:var(--tx3);line-height:1.5}
.pt-one .pt-r b{font-size:20px}
/* 6 шагов и 6 фото */
.steps.s3{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 36px}
.steps.s3 li:nth-child(3n):after{display:none}
.gal.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.gal.g3 figure{height:320px}
/* шаги — таймлайн без подложки */
@media (min-width:901px){
.steps.tl{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(0,1fr);gap:28px;margin-top:12px}
.steps.tl li{padding:0;background:none;border:0;border-radius:0;gap:8px}
.steps.tl li:before{position:relative;z-index:1;width:58px;height:58px;margin-bottom:14px;border-radius:50%;border:2px solid rgb(var(--c));background:var(--bg);box-shadow:0 0 16px rgba(var(--c),.45),inset 0 0 12px rgba(var(--c),.25);display:flex;align-items:center;justify-content:center;font-size:18px;color:rgb(var(--c))}
.steps.tl li:not(:last-child):after,.steps.tl li:nth-child(3n):not(:last-child):after{display:block;left:70px;right:-16px;top:29px;width:auto;height:2px;background:linear-gradient(90deg,rgba(var(--c),.9),rgba(var(--c),.25));box-shadow:0 0 8px rgba(var(--c),.5)}
.steps.tl li.hl:before{background:rgb(var(--c));color:#05070d;box-shadow:0 0 26px rgba(var(--c),.8)}
.steps.tl b{font-size:16px}
.steps.tl span{font-size:14px}
}
/* перелинковка */
.rel{display:flex;flex-wrap:wrap;gap:10px}
.neo .rel a{padding:12px 18px;border-radius:999px;border:1px solid rgba(34,227,255,.35);background:rgba(34,227,255,.06);color:var(--tx);font-size:15px;text-decoration:none;transition:background .2s,border-color .2s}
.neo .rel a:hover{background:rgba(34,227,255,.18);border-color:rgba(34,227,255,.8);color:#fff}
@media (max-width:1200px){.bw{width:400px;height:400px}.bw-in{transform:scale(.741)}.facts,.types{grid-template-columns:repeat(2,minmax(0,1fr))}.facts div:nth-child(3){border-left:0}.facts div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:900px){
 .bw{width:344px;height:344px;margin:4px auto 14px;order:3}.bw-in{transform:scale(.637)}
 .facts div{padding:16px 16px}.facts b{font-size:19px}.facts span{font-size:12px}
 .types{gap:10px}.types div{padding:16px 14px}.types b{font-size:15px}.types span{font-size:12px}
 .neo .rel a{padding:9px 14px;font-size:13px}
 .steps.s3{grid-template-columns:1fr;gap:0}.steps.s3 li:nth-child(3n):not(:last-child):after{display:block}.gal.g3 figure{height:240px}
}
@media (prefers-reduced-motion:reduce){.bw .l-c,.bw .l-g,.bw-scan,.bw-shine,.bw-lbls span{animation:none}.bw .l-c{clip-path:none}.bw-scan{display:none}.bw-lbls .g1{opacity:1}}
/* цены: частным и компаниям */
.tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tier{--c:34,227,255;position:relative;overflow:hidden;padding:34px;border-radius:18px;border:1px solid rgba(var(--c),.4);background:radial-gradient(circle at 100% 0,rgba(var(--c),.2),transparent 55%),#0c1426;display:flex;flex-direction:column;gap:12px}
.tier.b2b{--c:255,201,77;background:radial-gradient(circle at 100% 0,rgba(var(--c),.18),transparent 55%),radial-gradient(circle at 0 100%,rgba(139,92,255,.22),transparent 55%),#0d1224}
.tier i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:rgb(var(--c))}
.tier b{font-family:var(--uf);font-weight:700;font-size:22px;line-height:1.25}
.tier strong{font-family:var(--uf);font-weight:800;font-size:44px;line-height:1.1;color:rgb(var(--c));text-shadow:0 0 28px rgba(var(--c),.45);margin:6px 0 4px}
.tier strong small{font-size:18px;font-weight:400;color:var(--tx2);text-shadow:none}
.tier ul{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:8px}
.tier li{position:relative;padding-left:20px;font-size:15px;color:var(--tx2);line-height:1.5}
.tier li:before{content:"◆";position:absolute;left:0;top:0;font-size:11px;line-height:22px;color:rgb(var(--c))}
.tier-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto}
.neo .tier.b2b .btn-max{background:#ffc94d;color:#05070d;box-shadow:0 0 24px rgba(255,201,77,.45)}
@media (max-width:900px){.tiers{grid-template-columns:1fr;gap:14px}.tier{padding:22px 18px}.tier b{font-size:17px}.tier strong{font-size:32px}.tier strong small{font-size:14px}.tier li{font-size:13px}.tier-btns{flex-direction:column}}