:root{--ink:#111820;--muted:#637080;--line:#d8dee5;--paper:#f7f8f9;--white:#fff;--coal:#10161d;--steel:#e9edf0;--blue:#145bc4;--blue-bright:#2379e8;--signal:#f0a31a}*{box-sizing:border-box}html{scroll-behavior:smooth;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}body{margin:0;line-height:1.58;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1200px,100% - 48px);margin:0 auto}.topbar{color:#fff;z-index:20;backdrop-filter:blur(14px);background:#10161df0;border-bottom:1px solid #ffffff17;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:28px;min-height:74px;display:flex}.logo{letter-spacing:.02em;align-items:center;gap:12px;font-size:14px;font-weight:750;display:flex}.mark{background:var(--blue);color:#fff;letter-spacing:.04em;clip-path:polygon(0 0,84% 0,100% 27%,100% 100%,16% 100%,0 73%);place-items:center;width:40px;height:40px;font-size:14px;font-weight:900;display:grid}.links{color:#cbd3dc;align-items:center;gap:26px;font-size:14px;display:flex}.links a:not(.btn):hover{color:#fff}.btn{border:1px solid;border-radius:2px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:14px;font-weight:750;transition:transform .22s,background .22s,border-color .22s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.primary:hover{background:var(--blue-bright);border-color:var(--blue-bright)}.btn.accent{background:var(--signal);color:var(--coal);border-color:var(--signal)}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--blue);align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.eyebrow:before{content:"";background:currentColor;width:24px;height:2px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;max-width:880px;margin-bottom:24px;font-size:clamp(42px,6vw,80px);line-height:.98}h2{letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(31px,4vw,52px);line-height:1.05}h3{margin-bottom:10px;font-size:20px;line-height:1.25}.lead{color:var(--muted);max-width:680px;font-size:18px}.meta{color:var(--muted);font-size:14px}.section{padding:110px 0}.section-dark{background:var(--coal);color:#fff}.section-dark .lead,.section-dark .meta{color:#b9c2cd}.hero{color:#fff;isolation:isolate;background:#0c1116;align-items:end;min-height:690px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#080d12f0 0%,#080d12c2 42%,#080d1238 73% 100%),linear-gradient(#0000 54%,#080d12b8);position:absolute;inset:0}.hero:after{content:"";z-index:-2;background-image:url(/images/bearings-pile-detail.png);background-position:50%;background-size:cover;animation:16s ease-in-out infinite alternate hero-drift;position:absolute;inset:0;transform:scale(1.03)}.hero-content{padding:126px 0 64px}.hero .eyebrow{color:#82aeff}.hero .lead{color:#d3dbe5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-support{border-top:1px solid #ffffff3d;grid-template-columns:repeat(3,1fr);max-width:830px;margin-top:72px;display:grid}.hero-support div{border-right:1px solid #ffffff2e;margin-right:18px;padding:18px 18px 0 0}.hero-support div:last-child{border:0}.hero-support strong{margin-bottom:4px;font-size:14px;display:block}.hero-support span{color:#b8c2cd;font-size:13px}.image-mosaic{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:14px;display:grid}.image-mosaic figure{background:#202b35;margin:0;overflow:hidden}.image-mosaic figure:first-child,.image-mosaic figure:last-child{min-height:500px}.image-mosaic img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.image-mosaic figure:hover img,.image-frame:hover img{transform:scale(1.045)}.image-mosaic figcaption{color:var(--muted);padding-top:12px;font-size:13px}.section-head{justify-content:space-between;align-items:end;gap:36px;margin-bottom:44px;display:flex}.section-head>div:last-child{max-width:440px}.product-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.product-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white);flex-direction:column;justify-content:flex-end;min-height:280px;padding:26px 22px;transition:background .25s,color .25s;display:flex;position:relative;overflow:hidden}.product-card:before{content:"";background:var(--blue);transform-origin:0;width:100%;height:5px;transition:transform .28s;position:absolute;top:0;left:0;transform:scaleX(0)}.product-card:hover{background:var(--coal);color:#fff}.product-card:hover:before{transform:scaleX(1)}.product-card:hover .product-code,.product-card:hover .meta{color:#8db9ff}.product-code{color:var(--blue);letter-spacing:-.05em;margin-bottom:auto;font-size:42px;font-weight:850}.product-card p{margin-bottom:0;font-size:14px}.process-grid{border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e;grid-template-columns:repeat(4,1fr);display:grid}.process-step{border-bottom:1px solid #ffffff2e;border-right:1px solid #ffffff2e;min-height:230px;padding:24px}.step-no{color:#75a8fb;margin-bottom:62px;font-size:14px;font-weight:800;display:block}.split-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;display:grid}.image-frame{background:#202832;position:relative;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.image-frame.tall{min-height:610px}.image-frame.captioned:after{content:"HTP / XINGTAI, HEBEI";background:var(--blue);color:#fff;letter-spacing:.11em;padding:10px 14px;font-size:11px;font-weight:800;position:absolute;bottom:0;left:0}.info-list{border-top:1px solid var(--line);margin-top:34px;display:grid}.info-list>div{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:20px;padding:18px 0;display:grid}.info-list strong{font-size:14px}.shipment{background:var(--steel)}.shipment-panel{color:#fff;background:linear-gradient(#090f150f 34%,#090f15d9),url(/images/packing-shipment.png) 50%/cover;align-items:end;min-height:470px;padding:34px;display:grid}.shipment-panel p{color:#d4dde6;max-width:460px}.cta-band{color:#fff;background:var(--blue);padding:80px 0}.cta-band .wrap{justify-content:space-between;align-items:center;gap:30px;display:flex}.cta-band h2{max-width:650px;margin:0}.cta-band .btn{color:#fff;border-color:#ffffffa6}.notice{border-left:3px solid var(--signal);background:#fff8e7;margin:20px 0;padding:15px 17px}.two-grid{grid-template-columns:1fr 1fr;gap:38px;display:grid}.info-card,.faq-item{border:1px solid var(--line);background:var(--white);padding:28px}.faq-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.footer{color:#fff;background:#080c11;padding:56px 0 92px}.footer h3{font-size:25px}.footer .meta{color:#aebac6}.mobile-cta{display:none}input,textarea,select{border:1px solid var(--line);width:100%;min-height:46px;font:inherit;border-radius:2px;padding:10px 12px}textarea{min-height:132px}label{gap:6px;font-weight:750;display:grid}form{gap:14px;display:grid}table{border-collapse:collapse;width:100%;margin-top:18px;font-size:15px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:10px}th{background:var(--steel)}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}[data-reveal].is-visible{opacity:1;transform:none}@keyframes hero-drift{0%{transform:scale(1.03)translate(0)}to{transform:scale(1.1)translate(-1.5%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=920px){.product-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.split-layout{gap:42px}.section{padding:78px 0}}@media (width<=720px){.wrap{width:min(100% - 28px,1200px)}.links{display:none}.nav{min-height:64px}.hero{min-height:680px}.hero:before{background:linear-gradient(90deg,#080d12eb,#080d127a),linear-gradient(#0000 50%,#080d12e0)}.hero-content{padding:88px 0 86px}h1{font-size:clamp(40px,13vw,58px)}.hero-support,.product-grid,.process-grid,.two-grid,.split-layout,.faq-grid,.image-mosaic{grid-template-columns:1fr}.hero-support{gap:0;margin-top:46px}.hero-support div{border-bottom:1px solid #ffffff2e;border-right:0;margin:0;padding:12px 0}.hero-support div:last-child{border-bottom:0}.section-head,.cta-band .wrap{flex-direction:column;align-items:flex-start;gap:16px}.product-card{min-height:225px}.image-mosaic figure:first-child,.image-mosaic figure:last-child,.image-frame.tall{min-height:360px}.info-list>div{grid-template-columns:1fr;gap:5px}.mobile-cta{z-index:30;background:#080c11f5;grid-template-columns:1fr 1fr;gap:8px;padding:9px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-cta .btn{min-height:46px}.footer{padding-bottom:82px}}.product-page-hero{padding:98px 0}.product-page-hero .image-frame{min-height:360px}.family-gallery{border-top:1px solid var(--line)}.family-row{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr 44px;align-items:center;gap:30px;min-height:205px;padding:18px 0;transition:padding .25s;display:grid}.family-row:hover{padding-left:18px}.family-row img{object-fit:cover;background:var(--steel);width:220px;height:168px}.family-row .product-code{margin-bottom:4px;font-size:34px;display:block}.family-row h3{margin-bottom:7px}.family-row p{color:var(--muted);margin-bottom:0}.family-arrow{width:42px;height:42px;color:var(--blue);border:1px solid var(--line);place-items:center;font-size:21px;display:grid}.family-row:hover .family-arrow{background:var(--blue);border-color:var(--blue);color:#fff}@media (width<=720px){.family-row{grid-template-columns:110px 1fr;gap:16px;min-height:144px}.family-row img{width:110px;height:108px}.family-row .product-code{font-size:28px}.family-row p,.family-arrow{display:none}}.contact-hero{padding:98px 0}.contact-hero .image-frame,.faq-hero .image-frame{min-height:360px}.inquiry-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;display:grid}.contact-quicklinks{border-top:1px solid #ffffff38;margin-top:32px;display:grid}.contact-quicklinks a{border-bottom:1px solid #ffffff38;justify-content:space-between;padding:15px 0;font-weight:750;display:flex}.contact-quicklinks span{color:#82aeff;font-size:20px}.rfq-notes{border-top:1px solid var(--line);display:grid}.rfq-notes>div{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:15px;padding:18px 0;display:grid}.rfq-notes>div>span{color:var(--blue);font-size:13px;font-weight:850}.rfq-notes h3,.rfq-notes p{margin-bottom:3px}.rfq-notes p{color:var(--muted);font-size:14px}.rfq-form{border:1px solid var(--line);background:var(--white);gap:14px;padding:34px;display:grid}.form-intro{padding-bottom:5px}.form-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.spec-panel{color:#fff;background:var(--coal);padding:34px}.spec-panel .eyebrow{color:#82aeff}.spec-panel p{color:#c2ccd8}.spec-panel .btn{margin-top:10px}@media (width<=920px){.inquiry-grid{grid-template-columns:1fr;gap:48px}}@media (width<=720px){.form-actions{grid-template-columns:1fr}.rfq-form{padding:22px}}.check-list{flex-wrap:wrap;gap:9px;margin:26px 0;display:flex}.check-list span{border:1px solid var(--line);background:var(--white);color:var(--ink);align-items:center;padding:8px 11px;font-size:13px;font-weight:700;display:inline-flex}.guide-hero{background:var(--coal);color:#fff;padding:98px 0 84px}.guide-hero .lead,.guide-hero .meta{color:#c4ceda}.guide-list{border-top:1px solid var(--line);display:grid}.guide-list-item{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr 42px;align-items:center;gap:28px;min-height:210px;padding:22px 0;display:grid}.guide-list-item img{object-fit:cover;background:var(--steel);width:180px;height:142px}.guide-list-item h2{margin-bottom:10px;font-size:clamp(27px,3.3vw,42px)}.guide-list-item p{color:var(--muted);max-width:720px;margin-bottom:0}.guide-kicker{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.guide-promo{background:var(--steel);padding:72px 0}.guide-promo h2{margin-bottom:12px;font-size:clamp(29px,3.7vw,48px)}.guide-promo-action{justify-content:flex-start;display:flex}.article-hero{background:var(--coal);color:#fff;padding:98px 0 76px}.article-hero h1{max-width:980px;font-size:clamp(40px,5.4vw,72px)}.article-hero .lead{color:#d0d9e3;max-width:780px}.article-meta{color:#aab7c6;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:14px;display:flex}.article-layout{grid-template-columns:minmax(0,790px) 270px;align-items:start;gap:70px;display:grid}.article-body{font-size:17px}.article-body h2{margin-top:64px;font-size:clamp(29px,3.4vw,43px)}.article-body h3{margin-top:34px;font-size:23px}.article-body p,.article-body li{color:#354251}.article-body li{margin:9px 0}.article-body ul,.article-body ol{padding-left:22px}.article-body a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.article-note{border-left:3px solid var(--signal);background:#fff8e7;margin:30px 0;padding:17px 19px;font-size:15px}.article-note strong{margin-bottom:5px;display:block}.article-table{margin:26px 0;font-size:14px}.article-table td:first-child{font-weight:800}.article-sources{border-top:1px solid var(--line);margin-top:56px;padding-top:28px}.article-sources li{margin:12px 0}.article-sidebar{border-top:3px solid var(--blue);padding-top:18px;position:sticky;top:96px}.article-sidebar h3{margin-bottom:14px}.article-sidebar a:not(.btn){color:var(--muted);border-bottom:1px solid var(--line);padding:10px 0;font-size:14px;display:block}.article-sidebar .btn{width:100%;margin-top:22px}@media (width<=920px){.article-layout{grid-template-columns:1fr;gap:46px}.article-sidebar{display:none;position:static}}@media (width<=720px){.guide-list-item{grid-template-columns:1fr;gap:16px;padding:24px 0}.guide-list-item img{width:100%;height:220px}.guide-list-item .family-arrow{display:none}.article-hero,.guide-hero{padding:76px 0 58px}.article-body{font-size:16px}.article-table{font-size:12px}.article-table th,.article-table td{padding:8px 6px}}