:root{--orange:#cc0000;--ink:#20282b;--grey:#677176;--line:#e3e6e7;--paper:#fff}body{font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;-webkit-font-smoothing:antialiased}header{height:116px;padding:20px 5.5% 0;background:linear-gradient(#c90000 0 72px,#fff 72px);border-bottom:1px solid #e1e4e6;transition:box-shadow .25s}header.scrolled{box-shadow:0 4px 24px #1d252b0b}header .brand{gap:17px}header .brand strong{font-size:34px}header .brand i{width:7px;height:7px;bottom:4px}header .brand span{font-size:15px;letter-spacing:2px}header .brand small{font-size:8px;margin-top:6px}header .nav-download{font-size:11px;letter-spacing:1px;margin:0;padding:7px 0}header nav{left:5.5%;top:72px;height:44px;gap:40px;font-size:12px;font-weight:500}nav a{position:relative;height:44px;display:flex;align-items:center}nav a::after{content:'';height:2px;background:#c90000;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a.active::after,nav a:hover::after{transform:scaleX(1)}html{scroll-padding-top:116px}.section{padding:112px 5.5%}.section-head{align-items:flex-start;margin-bottom:48px;gap:45px}.section-head>p{max-width:300px;padding-top:58px;line-height:1.9;font-size:13px}h2{font-size:clamp(30px,2.9vw,44px);letter-spacing:-1.2px;line-height:1.45}.eyebrow{font-family:Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:2px;margin-bottom:25px;display:flex;align-items:center;gap:9px}.status-dot{width:5px;height:5px;background:#cc0000;display:inline-block;box-shadow:0 0 0 4px #cc000010}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:60px 5.5% 75px;background:#fff;position:relative;overflow:hidden}.hero-copy{padding:46px 0 0}h1{font-size:clamp(55px,5.6vw,84px);font-weight:600;line-height:1.18;letter-spacing:-3px;margin:33px 0 30px}.red-word{color:#cc0000}.hero-intro{font-size:14px;line-height:2;color:#697378;margin-bottom:32px}.hero-actions{gap:25px}.button{font-size:12px;padding:17px 23px;gap:35px;position:relative;overflow:hidden;border-radius:0;transition:background .25s,transform .25s,box-shadow .25s}.orange:hover{background:#ae0000;box-shadow:0 8px 20px #cc00001c}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.text-link{font-size:11px;border-bottom:1px solid #bdc4c6;padding:9px 0;line-height:1.5}.hero-caption{margin:54px 0 0;color:#91999d;font:8px Arial,sans-serif;letter-spacing:1.5px;gap:18px}.hero-caption span+span{padding-left:18px;border-color:#d9dfe1}.hero-showcase{position:relative;background:#fff;align-self:center;border-left:1px solid #edf0f1;padding-left:34px;min-width:0}.showcase-top{display:flex;justify-content:space-between;align-items:center;font:8px Arial,sans-serif;letter-spacing:1.5px;color:#929c9f;padding:0 2px 13px}.hero-visual{height:395px;min-height:0;background:#fff;position:relative;overflow:hidden}.hero-visual img{height:100%;width:100%;object-fit:contain;transition:opacity .24s,transform .65s cubic-bezier(.2,.7,.2,1)}.hero-visual img.changing{opacity:0;transform:translateY(10px)}.technical-tag{position:absolute;bottom:14px;right:8px;background:#fff;font-size:9px;padding:10px 12px;color:#5e686d;box-shadow:0 4px 16px #25333d08;border-left:2px solid #cc0000}.spotlight-caption{display:flex;align-items:center;justify-content:space-between;padding:20px 2px 18px}.spotlight-caption small{font-size:10px;color:#7a858a;display:block;margin-bottom:6px}.spotlight-caption h2{font-size:23px;line-height:1.2;letter-spacing:-.5px}.spotlight-caption button{width:40px;height:40px;border:1px solid #dbe0e1;background:#fff;font-size:24px;color:#cc0000;transition:background .25s,color .25s}.spotlight-caption button:hover{background:#cc0000;color:#fff}.spotlight-controls{display:flex;gap:18px;border-top:1px solid #e4e8e9;padding-top:14px}.spotlight-controls button{border:0;background:transparent;font-size:9px;color:#7f8a90;padding:9px 0;position:relative;white-space:nowrap}.spotlight-controls button span{font:8px Arial;margin-right:5px;color:#afb8bb}.spotlight-controls button.selected{color:#cc0000}.spotlight-controls button.selected::before{content:'';height:2px;position:absolute;left:0;right:0;top:-15px;background:#cc0000}.spotlight-controls button.selected span{color:#cc0000}#spotlight-pause{margin-left:auto;font-size:12px;padding:9px 5px;min-width:24px}.scroll-cue{position:absolute;bottom:27px;left:5.5%;display:flex;gap:18px;align-items:center;font:8px Arial;letter-spacing:1.7px;color:#8b989d}.scroll-cue i{font-size:17px;font-style:normal;animation:scrollNudge 2.8s ease-in-out infinite}.intro-strip{background:#f3f5f6;grid-template-columns:1.4fr repeat(4,1fr);padding:34px 5.5%;gap:22px;border:0}.intro-strip p{font-size:16px}.intro-strip p>span{display:block;font:8px Arial;letter-spacing:1.8px;color:#8c969b;margin-bottom:9px}.intro-strip>a{font-size:12px;display:flex;align-items:center;gap:9px;min-height:36px;border-left:1px solid #d8dfe2;padding-left:22px}.intro-strip>a small{font:8px Arial;color:#a4afb4}.intro-strip>a>span{margin-left:auto;color:#9ea9ae;transition:transform .25s}.intro-strip>a:hover{color:#cc0000}.intro-strip>a:hover>span{transform:translate(2px,-2px);color:#cc0000}.filters{gap:30px;margin-bottom:35px}.filters button{font-size:12px;position:relative;transition:color .2s}.product-grid{grid-template-columns:repeat(4,1fr);gap:24px 20px}.product-card{background:#fff;padding:12px 12px 20px;border:1px solid #e5e9eb;position:relative;transition:transform .35s,box-shadow .35s,border-color .35s;min-width:0;overflow:hidden}.product-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #293b4610;border-color:#b9c4c9}.product-img{height:245px;background:#fff}.product-img img{object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.product-card:hover img{transform:scale(1.045)}.product-card h3{font-size:15px;line-height:1.5;margin-bottom:8px;padding:0 5px}.product-card .category{font-size:8px;letter-spacing:.6px;line-height:1.6;margin:20px 0 9px;padding:0 5px}.product-card p{font-size:10px;line-height:1.9;padding:0 5px;color:#7e898f}.product-card .arrow{width:27px;height:27px;font-size:16px;right:9px;bottom:9px;background:#fff;color:#cc0000}.product-note{font-size:10px;line-height:1.8;color:#8b9499;margin-top:27px}.solutions{background:#f3f5f6}.application-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:stretch}.application-visual{position:relative;min-height:420px;background:#202b2f;overflow:hidden}.application-visual svg{width:100%;display:block;padding-top:15px}.energy-path{stroke-dasharray:12 7;animation:energyFlow 6s linear infinite}.application-caption{padding:0 35px 30px;color:#fff;margin-top:-18px;position:relative}.application-caption>span{font:8px Arial;letter-spacing:2px;color:#aab5b8}.application-caption p{font-size:20px;line-height:1.6;margin:13px 0}.application-caption small{font-size:9px;color:#7f9097}.solution-rows article{display:block;padding:0;border-top:1px solid #cbd3d7}.solution-rows article:last-child{border-bottom:1px solid #cbd3d7}.application-toggle{width:100%;display:flex;align-items:center;gap:23px;background:none;border:0;padding:26px 0;color:#20282b;text-align:left}.application-toggle h3{font-size:21px;line-height:1.4;margin:0;font-weight:500}.application-toggle>span{font:10px Arial;color:#cc0000}.application-toggle i{font-style:normal;font-size:22px;margin-left:auto;font-weight:300;color:#849198}.application-body{padding:0 0 31px 36px;animation:softIn .4s ease}.application-body[hidden]{display:none}.application-body p{font-size:12px;line-height:2;max-width:380px;margin:0 0 17px;color:#69777e}.solution-rows .application-body b{font-size:9px;display:block;text-align:left;font-weight:400;color:#98a3a8}.application-body a{display:inline-block;font-size:11px;margin-top:25px;color:#cc0000;border-bottom:1px solid #cc00004a;padding-bottom:7px}.about{grid-template-columns:1fr 1fr;gap:9%;background:#fff;align-items:center;border-bottom:1px solid #e4e8e9}.about-symbol{font-size:unset;font-weight:unset;letter-spacing:normal;padding:0 12px 0 0}.about-symbol .brand-origin{display:block;font:8px Arial;letter-spacing:1.7px;color:#99a3a8;padding-bottom:24px;border-bottom:1px solid #e5e9eb;margin:0}.brand-large{font:bold clamp(140px,14vw,215px) Arial;letter-spacing:-14px;color:#cc0000;line-height:1.2;padding:40px 0;white-space:nowrap}.brand-large i{width:33px;height:33px;margin-left:13px;background:#cc0000}.about-symbol .brand-principles{display:flex;gap:30px;border-top:1px solid #e5e9eb;padding-top:23px}.about-symbol .brand-principles span{font:8px Arial;letter-spacing:1px;color:#8a969b;margin:0;padding:0}.brand-principles small{display:block;font-size:11px;color:#43535b;letter-spacing:0;margin-top:9px}.about-copy>p:not(.eyebrow){font-size:12px;line-height:2.1;color:#6d7980}.about-values{font-size:10px;margin-top:24px;padding-top:22px;gap:25px}.steps{gap:25px;position:relative}.steps article{padding:28px 22px 20px;border:1px solid #e0e5e7;border-top:2px solid #e0e5e7;transition:border-color .3s,transform .3s;background:#fff}.steps article:hover{border-top-color:#cc0000;transform:translateY(-4px)}.steps span{font-size:8px;letter-spacing:1px}.steps h3{font-size:18px;margin:22px 0 14px}.steps p{font-size:11px;line-height:2;color:#78868d;margin:0}.selection{margin-top:40px;padding:32px 35px;background:#f3f5f6;border-left:2px solid #cc0000}.selection h3{font-size:21px;font-weight:500;margin:13px 0}.selection p:not(.eyebrow){font-size:11px}.catalog-banner{position:relative;overflow:hidden;padding:75px 5.5%;border:0;background:#c60000}.catalog-banner::before{content:'BF';position:absolute;right:18%;bottom:-35px;color:#ffffff07;font:bold 240px Arial;letter-spacing:-15px;pointer-events:none}.catalog-banner>div,.catalog-banner>a{position:relative;z-index:1}.catalog-banner h2{font-size:36px}.catalog-banner p:not(.eyebrow){font-size:12px;line-height:1.8}.catalog-banner .button{color:#cc0000;padding:20px 25px}footer{background:#f4f5f6;padding:50px 5.5% 24px;gap:25px}.footer-links{font-size:10px}footer .brand strong{font-size:34px}footer .brand span{font-size:14px}footer .brand small{font-size:8px}footer>div p{font-size:12px}footer>div small{font-size:10px}.copyright{font-size:8px;border-top-color:#dce1e3;padding-top:24px}dialog{box-shadow:0 25px 100px #0002;padding:45px;border:0}dialog[open]{animation:dialogIn .3s ease}.detail-grid{gap:35px}.detail-grid img{border:1px solid #edf0f2}.detail-grid p{font-size:12px}.detail-grid h2{font-size:27px}dialog::backdrop{background:#172329b3;backdrop-filter:blur(4px)}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:left;background:#ffbfc0;transform:scaleX(0);z-index:50;pointer-events:none}.back-top{position:fixed;bottom:24px;right:24px;width:36px;height:36px;background:#fff;border:1px solid #dce2e5;display:grid;place-items:center;color:#cc0000;font-size:18px;z-index:15;box-shadow:0 3px 15px #2030380a;opacity:0;visibility:hidden;transition:opacity .25s}.back-top.visible{opacity:1;visibility:visible}.motion-ready .reveal{opacity:0;transform:translateY(23px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.hero-copy{animation:softIn .8s ease both}.hero-showcase{animation:softIn .9s .1s ease both}.product-card{animation:softIn .5s ease both}.product-card:nth-child(2n){animation-delay:.06s}.product-card:nth-child(3n){animation-delay:.1s}@keyframes softIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes energyFlow{to{stroke-dashoffset:-114}}
@media(min-width:1600px){.hero,.section,.intro-strip,.catalog-banner,footer{padding-left:max(5.5%,calc((100vw - 1400px)/2));padding-right:max(5.5%,calc((100vw - 1400px)/2))}}@media(max-width:1100px){.hero{gap:35px;padding-top:40px}.hero-copy{padding-top:40px}h1{font-size:65px}.hero-showcase{padding-left:20px}.spotlight-controls{gap:12px}.hero-visual{height:350px}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px 16px}.product-img{height:245px}.intro-strip{gap:15px}.intro-strip>a{padding-left:14px;font-size:11px}.intro-strip p{font-size:14px}.section{padding-top:85px;padding-bottom:85px}.application-layout{gap:5%}.application-visual{min-height:400px}.steps{gap:15px}.steps article{padding:22px 16px}.brand-large{font-size:155px}.brand-large i{width:27px;height:27px}.about-symbol .brand-principles{gap:18px}.section-head>p{font-size:12px}}
@media(max-width:700px){header{height:110px;padding:18px 6% 0;background:linear-gradient(#c90000 0 66px,#fff 66px);border-bottom:1px solid #e2e7e9}header .brand strong{font-size:30px}header .brand span{font-size:14px}header .brand small{font-size:7px}header #menu{top:73px;left:6%;font-size:22px;padding:0}header nav{top:110px;left:0;height:auto;background:#fff;padding:15px 6% 25px;gap:0;box-shadow:0 10px 18px #2134410b}header nav a{height:44px;width:100%}html{scroll-padding-top:110px}.hero{display:block;padding:35px 6% 58px;min-height:0}.hero-copy{padding-top:0}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:56px;letter-spacing:-2px;margin:25px 0}.hero-intro{font-size:12px;line-height:2}.hero-actions{gap:20px;justify-content:flex-start}.button{font-size:11px;padding:16px 18px;gap:20px}.text-link{font-size:10px}.hero-caption{font-size:7px;gap:14px;margin-top:28px}.hero-caption span+span{padding-left:14px}.hero-showcase{border-left:0;border-top:1px solid #e8edef;padding:24px 0 0;margin-top:30px}.hero-visual{height:320px;min-height:0;margin-top:0}.hero-visual img{height:100%}.showcase-top{font-size:7px}.technical-tag{font-size:8px;bottom:10px;padding:8px 10px}.spotlight-caption{padding:16px 0}.spotlight-caption h2{font-size:22px}.spotlight-caption small{font-size:9px}.spotlight-controls{gap:20px}.spotlight-controls button{font-size:8px}.scroll-cue{bottom:18px;left:6%;font-size:7px;letter-spacing:1px}.intro-strip{grid-template-columns:1fr 1fr;padding:27px 6%;gap:14px 22px}.intro-strip p{grid-column:1/-1;font-size:16px;margin-bottom:7px}.intro-strip>a{border:0;padding:10px 0;font-size:11px}.section{padding:65px 6%}.eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:1.5px}h2{font-size:29px;line-height:1.5;letter-spacing:-.8px}.section-head{margin-bottom:30px;display:block}.section-head>p{padding-top:0;margin-top:22px;font-size:11px}.filters{gap:20px;margin-bottom:23px}.filters button{font-size:10px;padding:15px 1px}.filters small{font-size:8px}.product-grid{grid-template-columns:repeat(2,1fr);gap:17px 12px}.product-card{padding:8px 8px 17px}.product-img{height:180px}.product-card .category{font-size:7px;margin:13px 0 7px;padding:0 2px;letter-spacing:0}.product-card h3{font-size:13px;padding:0 2px;line-height:1.5}.product-card p{font-size:9px;line-height:1.8;padding:0 2px}.product-card .arrow{right:4px;bottom:4px;width:22px;height:22px;font-size:14px}.product-note{font-size:9px}.application-layout{display:flex;flex-direction:column;gap:30px}.application-visual{min-height:0}.application-visual svg{padding:0}.application-caption{padding:0 25px 28px;margin-top:-16px}.application-caption p{font-size:19px}.application-toggle{padding:23px 0;gap:20px}.application-toggle h3{font-size:20px}.application-body{padding-left:34px;padding-bottom:25px}.application-body p{font-size:11px}.application-body a{font-size:10px}.application-body b{font-size:8px}.about{flex-direction:column;gap:45px}.about-symbol{padding:0;width:100%}.about-symbol .brand-origin{font-size:7px;padding-bottom:20px}.brand-large{font-size:150px;letter-spacing:-10px;padding:25px 0 30px}.brand-large i{width:24px;height:24px;margin-left:12px}.about-symbol .brand-principles{justify-content:space-between;padding-top:18px}.about-symbol .brand-principles span{font-size:7px}.brand-principles small{font-size:10px}.about-copy>p:not(.eyebrow){font-size:11px}.about-values{font-size:9px}.steps{grid-template-columns:1fr 1fr;gap:16px 12px}.steps article{padding:20px 15px}.steps span{font-size:7px;letter-spacing:.6px}.steps h3{font-size:17px;margin:20px 0 13px}.steps p{font-size:10px}.selection{padding:25px;margin-top:28px}.selection h3{font-size:19px}.selection p:not(.eyebrow){font-size:10px}.catalog-banner{padding:50px 6%;border:0}.catalog-banner h2{font-size:29px}.catalog-banner::before{font-size:170px;right:0;bottom:0}.catalog-banner p:not(.eyebrow){font-size:11px}.catalog-banner .button{padding:17px 20px}footer{padding:40px 6% 22px;gap:22px}.footer-links{font-size:10px;gap:24px}footer .brand strong{font-size:31px}footer .brand span{font-size:13px}.copyright{font-size:7px;letter-spacing:.7px}.detail-grid h2{font-size:24px}.detail-grid p{font-size:11px}.back-top{bottom:16px;right:16px;width:32px;height:32px}.hero-copy,.hero-showcase{animation-duration:.6s}}
@media(max-width:370px){h1{font-size:50px}.hero-actions{gap:15px}.spotlight-controls{gap:12px}.product-img{height:155px}.product-card h3{font-size:12px}.hero-visual{height:285px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal{opacity:1;transform:none}.hero-visual img.changing{opacity:1;transform:none}}
/* Keep supporting copy legible at ordinary viewing distances. */
.product-card .category{font-size:10px}.product-card p{font-size:12px}.steps p{font-size:12px}.about-copy>p:not(.eyebrow){font-size:14px}.application-body p{font-size:13px}.spotlight-controls button{font-size:11px}.spotlight-controls button span{font-size:9px}.hero-caption{font-size:9px}.product-note{font-size:11px}
@media(max-width:700px){.product-card .category{font-size:9px}.product-card h3{font-size:14px}.product-card p{font-size:11px}.steps p{font-size:12px}.about-copy>p:not(.eyebrow){font-size:13px}.application-body p{font-size:13px}.spotlight-controls button{font-size:10px}.spotlight-controls button span{font-size:8px}.hero-intro{font-size:14px}.section-head>p{font-size:13px}.selection p:not(.eyebrow){font-size:12px}.product-note{font-size:11px}.intro-strip>a{font-size:12px}}
/* A complete first screen, sized to the browser rather than fixed page blocks. */
@media(min-width:701px){.hero{height:calc(100svh - 116px);min-height:560px;padding-top:clamp(24px,4svh,50px);padding-bottom:clamp(44px,6svh,65px);align-items:center}.hero-copy{padding-top:0;align-self:center}.hero-showcase{align-self:center}.hero-visual{height:clamp(220px,calc(100svh - 380px),460px)}h1{font-size:clamp(52px,5.4vw,82px);margin-top:26px;margin-bottom:24px}.hero-intro{margin-bottom:27px}.hero-caption{margin-top:36px}.intro-strip{padding-top:32px;padding-bottom:32px}}
@media(min-width:701px) and (max-height:740px){.hero{min-height:510px}.hero-visual{height:240px}h1{font-size:clamp(46px,4.9vw,66px);margin:23px 0}.hero-caption{margin-top:24px}.hero-intro{font-size:13px}.spotlight-caption{padding-top:14px;padding-bottom:14px}.hero .eyebrow{margin-bottom:18px}}
.model-guide{display:flex;gap:22px;align-items:flex-start;margin-top:28px;padding:20px 24px;background:#f3f5f6;border-left:2px solid #cc0000;font-size:12px;line-height:2;color:#667278}.model-guide>span{font-weight:600;color:#252c30;white-space:nowrap}.model-guide p{margin:0}.model-guide b{font-size:11px;font-weight:500;color:#364249}.model-guide i{font-style:normal;padding:0 9px;color:#b2bcc1}
@media(max-width:700px){.hero{min-height:calc(100svh - 110px);height:auto;display:grid;grid-template-columns:1fr;gap:0;padding:28px 6% 45px}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(40px,11vw,54px);margin:20px 0 17px}.hero-intro{font-size:13px;line-height:1.9;margin-bottom:20px}.hero-caption{display:none}.hero-showcase{margin-top:24px;padding-top:18px;align-self:auto}.hero-visual{height:clamp(185px,30svh,265px)}.showcase-top{padding-bottom:8px}.spotlight-caption{padding:12px 0}.spotlight-caption h2{font-size:20px}.spotlight-controls{padding-top:8px;gap:17px}.spotlight-controls button.selected::before{top:-9px}.spotlight-controls button{padding-top:7px;padding-bottom:7px}.scroll-cue{bottom:12px}.section{padding-top:58px;padding-bottom:58px}.model-guide{display:block;padding:18px;font-size:11px}.model-guide>span{display:block;margin-bottom:8px}.model-guide b{font-size:10px}.model-guide i{padding:0 5px}.product-card .category{line-height:1.8}.product-card h3{min-height:42px}.filters{gap:18px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}}
@media(max-width:700px) and (min-height:850px){.hero{padding-top:35px;padding-bottom:45px}.hero-visual{height:clamp(235px,32svh,330px)}.hero-showcase{margin-top:30px}}