:root{--brand:#f6a400;--ink:#202124;--muted:#666;--bg:#f7f8fb;--blue:#0d4d7c}*{box-sizing:border-box}
 body{margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;color:var(--ink);line-height:1.75;background:white}
.container{max-width:1180px;margin:auto;padding:0 22px}
.topbar{background:#202124;color:#e8eaed;font-size:14px}
.quick{display:flex;justify-content:space-between;padding:8px 22px}
.navbar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #eee;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px}
.brand{color:var(--ink);text-decoration:none;font-weight:800;font-size:24px;line-height:1.1}
.brand small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.nav-links{display:flex;list-style:none;gap:0;margin:0;padding:0}
.nav-links a{display:block;padding:27px 11px;color:#333;text-decoration:none;font-weight:600}
.nav-links a:hover{color:var(--brand)}
.menu{display:none}
.hero{min-height:560px;background:linear-gradient(115deg,rgba(13,77,124,.94),rgba(13,77,124,.7)),radial-gradient(circle at 86% 16%,#f6a400 0 16%,transparent 16%);color:white}
.section-offset{padding-top:70px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.eyebrow{color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.hero h1{font-size:48px;line-height:1.18;margin:10px 0}.lead{font-size:20px;max-width:780px}
.btn{display:inline-flex;border-radius:999px;padding:12px 28px;text-decoration:none;margin-right:14px;font-weight:700}.primary{background:var(--brand);color:#222}
.ghost{border:1px solid rgba(255,255,255,.65);color:white}
.hero-card,.product-img,.case-img,.rd-card{border-radius:22px;background:#ddd;box-shadow:0 20px 50px rgba(0,0,0,.2);min-height:330px;position:relative;overflow:hidden}
.hero-card span{position:absolute;left:26px;bottom:22px;background:rgba(255,255,255,.92);color:#222;padding:10px 18px;border-radius:999px;font-weight:700}
.photo-factory {
    background: linear-gradient(135deg,#dfe8ea,#7aa3a5 45%,#1f5360);
    background-image: url("../images/Workshop.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.photo-office{background:linear-gradient(135deg,#eef3f1,#ccd8d6 60%,#8aa19d)}
.photo-test {
    background: linear-gradient(135deg,#eceff1,#697c8c 55%,#1d2d3f);
    background-image: url("../images/Test.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.photo-line {
    background: linear-gradient(135deg,#f4f4f4,#6992a8 60%,#2f5a75);
    background-image: url("../images/Wiper1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.photo-pack {
    background: linear-gradient(135deg,#f8f7f2,#cab58d 55%,#768a92);
    background-image: url("../images/Packing.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.photo-wiper {
    background: linear-gradient(135deg,#eef1f5,#6fa0a8 55%,#3d5966);
    background-image: url("../images/Wipers.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.photo-load {
    background: linear-gradient(135deg,#f5f0e2,#9b895d 55%,#4f5963);
    background-image: url("../images/load.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.photo-grinder {
    background: linear-gradient(135deg,#eef3f7,#598096 55%,#1c2b35);
    background-image: url("../images/Grinder.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.photo-motor {
    background: linear-gradient(135deg,#f0f2ec,#8ea38d 55%,#334638);
    background-image: url("../images/motor.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.stats{background:#fff;transform:translateY(-42px)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:white;border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.10);padding:26px;text-align:center}
.stat strong{font-size:38px;color:var(--blue);display:block}
.stat span{font-weight:800}
.stat small{display:block;color:var(--muted)}.section{padding:70px 0}
.alt{background:var(--bg)}h2{font-size:34px;margin:6px 0 24px}
.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:start}
.advantages{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.advantages article,.news-grid article,.customer,.product,.case,.certificate-grid div
{background:#fff;border:1px solid #eee;border-radius:18px;padding:22px;box-shadow:0 8px 26px rgba(0,0,0,.05)}
.advantages span{font-size:30px}
.rd-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px}
.rd-card{color:white;padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
.timeline{display:grid;gap:12px}
.time-item{display:grid;grid-template-columns:76px 1fr;gap:14px;background:white;border-radius:12px;padding:15px;border-left:5px solid var(--brand)}
.time-item b{color:var(--blue);font-size:22px}
.time-item small{grid-column:2;color:var(--muted)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:34px}
.product-img{min-height:155px;border-radius:16px;margin-bottom:14px}
.product h3,.case h3{margin-bottom:0}
.product small,.case small{color:var(--brand);font-weight:700}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.case{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}
.case-img{min-height:150px;border-radius:16px;box-shadow:none}
.case span{display:inline-block;background:#eef6fb;color:var(--blue);font-weight:800;padding:2px 10px;border-radius:999px}
.customer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.customer span{display:block;color:var(--muted)}
.certificate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.certificate-grid div{min-height:120px;display:flex;align-items:center;justify-content:center;font-weight:800;background:linear-gradient(135deg,#fff,#fff8e7)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.news-grid span{color:var(--brand);font-weight:800}
.footer{background:#202124;color:#eee;padding:55px 0}
.footer-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:30px}
.footer h2,.footer h3{color:#fff}
@media(max-width:900px)
{
    .quick,.nav-links{display:none}.menu{display:block}
    .hero-grid,.split,.rd-grid,
    .footer-grid{grid-template-columns:1fr}
    .stats-grid,.product-grid,.case-grid,.customer-grid,.news-grid{grid-template-columns:1fr 1fr}
    .case{grid-template-columns:1fr}
    .hero h1{font-size:36px}
}
@media(max-width:560px)
{
    .stats-grid,.product-grid,.customer-grid,.news-grid,.advantages{grid-template-columns:1fr}
    .hero h1{font-size:30px}

}
.footer .nav-linkfooter{
    color: white;
    text-decoration: none;
    font-weight: 600
}