*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#E8180A;--red-glow:rgba(232,24,10,0.35);
  --black:#080808;--dark2:#121212;
  --text:#F5F0EE;--muted:#787070;--border:rgba(255,255,255,0.07);
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--black);color:var(--text);overflow-x:hidden;cursor:crosshair}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);height:64px;background:rgba(8,8,8,0.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}
.logo{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(12px,1.3vw,16px);letter-spacing:-0.01em;color:var(--text);text-decoration:none}
.logo span{color:var(--red)}
nav{display:flex;align-items:center;gap:36px}
nav a{color:var(--muted);font-size:12px;text-decoration:none;letter-spacing:0.15em;text-transform:uppercase;transition:color 0.2s}
nav a:hover{color:var(--text)}
.lang-switch{display:flex;gap:4px;background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:20px;padding:4px}
.lang-btn{border:none;background:none;color:var(--muted);font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;padding:5px 13px;border-radius:16px;cursor:pointer;transition:all 0.2s}
.lang-btn.active{background:var(--red);color:#fff}

/* HERO */
.hero{height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--black)}
.hero-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(232,24,10,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,24,10,0.05) 1px,transparent 1px);background-size:80px 80px;animation:gridMove 28s linear infinite}
@keyframes gridMove{to{background-position:80px 80px}}
.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(232,24,10,0.09) 0%,transparent 65%);pointer-events:none}
.hero-content{position:relative;z-index:2;text-align:center;padding:0 24px;width:100%;max-width:1100px}

.hero-brand{font-family:'Unbounded',sans-serif;font-weight:900;font-size:clamp(20px,2.2vw,28px);letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;opacity:0;animation:fadeUp 0.7s 0.2s forwards}
.hero-brand span{color:var(--red)}

.hero-products-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;opacity:0;animation:fadeUp 0.8s 0.4s forwards}

.hero-prod{
  padding:32px 40px;border:1px solid rgba(255,255,255,0.06);
  background:rgba(255,255,255,0.02);transition:all 0.3s;
  text-decoration:none;display:flex;flex-direction:column;
  align-items:center;text-align:center; /* ← всё по центру */
}
.hero-prod:hover{border-color:rgba(232,24,10,0.4);background:rgba(232,24,10,0.04)}
.hero-prod:first-child{border-right:none}

.prod-category{font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;letter-spacing:0.35em;text-transform:uppercase;color:var(--red);margin-bottom:10px;display:flex;align-items:center;gap:8px;justify-content:center}
.prod-dot{width:4px;height:4px;background:var(--red);border-radius:50%;box-shadow:0 0 6px var(--red);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
.prod-name-big{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,7vw,96px);line-height:0.88;color:var(--text);letter-spacing:0.02em}
.prod-name-big .num{color:var(--red)}
.prod-subtitle{font-size:clamp(11px,0.95vw,13px);color:var(--muted);margin-top:10px;line-height:1.5;letter-spacing:0.02em}
.prod-detail{
  font-size:11px;color:rgba(232,24,10,0.7);margin-top:16px;
  font-family:'Unbounded',sans-serif;letter-spacing:0.1em;text-transform:uppercase;
  display:flex;align-items:center;gap:8px;justify-content:center; /* ← центр */
}
.prod-detail::after{content:'→'}

.hero-divider{display:flex;flex-direction:column;align-items:center;padding:0 28px;gap:12px}
.hero-div-line{width:1px;flex:1;background:linear-gradient(to bottom,transparent,rgba(232,24,10,0.5),transparent)}
.hero-div-text{font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;letter-spacing:0.2em;color:var(--muted);writing-mode:vertical-rl;text-transform:uppercase}

.hero-tagline{margin-top:36px;font-size:clamp(15px,1.5vw,19px);color:var(--text);line-height:1.65;letter-spacing:0.01em;opacity:0;animation:fadeUp 0.8s 0.65s forwards}
.hero-tagline .sep{color:rgba(232,24,10,0.5);margin:0 10px}

.hero-ctas{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap;opacity:0;animation:fadeUp 0.8s 0.85s forwards}

.btn{font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:14px 30px;text-decoration:none;transition:all 0.25s;cursor:pointer;border:none;display:inline-block;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%)}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:#ff2015;transform:translateY(-2px);box-shadow:0 8px 32px var(--red-glow)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid rgba(255,255,255,0.18)}
.btn-outline:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}
.btn-pdf{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,0.1);font-size:10px;padding:12px 22px;display:inline-flex;align-items:center;gap:8px}
.btn-pdf:hover{border-color:rgba(255,255,255,0.3);color:var(--text);transform:translateY(-2px)}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:0.25em;text-transform:uppercase;opacity:0;animation:fadeUp 1s 1.2s forwards}
.scroll-arr{width:18px;height:18px;border-right:1.5px solid rgba(232,24,10,0.5);border-bottom:1.5px solid rgba(232,24,10,0.5);transform:rotate(45deg);animation:arrBounce 1.6s ease-in-out infinite}
@keyframes arrBounce{0%,100%{transform:rotate(45deg) translate(0,0)}50%{transform:rotate(45deg) translate(4px,4px)}}

/* MOBILE NAV */
.product-nav{display:none;position:sticky;top:64px;z-index:50;background:var(--black);border-bottom:1px solid var(--border)}
.product-nav-inner{display:flex}
.product-nav-btn{flex:1;padding:14px;text-align:center;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);border:none;background:none;cursor:pointer;transition:all 0.2s;border-bottom:2px solid transparent}
.product-nav-btn.active{color:var(--red);border-bottom-color:var(--red)}

/* PRODUCTS — video bg всегда активен */
.products{display:grid;grid-template-columns:1fr 1fr;position:relative}
.products::after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:linear-gradient(to bottom,transparent,rgba(232,24,10,0.5) 25%,rgba(232,24,10,0.5) 75%,transparent);z-index:10}
.product-section{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column}

/* VIDEO — всегда виден, оверлей не слишком тёмный */
.video-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.video-bg video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;object-fit:cover}
.video-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(
    to bottom,
    rgba(8,8,8,0.80) 0%,
    rgba(8,8,8,0.45) 35%,
    rgba(8,8,8,0.45) 65%,
    rgba(8,8,8,0.85) 100%
  )
}

.product-content{position:relative;z-index:2;padding:96px clamp(32px,4vw,68px) 80px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;gap:40px}

.p-tag{display:inline-flex;align-items:center;gap:10px;font-family:'Unbounded',sans-serif;font-size:10px;letter-spacing:0.3em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.p-dot{width:5px;height:5px;background:var(--red);border-radius:50%;box-shadow:0 0 10px var(--red)}
.p-name{font-family:'Bebas Neue',sans-serif;font-size:clamp(64px,8vw,120px);line-height:0.85;color:var(--text)}
.p-name .red{color:var(--red)}
.p-type{font-family:'Unbounded',sans-serif;font-size:clamp(11px,1vw,13px);font-weight:300;color:var(--muted);margin-top:16px;letter-spacing:0.05em;max-width:320px;line-height:1.6}
.p-desc{font-size:clamp(14px,1.1vw,16px);color:rgba(240,240,232,0.85);line-height:1.8;max-width:380px;margin-top:28px}

.specs{margin-top:36px}
.specs-label{font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:var(--muted);padding-bottom:14px;margin-bottom:20px;border-bottom:1px solid var(--border)}
.specs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 8px}
.s-val{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,3.5vw,54px);line-height:1;color:var(--red)}
.s-unit{font-size:0.42em;vertical-align:middle;color:rgba(232,24,10,0.6)}
.s-lbl{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.3}

.benefits{margin-top:32px;display:flex;flex-direction:column;gap:12px}
.benefit{display:flex;align-items:flex-start;gap:12px;font-size:clamp(13px,1vw,15px);color:var(--text);line-height:1.6}
.b-icon{color:var(--red);font-size:9px;margin-top:5px;flex-shrink:0}

.p-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.p-cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* ABOUT */
.about{padding:clamp(80px,10vh,140px) clamp(24px,6vw,100px);background:var(--dark2);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;border-top:1px solid var(--border)}
.about-eyebrow{font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:var(--red);margin-bottom:20px}
.about-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,100px);line-height:0.9;color:var(--text)}
.about-text{font-size:clamp(14px,1.1vw,16px);color:var(--muted);line-height:1.8;margin-top:24px;max-width:460px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.stat-n{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,7vw,96px);line-height:1;color:var(--red)}
.stat-d{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.5}

/* CONTACT */
.contact{padding:clamp(80px,10vh,120px) clamp(24px,6vw,100px);background:var(--black);text-align:center;border-top:1px solid var(--border);position:relative;overflow:hidden}
.contact-bg-word{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue',sans-serif;font-size:clamp(120px,22vw,340px);color:rgba(232,24,10,0.04);white-space:nowrap;pointer-events:none}
.contact-eye{font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:var(--red);margin-bottom:20px;position:relative}
.contact-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(60px,11vw,160px);line-height:0.88;color:var(--text);position:relative}
.contact-sub{font-size:clamp(14px,1.2vw,16px);color:var(--muted);margin:24px auto 44px;max-width:440px;line-height:1.7;position:relative}
.contact-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
.f-input{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;padding:15px 24px;outline:none;transition:border-color 0.2s;min-width:200px;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.f-input::placeholder{color:var(--muted)}
.f-input:focus{border-color:var(--red)}
.f-btn{background:var(--red);color:#fff;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:15px 36px;border:none;cursor:pointer;transition:all 0.2s;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%)}
.f-btn:hover{background:#ff2015;transform:translateY(-2px);box-shadow:0 8px 30px var(--red-glow)}
.f-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}
.form-msg{margin-top:20px;font-family:'Unbounded',sans-serif;font-size:12px;letter-spacing:0.1em;min-height:24px;position:relative}
.form-msg.success{color:#4ade80}
.form-msg.error{color:var(--red)}

/* FAQ */
.faq{padding:clamp(80px,10vh,120px) clamp(24px,6vw,100px);background:var(--dark2);border-top:1px solid var(--border)}
.faq-header{text-align:center;margin-bottom:64px}
.faq-eyebrow{font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.3em;text-transform:uppercase;color:var(--red);margin-bottom:16px}
.faq-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,6vw,80px);line-height:0.9;color:var(--text)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1000px;margin:0 auto;border:1px solid var(--border)}
.faq-item{background:transparent;cursor:pointer;transition:background 0.2s;border-bottom:1px solid var(--border);border-right:1px solid var(--border)}
.faq-item:nth-child(2n){border-right:none}
.faq-item:nth-last-child(-n+2){border-bottom:none}
.faq-item:hover{background:rgba(255,255,255,0.02)}
.faq-item.open{background:rgba(232,24,10,0.03);border-color:rgba(232,24,10,0.25)}
.faq-q{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;gap:16px;font-family:'Unbounded',sans-serif;font-size:clamp(11px,0.95vw,13px);font-weight:700;letter-spacing:0.03em;color:var(--text);line-height:1.4}
.faq-icon{color:var(--red);font-size:20px;flex-shrink:0;transition:transform 0.3s;font-weight:300;line-height:1;margin-top:-2px}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{display:none;padding:0 28px 24px;font-size:clamp(13px,1vw,14px);color:var(--muted);line-height:1.75;border-top:1px solid var(--border);padding-top:16px}
.faq-item.open .faq-a{display:block}

/* FOOTER */
footer{
  padding:36px clamp(24px,6vw,100px);
  border-top:1px solid var(--border);
  display:flex;flex-direction:column;gap:24px;
}
.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.f-logo{font-family:'Unbounded',sans-serif;font-weight:900;font-size:15px;color:var(--text)}
.f-logo span{color:var(--red)}
.f-info{font-size:12px;color:var(--muted);padding-top:16px;border-top:1px solid var(--border)}
.footer-links{
  display:flex;align-items:center;gap:0;flex-wrap:wrap;
}
.footer-link{
  font-size:11px;color:var(--muted);text-decoration:none;
  letter-spacing:0.1em;text-transform:uppercase;
  font-family:'Unbounded',sans-serif;font-weight:400;
  transition:color 0.2s;padding:4px 20px 4px 0;
  border-right:1px solid var(--border);margin-right:20px;
  white-space:nowrap;
}
.footer-link:last-child{border-right:none;margin-right:0;padding-right:0}
.footer-link:hover{color:var(--text)}

/* ── RUSSIAN FONT OVERRIDES ── */
:lang(ru) .p-name,
:lang(ru) .hero-title,
:lang(ru) .about-title,
:lang(ru) .contact-title,
:lang(ru) .faq-title,
:lang(ru) .stat-n,
:lang(ru) .s-val,
:lang(ru) .prod-name-big {{
  font-family: 'Unbounded', sans-serif;
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.02em;
  font-size: 85%;
}}
:lang(ru) .hero-tagline,
:lang(ru) .p-desc,
:lang(ru) .p-type,
:lang(ru) .benefit span,
:lang(ru) .about-text,
:lang(ru) .stat-d,
:lang(ru) .faq-q span,
:lang(ru) .faq-a,
:lang(ru) .contact-sub,
:lang(ru) .prod-subtitle {{
  font-family: 'Unbounded', sans-serif;
  font-weight: 300;
  letter-spacing: -0.01em;
}}

/* MOBILE */
@media (max-width:860px){
  nav{display:none}
  .products{grid-template-columns:1fr}
  .products::after{display:none}
  .product-nav{display:block}
  .product-content{padding:92px 24px 64px;min-height:100vh}
  .specs-grid{grid-template-columns:repeat(2,1fr)}
  .about{grid-template-columns:1fr;gap:48px}
  .faq-grid{grid-template-columns:1fr}
  .faq-item{border-right:none}
  .faq-item:nth-last-child(-n+2){border-bottom:1px solid var(--border)}
  .faq-item:last-child{border-bottom:none}
  .contact-form{flex-direction:column;align-items:center}
  .f-input{width:100%;max-width:340px;clip-path:none}
  .footer-top{flex-direction:column;text-align:center}
  .footer-links{justify-content:center}
  .hero-products-main{grid-template-columns:1fr}
  .hero-divider{flex-direction:row;padding:16px 0}
  .hero-div-line{width:60px;height:1px}
  .hero-div-text{writing-mode:horizontal-tb}
  .hero-prod{padding:20px 24px}
  .hero-prod:first-child{border-right:1px solid rgba(255,255,255,0.06);border-bottom:none}
  .p-cta{align-items:center}
}