:root{--black:#070807;--panel:#10110f;--lime:#d7ff35;--white:#f4f4ef;--muted:#92958c;--line:#292b27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:absolute;z-index:10;top:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid #ffffff20}.logo{display:flex;align-items:center;gap:12px}.logo>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--lime);color:var(--lime);font-weight:900}.logo b{font-size:16px;letter-spacing:2px}.logo small{display:block;color:#a8aaa3;font-size:8px;letter-spacing:2px}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav-cta{padding:12px 18px;border:1px solid #ffffff45}.menu{display:none;background:none;border:1px solid #ffffff40;color:white;padding:8px 12px}.hero{position:relative;min-height:760px;height:100vh;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070807 0%,#070807e8 34%,#07080740 68%,#07080730),linear-gradient(0deg,#070807 0%,transparent 25%)}.hero-copy{position:relative;z-index:1;width:min(720px,calc(100% - 48px));margin-left:clamp(24px,8vw,145px);padding-top:80px}.kicker,.section-no{color:var(--muted);font-size:11px;letter-spacing:2px;text-transform:uppercase}.kicker i{display:inline-block;width:32px;height:2px;margin:0 9px 3px 0;background:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,6vw,86px);line-height:1.06;letter-spacing:-4px;margin:22px 0}h1 span,h2 span{color:var(--lime)}.lead{max-width:590px;color:#b2b4ad;font-size:16px}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:13px 20px;border:1px solid #ffffff35;background:transparent;color:white;font-weight:700;cursor:pointer}.btn.primary{background:var(--lime);color:#0a0b08;border-color:var(--lime)}.hero-index{position:absolute;right:5%;bottom:56px;display:flex;align-items:center;gap:12px}.hero-index i{width:80px;height:1px;background:#ffffff40}.hero-index small{color:#777}.scroll{position:absolute;left:5%;bottom:50px;font-size:9px;letter-spacing:2px;color:#aaa}.intro{padding:130px 0 120px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.intro h2,.section-title h2,.custom h2,.contact h2{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-3px}.intro-copy{padding-top:42px;color:#adafa7}.arrow-link{display:inline-flex;margin-top:24px;border-bottom:1px solid #555;padding-bottom:8px;color:white}.arrow-link span{margin-left:50px;color:var(--lime)}.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:40px}.metrics div{padding:30px 20px 0 0;border-right:1px solid var(--line)}.metrics strong{display:block;font-size:40px}.metrics sup{font-size:14px;color:var(--lime)}.metrics span{font-size:12px;color:var(--muted)}.products{background:#e9e9e3;color:#10110f;padding:120px 0}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title h2{margin-bottom:0}.section-title>p{color:#666;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:50px}.product-card{position:relative;min-height:430px;padding:28px;background:#f7f7f3;overflow:hidden}.product-card.large{grid-row:span 2;min-height:872px}.product-card h3{position:absolute;left:28px;bottom:50px;font-size:24px}.product-card>p:not(.section-no){position:absolute;left:28px;bottom:24px;color:#777;font-size:12px}.product-card>a:not(.btn){position:absolute;right:28px;bottom:30px;display:grid;place-items:center;width:48px;height:48px;border:1px solid #aaa;border-radius:50%;font-size:20px}.tag{position:absolute;left:28px;top:28px;font-size:9px;letter-spacing:2px;color:#777}.part{position:absolute;inset:15% 10% 24%;filter:drop-shadow(0 30px 20px #0003)}.bearing{border:60px solid #777;border-radius:50%;background:#222;box-shadow:inset 0 0 0 18px #bbb,0 0 0 12px #333}.bearing i{position:absolute;inset:22%;border-radius:50%;background:#eee;box-shadow:inset 0 0 20px #777}.gear{margin:auto;width:280px;height:280px;top:18%;background:#3a3c3c;clip-path:polygon(50% 0,57% 8%,66% 2%,71% 12%,82% 9%,84% 20%,95% 22%,92% 34%,100% 41%,92% 50%,100% 59%,92% 67%,95% 79%,84% 81%,82% 92%,71% 88%,66% 98%,57% 92%,50% 100%,43% 92%,34% 98%,29% 88%,18% 92%,16% 81%,5% 79%,8% 67%,0 59%,8% 50%,0 41%,8% 34%,5% 22%,16% 20%,18% 9%,29% 12%,34% 2%,43% 8%)}.gear:after{content:"";position:absolute;inset:31%;border-radius:50%;background:#e9e9e3;box-shadow:inset 0 0 15px #777}.cnc{inset:19% 19% 28%;border-radius:22px;background:linear-gradient(145deg,#bbb,#555);transform:rotate(-12deg);box-shadow:inset 0 0 0 18px #888}.cnc i{position:absolute;inset:25%;border:15px solid #333;border-radius:50%;background:#ddd}.dark-card{min-height:300px;background:#131412;color:white}.dark-card h3{position:static;margin-top:55px;font-size:30px}.dark-card>p:not(.section-no){position:static;max-width:430px;color:#999}.dark-card .btn{position:absolute;bottom:28px;left:28px}.custom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:130px 0}.custom-visual{position:relative;min-height:650px;background:#111}.rings{position:absolute;width:420px;height:420px;border:58px solid #4d504c;border-radius:50%;top:90px;left:50%;transform:translateX(-50%);box-shadow:inset 0 0 0 18px #171817,0 0 40px #d7ff3520}.rings:after{content:"";position:absolute;inset:23%;border-radius:50%;background:#080908;box-shadow:0 0 0 14px #81847d}.custom-visual>span{position:absolute;left:30px;bottom:50px;font-size:60px;color:var(--lime)}.custom-visual small{font-size:16px}.custom-visual>p{position:absolute;right:30px;bottom:54px;font-size:10px;color:#777}.custom-copy{padding-top:40px}.custom-copy>p:not(.section-no){color:#999}.custom ol{list-style:none;padding:15px 0 0;margin:30px 0}.custom li{display:flex;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.custom li>b{color:var(--lime)}.custom li span{display:grid}.custom li small{color:#777}.applications{padding:120px 0;background:#11120f}.app-head{display:flex;justify-content:space-between;align-items:end}.app-head h2{font-size:clamp(38px,5vw,66px);margin:0}.app-head p{color:#888}.app-list{margin-top:60px;border-top:1px solid #333}.app-list div{display:grid;grid-template-columns:80px 1fr 160px;align-items:center;padding:25px 0;border-bottom:1px solid #333}.app-list b{color:var(--lime)}.app-list span{font-size:24px}.app-list small{color:#666}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:130px 0}.contact>div>p:not(.section-no){color:#888}.contact-info{display:flex;gap:50px;margin-top:45px;color:#777;font-size:11px}.contact-info b{color:white;font-size:14px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label{display:grid;gap:8px;color:#888;font-size:12px}.contact label:nth-child(4){grid-column:1/-1}.contact input,.contact textarea,.contact select{width:100%;padding:13px 0;background:transparent;border:0;border-bottom:1px solid #444;color:white;outline:none}.contact option{color:#111}.contact form .btn{justify-self:start}.form-note{grid-column:1/-1;color:var(--lime);font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:34px 5vw;border-top:1px solid #292929;color:#777;font-size:11px}footer .logo{color:white}
@media(max-width:800px){.header{height:72px;padding:0 20px}.menu{display:block}.header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:25px;background:#0b0c0a;flex-direction:column;align-items:stretch;gap:18px}.header nav.open{display:flex}.hero{height:auto;min-height:780px}.hero-copy{margin:0 24px}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#070807f5 0%,#070807b5 70%,#07080770)}h1{font-size:48px;letter-spacing:-2px}.scroll{display:none}.intro,.custom,.contact{grid-template-columns:1fr;padding:85px 0}.intro{gap:20px}.metrics{grid-template-columns:1fr 1fr}.section-title,.app-head{display:block}.product-grid{grid-template-columns:1fr}.product-card.large{grid-row:auto;min-height:580px}.product-card{min-height:430px}.bearing{border-width:38px}.custom-visual{min-height:480px;order:2}.rings{width:300px;height:300px;border-width:42px}.app-head p{margin-top:16px}.app-list div{grid-template-columns:50px 1fr}.app-list small{display:none}.contact form{grid-template-columns:1fr}.contact label:nth-child(4){grid-column:auto}footer{align-items:flex-start;gap:24px;flex-direction:column}}
@media(max-width:480px){.wrap{width:min(100% - 32px,1180px)}.logo b{font-size:13px}.hero-copy{width:calc(100% - 32px);margin:0 16px}.lead{font-size:14px}.actions{align-items:stretch;flex-direction:column}.hero-index{display:none}.intro h2,.section-title h2,.custom h2,.contact h2{font-size:38px}.metrics strong{font-size:30px}.products{padding:80px 0}.product-card{min-height:380px}.product-card.large{min-height:480px}.part{inset:19% 12% 29%}.custom-visual>span{font-size:44px}.contact-info{flex-direction:column;gap:15px}}