:root {
  --navy:#0f172a; --blue:#1d4ed8; --teal:#0f766e; --orange:#f59e0b;
  --text:#1e293b; --muted:#64748b; --light:#f8fafc; --line:#e2e8f0; --white:#fff;
  --shadow: 0 24px 70px rgba(15,23,42,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:#fff}
a{text-decoration:none;color:inherit}
.site-header{position:sticky;top:0;z-index:30;min-height:84px;padding:14px 6vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.9)}
.brand{display:flex;align-items:center;gap:13px}
.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:950;font-size:29px;background:radial-gradient(circle at 76% 22%,#fbbf24 0 10px,transparent 11px),linear-gradient(135deg,#0f766e,#1d4ed8 60%,#f59e0b);box-shadow:0 12px 28px rgba(15,23,42,.16)}
.brand-mark.small{width:44px;height:44px;border-radius:14px;font-size:22px}
.brand-text{display:grid;line-height:1}
.brand-text strong{font-size:25px;font-weight:950;color:var(--navy);letter-spacing:-.02em}
.brand-text em{margin-top:7px;font-style:normal;color:var(--teal);font-size:10px;font-weight:950;letter-spacing:.18em}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-weight:850;color:var(--navy);opacity:.86}
.language-switcher{display:flex;gap:6px;padding:5px;border-radius:999px;background:var(--light);border:1px solid var(--line)}
.lang-btn{border:0;background:transparent;padding:9px 14px;border-radius:999px;color:var(--muted);font-weight:900;cursor:pointer}
.lang-btn.active{background:var(--navy);color:#fff}

.hero{position:relative;min-height:760px;display:grid;align-items:center;padding:112px 6vw;color:#fff;overflow:hidden;background:#0f172a}
.hero:before{content:"";position:absolute;inset:-18px;background:url("https://images.unsplash.com/photo-1586528116493-da037a8b39d8?auto=format&fit=crop&w=2200&q=82") center/cover no-repeat;filter:blur(2.4px);transform:scale(1.025);opacity:.88}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.94) 0%,rgba(15,23,42,.76) 48%,rgba(15,23,42,.28) 100%)}
.hero-content{position:relative;z-index:2;max-width:1080px}
.eyebrow{margin:0 0 18px;color:var(--orange);font-size:13px;font-weight:950;letter-spacing:.20em;text-transform:uppercase}
.hero h1{margin:0;max-width:1120px;font-size:clamp(42px,5.15vw,72px);line-height:1.15;letter-spacing:-.018em;font-weight:950}
.hero-text{max-width:840px;margin:32px 0 40px;color:#e2e8f0;font-size:20px;line-height:1.85}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;border-radius:999px;font-weight:950}
.btn.primary{background:var(--orange);color:#111827}
.btn.secondary{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.35)}

.trust-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.trust-bar div{background:#fff;padding:26px 20px;text-align:center}
.trust-bar strong{display:block;color:var(--navy);font-size:18px}
.trust-bar span{color:var(--muted);font-size:14px}
.section{padding:96px 6vw}
.intro-section,.split-section{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.section-copy h2,.section-heading h2,.contact-card h2{margin:0;color:var(--navy);font-size:clamp(32px,3.8vw,50px);line-height:1.18;letter-spacing:-.025em}
.section-copy p,.section-heading p,.contact-card p{font-size:18px;line-height:1.82;color:var(--muted)}
.center{text-align:center;max-width:960px;margin:0 auto 46px}
.photo-card,.real-photo{border-radius:30px;min-height:430px;box-shadow:var(--shadow);background-size:cover;background-position:center}
.photo-racks{background-image:url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1400&q=80")}

.services-section{background:var(--light)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-card{min-height:265px;padding:30px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(15,23,42,.05)}
.service-card span{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:#dbeafe;color:var(--blue);font-weight:950}
.service-card h3,.advantage-card h3,.process-grid h3{margin:22px 0 12px;color:var(--navy);font-size:22px;letter-spacing:-.02em}
.service-card p,.advantage-card p,.process-grid p{margin:0;color:var(--muted);line-height:1.75}

.advantages-section{background:#fff}
.advantage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.advantage-card{padding:28px;min-height:310px;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--line);box-shadow:0 12px 35px rgba(15,23,42,.06)}
.advantage-card div{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--navy);color:#fff;font-size:14px;font-weight:950}

.wms-section{background:#fff}
.wms-showcase{position:relative;min-height:540px}
.wms-screen{position:absolute;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.screen-main{left:0;top:56px;width:78%;height:430px;z-index:3;padding:24px}
.screen-side{right:0;top:12px;width:52%;height:330px;z-index:2;transform:translateY(96px) scale(.92);padding:24px;background:#f8fafc}
.screen-top{height:54px;border-radius:18px;background:#0f172a;color:#fff;display:flex;align-items:center;gap:9px;padding:0 18px;margin-bottom:22px}
.screen-top span{width:11px;height:11px;border-radius:50%;background:#f59e0b}
.screen-top strong{margin-left:8px;font-size:15px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.metric-row div{padding:18px;border:1px solid var(--line);border-radius:18px;background:#f8fafc}
.metric-row small{display:block;color:var(--muted);font-weight:800}
.metric-row b{font-size:30px;color:var(--navy)}
.table p{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:12px;margin:0;padding:18px 0;border-bottom:1px solid var(--line)}
.table b,.table span{color:var(--navy)}
.table em{font-style:normal;color:var(--teal);font-weight:800}
.screen-top.mini{background:#0f766e;margin-bottom:28px}
.bar{height:34px;border-radius:12px;margin:20px 0;background:linear-gradient(90deg,#1d4ed8,#93c5fd)}
.bar.b{width:76%;background:linear-gradient(90deg,#0f766e,#99f6e4)}
.bar.c{width:58%;background:linear-gradient(90deg,#f59e0b,#fde68a)}
.screen-note{color:var(--muted);line-height:1.6;font-weight:800}
.check-list{padding:0;margin:28px 0 0;list-style:none}
.check-list li{position:relative;padding:13px 0 13px 40px;color:var(--navy);font-weight:850;border-bottom:1px solid var(--line)}
.check-list li:before{content:"✓";position:absolute;left:0;top:11px;width:26px;height:26px;border-radius:999px;background:#dcfce7;color:#15803d;display:grid;place-items:center}

.process-section{background:#0f172a}
.process-section .section-heading h2{color:#fff}
.process-section .section-heading p{color:#94a3b8}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.process-grid article{min-height:270px;padding:30px 24px;border-radius:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13)}
.process-grid h3{color:#fff}
.process-grid p{color:#cbd5e1}
.process-grid span{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:var(--orange);color:#111827;font-weight:950;font-size:20px}
.warehouse-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:32px 6vw 78px;background:#0f172a}
.gallery-photo{height:340px;border-radius:26px;background-size:cover;background-position:center;box-shadow:0 20px 50px rgba(0,0,0,.28);position:relative;overflow:hidden}
.gallery-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(15,23,42,.74))}
.gallery-photo span{position:absolute;left:28px;bottom:24px;z-index:2;color:#fff;font-size:24px;font-weight:950}
.gallery-a{background-image:url("https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1000&q=82")}
.gallery-b{background-image:url("https://images.unsplash.com/photo-1553413077-190dd305871c?auto=format&fit=crop&w=1000&q=82")}
.gallery-c{background-image:url("https://images.unsplash.com/photo-1601598851547-4302969d0614?auto=format&fit=crop&w=1000&q=82")}
.contact-section{background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(15,118,110,.84)),url("https://images.unsplash.com/photo-1586528116493-da037a8b39d8?auto=format&fit=crop&w=1800&q=82") center/cover no-repeat}
.contact-card{max-width:920px;margin:0 auto;padding:54px;border-radius:32px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}
.contact-list{display:grid;gap:12px;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.contact-list p{margin:0;color:var(--navy);font-weight:700}
.contact-list a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 6vw;color:#94a3b8;background:#0b1120}
.footer .brand-text strong{color:#fff}.footer .brand-text em{color:#93c5fd}
.footer p{margin:0;font-size:14px}

@media(max-width:1080px){
  .site-header{flex-wrap:wrap}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:16px}
  .trust-bar{grid-template-columns:repeat(2,1fr)}
  .intro-section,.split-section{grid-template-columns:1fr}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .advantage-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
  .warehouse-gallery{grid-template-columns:1fr}
}
@media(max-width:720px){
  .site-header{padding:12px 20px}.brand-text strong{font-size:22px}.brand-text em{font-size:9px}.brand-mark{width:50px;height:50px}
  .language-switcher{width:100%;justify-content:center}.hero{min-height:680px;padding:80px 24px}.hero h1{font-size:38px;line-height:1.16}.hero-text{font-size:17px;line-height:1.78}
  .section{padding:70px 24px}.trust-bar,.service-grid,.advantage-grid,.process-grid{grid-template-columns:1fr}
  .wms-screen{position:relative;left:auto!important;right:auto!important;top:auto!important;width:100%!important;height:auto!important;transform:none!important;margin-bottom:16px}
  .contact-card{padding:34px 24px}.footer{flex-direction:column;align-items:flex-start}
}