:root{--red:#d82028;--ink:#17191b;--paper:#f4f3f0;--muted:#72777a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%}.skip{position:absolute;top:-100px;background:white;color:black;z-index:100}.skip:focus{top:0}.header{height:76px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:4vw;padding:0 5vw;color:#fff;background:rgba(17,19,21,.93);border-bottom:1px solid #ffffff24;backdrop-filter:blur(15px)}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.logo strong{font-size:22px;letter-spacing:.08em}.logo small{border-left:1px solid #777;padding-left:10px;font-size:11px}.mark{color:var(--red);font-size:13px;line-height:.5;transform:skew(-18deg)}.header nav{display:flex;gap:clamp(12px,2.5vw,36px);margin:auto}.header nav a{font-size:13px;color:#ddd}.header nav a:hover,.lang button:hover{color:#fff}.lang{display:flex;align-items:center;gap:6px;white-space:nowrap}.lang button{padding:6px;background:none;border:0;color:#aaa;font-size:12px}.lang button.active{color:white;border-bottom:2px solid var(--red)}.menu{display:none}.hero{min-height:740px;height:100svh;position:relative;display:flex;align-items:center;background:#151719;color:white;overflow:hidden}.hero-visual{position:absolute;inset:0 0 0 35%}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#151719 0%,#151719a8 36%,#15171921 76%),linear-gradient(0deg,#151719 0%,transparent 25%)}.hero-visual img{height:100%;object-fit:cover;object-position:center}.concept{position:absolute;z-index:2;bottom:40px;right:5vw;font-size:11px;color:#ddd;background:#111b;padding:8px}.hero-content{position:relative;z-index:3;width:min(700px,65%);padding:100px 0 80px 5vw}.kicker{font-size:12px;letter-spacing:.25em;font-weight:700;color:#aaa}.red{color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,8vw,126px);line-height:1.06;letter-spacing:-.07em;margin:28px 0}h2{font-size:clamp(37px,5vw,70px);line-height:1.12;letter-spacing:-.055em;margin:18px 0 26px}.hero-content>p:not(.kicker){max-width:510px;color:#bbb;line-height:1.9;font-size:16px}.actions{display:flex;gap:12px;margin-top:34px}.btn{padding:16px 26px;font-size:13px;font-weight:700}.primary{background:var(--red);color:white}.outline{border:1px solid #999}.hero-bottom{position:absolute;z-index:4;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:#aeb0b1}.intro,.products,.story,.news,.contact{padding:110px 5vw}.intro{max-width:1300px;margin:auto}.intro h2{max-width:1050px}.intro>p:nth-of-type(2){max-width:680px;color:#666;line-height:1.9}.intro-stat{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ccc;margin-top:70px}.intro-stat div{padding:26px 12px 0 0;display:flex;flex-direction:column;gap:7px}.intro-stat b{font-size:35px}.intro-stat span{font-size:13px;color:#777}.products{background:#e7e8e7}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-head>p{max-width:360px;line-height:1.8;color:#73777a}.cards{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px}.card{background:#fff;min-width:0}.card-image,.placeholder{height:340px;position:relative;overflow:hidden;background:#282b2e}.card-image img{height:100%;object-fit:cover}.card-image span{position:absolute;bottom:12px;right:12px;background:#101214cc;color:#ddd;padding:7px;font-size:11px}.placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#313438,#17191b);color:#ffffff40}.placeholder strong{font-size:clamp(28px,3vw,50px);letter-spacing:.1em;transform:rotate(-12deg)}.placeholder span{position:absolute;top:20px;left:22px;color:var(--red);font-size:12px}.card-body{padding:30px}.card-body small,.news-grid span{font-size:11px;letter-spacing:.15em;color:var(--red)}.card-body h3{font-size:23px;margin:15px 0}.card-body p{min-height:55px;font-size:13px;color:#777;line-height:1.7}.detail{border:0;border-top:1px solid #ddd;background:none;padding:16px 0 0;width:100%;text-align:left;font-size:12px;font-weight:bold}.detail:hover{color:var(--red)}.fine{font-size:11px;color:#888;line-height:1.6;margin-top:25px}.story{background:#1d2022;color:white}.story .section-head>p{color:#aaa}.timeline{list-style:none;padding:0;margin:70px 0 0;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #666}.timeline li{padding:25px 18px 0 0;position:relative}.timeline li:before{content:"";position:absolute;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--red)}.timeline b{font-size:30px}.timeline p{color:#aaa;line-height:1.7;font-size:13px;margin-top:18px}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.news-grid article{border:1px solid #ccc;padding:35px;min-height:220px}.news-grid h3{font-size:27px;margin:25px 0 12px}.news-grid p{color:#777;line-height:1.7}.contact{background:var(--red);color:white;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact h2{font-size:clamp(43px,5.8vw,80px)}.contact>div>p:not(.kicker){max-width:480px;line-height:1.8;color:#fffc}.contact-card{background:#fff;color:var(--ink);padding:clamp(26px,4vw,60px)}.contact-card span{font-size:12px;color:#777}.contact-card strong{display:block;font-size:clamp(24px,3vw,43px);margin:16px 0;overflow-wrap:anywhere}.contact-card small{color:#bb141d}.contact-card hr{border:0;border-top:1px solid #ddd;margin:28px 0}.contact-card p{font-size:13px}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials span{background:#f0f0ef;padding:10px;color:#666}footer{background:#111315;color:#eee;padding:65px 5vw 40px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:end}footer strong{font-size:38px}footer p,footer small{font-size:11px;color:#888}footer nav{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}footer small{text-align:right}dialog{border:0;width:min(540px,calc(100% - 36px));padding:45px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#0d0f11b8}dialog h2{font-size:36px}.close{float:right;border:0;background:none;font-size:30px}dialog p{line-height:1.75;color:#666}dialog dl div{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding:14px 0;font-size:13px}dialog dd{margin:0;color:#888}@media(max-width:900px){.header{height:65px}.menu{display:block;margin-left:auto;border:1px solid #777;background:none;color:#fff;padding:7px}.header nav{display:none;position:absolute;top:65px;left:0;right:0;background:#17191b;padding:25px 5vw;flex-direction:column}.header nav.open{display:flex}.hero-content{width:80%}.cards{grid-template-columns:1fr 1fr}.card.feature{grid-column:span 2}.contact{gap:35px}}@media(max-width:600px){.header{gap:8px}.logo strong{font-size:17px}.logo small{display:none}.hero{min-height:700px}.hero-visual{inset:0}.hero-visual:after{background:linear-gradient(0deg,#151719 4%,#151719d0 47%,#15171944 100%)}.hero-content{width:100%;align-self:end;padding:0 6vw 115px}.hero h1{font-size:clamp(50px,12vw,75px)}.concept{top:78px;bottom:auto}.intro,.products,.story,.news,.contact{padding:75px 6vw}.intro-stat{gap:8px}.intro-stat b{font-size:24px}.intro-stat span{font-size:11px}.section-head{display:block}.cards,.news-grid,.contact{grid-template-columns:1fr}.card.feature{grid-column:auto}.card-image,.placeholder{height:280px}.timeline{display:block;border-top:0;margin-top:40px}.timeline li{border-top:1px solid #555;padding-bottom:18px}.contact-card{padding:30px}footer{grid-template-columns:1fr}footer small{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}