@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap');
:root{--navy:#071b2b;--navy2:#0b2639;--teal:#19b89a;--mint:#5ce0bd;--ink:#102536;--muted:#667987;--soft:#f3f7f7;--line:#e2e9e9;--shadow:0 18px 55px rgba(7,27,43,.09);--font-en:'Manrope',Arial,sans-serif;--font-zh:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:var(--font-en);font-size:15px;line-height:1.7;background:#fff;overflow-x:hidden}html[lang^="zh"] body{font-family:var(--font-zh);font-weight:400;letter-spacing:0;color:#3c515c;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}img{max-width:100%;display:block}::selection{background:rgba(25,184,154,.2);color:var(--navy)}.container-xl{max-width:1280px}.skip-link{position:absolute;left:16px;top:-60px;z-index:2000;background:#fff;color:var(--navy);padding:10px 16px;border-radius:8px}.skip-link:focus{top:10px}
.announcement-bar{height:36px;background:#051521;color:#a9c2c8;font-size:10px;letter-spacing:.04em}.announcement-inner{height:100%;display:flex;align-items:center;gap:10px}.announcement-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(92,224,189,.12)}.announcement-inner a{margin-left:auto;color:#d8f4ec;font-weight:700}.announcement-inner a i{margin-left:5px}
.site-header{position:absolute;top:36px;left:0;right:0;z-index:1000;transition:background .3s,box-shadow .3s,top .3s}.site-header.is-scrolled{position:fixed;top:0;background:rgba(5,22,34,.95);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(0,0,0,.14)}.nav-shell{height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px;transition:height .3s}.site-header.is-scrolled .nav-shell{height:76px}
.brand{display:flex;align-items:center;gap:10px;min-width:185px;color:#fff}.brand-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto}.brand-mark svg{width:100%;height:100%}.brand-wordmark{display:flex;flex-direction:column;line-height:1.12}.brand-wordmark strong{font-size:16px;letter-spacing:.12em;font-weight:800;color:#fff;white-space:nowrap}.brand-wordmark strong span{color:#6ce3c2}.brand-wordmark small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#9ab5bd;margin-top:5px}
.desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.35vw,21px);margin-left:auto}.desktop-nav .nav-link{padding:10px 0;color:#d0dce0;font-size:11px;font-weight:700;white-space:nowrap;position:relative;transition:color .2s}.desktop-nav .nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--mint);transition:right .25s}.desktop-nav .nav-link:hover,.desktop-nav .nav-link.active{color:#fff}.desktop-nav .nav-link:hover:after,.desktop-nav .nav-link.active:after{right:0}
.nav-actions{display:flex;align-items:center;gap:12px}.language-switch{display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid rgba(255,255,255,.18);border-radius:30px}.language-switch>span{height:13px;width:1px;background:rgba(255,255,255,.25)}.language-btn{border:0;background:transparent;color:#9db2b9;font-size:10px;font-weight:800;padding:3px 4px;border-radius:20px}.language-btn.is-active{color:#73e2c3}.nav-login{border:0;background:transparent;color:#dce8e9;font-size:11px;font-weight:700;padding:8px 3px}
.btn-brand{--bs-btn-color:#04251f;--bs-btn-bg:#5ce0bd;--bs-btn-border-color:#5ce0bd;--bs-btn-hover-color:#031e19;--bs-btn-hover-bg:#7ce9cc;--bs-btn-hover-border-color:#7ce9cc;--bs-btn-active-bg:#34caa6;--bs-btn-active-border-color:#34caa6;font-size:12px;font-weight:800;letter-spacing:.01em;border-radius:8px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 8px 25px rgba(30,196,159,.12);transition:transform .25s,box-shadow .25s}.btn-brand:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,196,159,.2)}.btn-register{padding:9px 13px;font-size:10px;gap:8px}.btn-register i,.btn-brand i{font-size:14px}.btn-ghost-light{color:#eff9f7;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.04);font-size:12px;font-weight:700;border-radius:8px;padding:11px 17px;display:inline-flex;align-items:center;gap:16px;transition:all .25s}.btn-ghost-light:hover{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.65);transform:translateY(-2px)}
.mobile-menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:9px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px}.mobile-menu-toggle span{height:2px;width:18px;background:#fff;display:block;border-radius:2px;transition:transform .2s}.mobile-nav,.mobile-nav-backdrop{display:none}
.hero-section{min-height:790px;position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:168px 0 32px;isolation:isolate}.hero-art{position:absolute;inset:0;background-image:url('../images/hero-hydrogen.svg');background-position:center right;background-size:cover;opacity:.82;z-index:-2}.hero-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,34,.99) 0%,rgba(5,22,34,.94) 34%,rgba(5,22,34,.55) 65%,rgba(5,22,34,.25) 100%);z-index:-1}.hero-section:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(0deg,var(--navy),transparent);z-index:-1}.hero-grid-overlay{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(147,213,211,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(147,213,211,.14) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,#000,transparent 80%);pointer-events:none}.hero-container{position:relative;z-index:1}.hero-copy{max-width:720px;padding:24px 0 20px}
.eyebrow{display:flex;align-items:center;gap:10px;color:#168e7c;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:17px}.eyebrow-light{color:#7fe1c8}.eyebrow-line{width:29px;height:1px;background:currentColor;display:inline-block}.hero-copy h1{font-size:clamp(43px,5.2vw,72px);line-height:1.12;letter-spacing:-.055em;font-weight:800;margin:0 0 24px;max-width:760px}.hero-copy h1 em{font-style:normal;color:#69e2c1}.hero-description{max-width:590px;color:#b6cbd0;font-size:15px;line-height:1.9;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:45px}.proof-avatars{display:flex;align-items:center}.proof-avatars span{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;margin-left:-6px;border:2px solid var(--navy);background:#163d4e;color:#8debd0;font-size:9px;font-weight:800}.proof-avatars span:first-child{margin-left:0;background:#1d756d;color:#fff}.proof-avatars span:last-child{background:#d8f5eb;color:#0b5348}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px;color:#e8f5f3}.hero-proof small{font-size:9px;color:#8ca8b0;margin-top:2px}
.hero-visual-wrap{height:470px;max-width:520px;margin:10px auto 0;position:relative;display:grid;place-items:center}.hero-visual-orbit{position:absolute;border:1px solid rgba(105,226,193,.2);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:410px;height:230px}.orbit-two{width:500px;height:320px;transform:rotate(35deg);border-color:rgba(105,226,193,.12)}.hero-visual-core{width:300px;height:300px;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(26,174,148,.22),rgba(10,44,58,.12) 58%,transparent 70%);animation:float 7s ease-in-out infinite}.core-ring{position:absolute;border:1px solid rgba(98,226,195,.38);border-radius:50%}.ring-a{inset:17px;transform:rotateX(65deg) rotate(18deg)}.ring-b{inset:39px;transform:rotateY(65deg) rotate(-30deg);border-color:rgba(98,226,195,.22)}.core-center{height:142px;width:142px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 35% 25%,#1e6f6a,#0b2d3d 70%);border:1px solid rgba(113,235,205,.75);box-shadow:0 0 0 14px rgba(46,204,169,.05),0 0 65px rgba(54,219,180,.25),inset 0 0 35px rgba(78,227,192,.16)}.core-center span{font-size:55px;font-weight:800;line-height:1;color:#a3f5dd;letter-spacing:-.07em}.core-center small{font-size:8px;letter-spacing:.25em;color:#75d9bd;margin-top:8px}.orbit-node{position:absolute;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#9af2d8;background:rgba(8,39,53,.92);border:1px solid rgba(108,228,195,.35);box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:19px}.node-a{top:33px;left:65px}.node-b{right:26px;top:112px}.node-c{bottom:31px;left:55px}
.hero-float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;background:rgba(7,35,48,.82);border:1px solid rgba(128,220,203,.22);backdrop-filter:blur(14px);border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.hero-float-card strong,.hero-float-card small{display:block}.hero-float-card strong{font-size:10px;color:#e6f6f1}.hero-float-card small{font-size:8px;color:#91b3b9;margin-top:2px}.float-icon{height:32px;width:32px;display:grid;place-items:center;background:rgba(77,221,184,.12);border-radius:9px;color:#75e7c7}.float-arrow{color:#70dfbf;margin-left:8px}.float-card-top{top:60px;right:0}.float-card-bottom{bottom:66px;left:0}.live-indicator{height:7px;width:7px;background:#62e0b8;border-radius:50%;box-shadow:0 0 0 5px rgba(98,224,184,.12);margin:0 7px}.hero-visual-caption{position:absolute;bottom:8px;right:10px;display:flex;align-items:center;gap:9px;color:#7fa5ac;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.hero-visual-caption span:first-child{color:#6ee0c0}.hero-bottom-row{display:flex;align-items:center;gap:52px;border-top:1px solid rgba(176,218,218,.14);margin-top:18px;padding-top:21px}.hero-stat{display:flex;flex-direction:column}.hero-stat strong{font-size:24px;line-height:1.1;color:#fff;letter-spacing:-.05em}.hero-stat strong sup{font-size:13px;color:#70e0c0;top:-.45em}.hero-stat>span{font-size:9px;color:#91aeb6;margin-top:5px}.scroll-cue{margin-left:auto;display:flex;align-items:center;gap:12px;color:#9cb9bd;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.scroll-cue i{height:30px;width:30px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:#74e3c3}
.section-space{padding:105px 0}.section-heading{margin-bottom:44px}.section-heading h2{font-size:clamp(30px,3.2vw,43px);font-weight:800;line-height:1.2;letter-spacing:-.045em;color:var(--navy);max-width:720px;margin:0 0 14px}.section-heading h2 em{font-style:normal;color:#169f89}.section-heading p{max-width:650px;color:var(--muted);font-size:13px;line-height:1.85;margin:0}.section-heading-centered{text-align:center;max-width:760px;margin:0 auto 52px}.section-heading-centered .eyebrow{justify-content:center}.section-heading-centered h2,.section-heading-centered p{margin-left:auto;margin-right:auto}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:25px}.section-heading-link{flex:0 0 auto;margin-bottom:8px}.text-link{display:inline-flex;align-items:center;gap:15px;color:#0b806f;font-size:11px;font-weight:800;transition:gap .25s,color .25s}.text-link i{font-size:15px}.text-link:hover{gap:21px;color:#0dbaa0}.text-link-light{color:#83e7cc}.text-link-light:hover{color:#b4f9e4}
.platform-section{background:#fff}.platform-cards{margin-top:10px}.platform-card{height:100%;min-height:250px;position:relative;overflow:hidden;padding:28px 27px 25px;border:1px solid #e5eeee;border-radius:17px;background:linear-gradient(145deg,#fff,#f8fbfa);transition:transform .35s,box-shadow .35s,border-color .35s}.platform-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c4e8df}.platform-card-featured{background:linear-gradient(145deg,#0c2d3e,#0a2636);border-color:#123e4b;color:#fff}.platform-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.feature-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:rgba(22,184,154,.11);color:#119c84;font-size:21px}.platform-card-featured .feature-icon{background:rgba(93,225,190,.13);color:#70e7c6}.card-index{font-size:9px;letter-spacing:.14em;color:#9cb0b4}.platform-card h3{font-size:19px;font-weight:800;line-height:1.3;letter-spacing:-.03em;margin-bottom:11px;max-width:270px}.platform-card p{font-size:11px;line-height:1.8;color:#748792;max-width:310px;margin-bottom:20px}.platform-card-featured p{color:#a8c1c7}.platform-card .text-link{font-size:10px}.platform-card-glow{position:absolute;width:180px;height:180px;right:-90px;bottom:-110px;border-radius:50%;background:rgba(36,196,160,.12);pointer-events:none}
.categories-section{background:var(--soft)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:13px}.category-card{position:relative;overflow:hidden;border-radius:15px;background:#0d2b3a;min-height:190px;isolation:isolate}.category-card.category-large{grid-column:span 2}.category-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.category-card:hover img{transform:scale(1.08)}.category-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,22,33,.93),rgba(4,22,33,.1) 85%);z-index:-1}.category-content{position:absolute;left:20px;right:20px;bottom:18px;color:#fff}.category-number{font-size:9px;color:#7ce3c5;letter-spacing:.16em}.category-content h3{font-size:16px;font-weight:800;letter-spacing:-.02em;margin:5px 0 8px}.category-link{font-size:9px;color:#c2d8d8;opacity:.85}.category-link i{margin-left:5px;color:#71e0c0}
.companies-section{background:#fff}.company-card{height:100%;padding:22px 20px 18px;border:1px solid #e5eded;border-radius:15px;background:#fff;transition:transform .3s,box-shadow .3s,border-color .3s}.company-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c6e6dd}.company-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}.company-logo{height:48px;min-width:58px;padding:0 10px;border-radius:11px;background:#eaf7f3;display:flex;align-items:center;justify-content:center;color:#087b69;font-weight:800;font-size:15px;letter-spacing:-.04em}.company-logo span{color:#2dbd99}.logo-nova{background:#eef3fb;color:#345e8d;gap:5px;font-size:13px}.logo-nova i{font-size:17px}.logo-green{background:#edf8ef;color:#23824e;font-size:10px;letter-spacing:.02em;display:flex;flex-direction:column;line-height:1}.logo-green span{font-size:8px;letter-spacing:.2em}.logo-hydro{background:#edf5f7;color:#246778;font-size:10px;letter-spacing:.04em;display:block;line-height:48px}.logo-hydro span{color:#4db5a3}.demo-label{font-size:8px;color:#87989d;background:#f3f6f6;padding:5px 7px;border-radius:5px;white-space:nowrap}.company-card h3{font-size:15px;line-height:1.4;font-weight:800;min-height:42px;margin:0 0 8px;color:var(--navy)}.company-location{display:flex;align-items:flex-start;gap:6px;color:#83949b;font-size:9px;margin-bottom:13px}.company-location i{color:#159e88}.company-card p{font-size:10px;line-height:1.75;color:#6f8189;min-height:54px;margin-bottom:15px}.company-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.company-tags span{font-size:8px;color:#167d6e;background:#eaf7f3;border-radius:30px;padding:5px 8px}.company-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f1;padding-top:13px;color:#0b7768;font-size:10px;font-weight:800}.company-link i{font-size:14px;transition:transform .2s}.company-link:hover i{transform:translate(3px,-3px)}.section-footnote{display:flex;align-items:center;gap:8px;color:#94a2a6;font-size:9px;margin-top:23px}.section-footnote i{color:#1ca58e}
.products-section{background:#f7f9f9}.product-card{height:100%;overflow:hidden;border:1px solid #e4ebeb;border-radius:17px;background:#fff;transition:transform .35s,box-shadow .35s}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-image{height:235px;position:relative;overflow:hidden;background:#0d293a}.product-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.product-card:hover .product-image img{transform:scale(1.05)}.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,23,34,.22),transparent 60%);pointer-events:none}.product-badge{position:absolute;z-index:2;top:15px;left:15px;padding:6px 9px;border-radius:5px;background:rgba(6,34,45,.76);backdrop-filter:blur(8px);color:#8cebd0;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.product-badge-light{color:#fff;background:rgba(25,117,105,.8)}.product-quick{position:absolute;z-index:3;right:14px;bottom:14px;width:36px;height:36px;border:0;border-radius:50%;background:#65e1c0;color:#052d27;font-size:15px;display:grid;place-items:center;transition:transform .2s}.product-quick:hover{transform:rotate(45deg)}.product-body{padding:21px 22px 20px}.product-meta{display:flex;align-items:center;justify-content:space-between;color:#159b85;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.product-meta span:last-child{color:#9aabad}.product-body h3{font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--navy);margin:10px 0 7px}.product-body>p{font-size:10px;line-height:1.8;color:#71838a;min-height:38px;margin-bottom:16px}.product-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid #edf1f1;border-bottom:1px solid #edf1f1;padding:13px 0;margin-bottom:14px}.product-specs span{display:grid;grid-template-columns:18px 1fr;column-gap:6px;align-items:center}.product-specs i{grid-row:span 2;color:#18a88d;font-size:13px}.product-specs b{font-size:8px;color:#657980}.product-specs small{font-size:8px;color:#a0adb0}.product-link{display:flex;justify-content:space-between;align-items:center;color:#0d806f;font-size:10px;font-weight:800}.product-link i{font-size:14px}.products-bottom-note{display:flex;align-items:center;justify-content:center;gap:15px;color:#91a0a4;font-size:9px;margin-top:25px;text-align:center}.note-line{height:1px;width:45px;background:#dce5e5}
.exhibitions-section{position:relative;overflow:hidden;background:var(--navy);color:#fff}.exhibitions-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 85% 20%,rgba(31,187,154,.16),transparent 30%),linear-gradient(135deg,transparent 55%,rgba(80,220,185,.05));pointer-events:none}.section-heading-light h2{color:#fff}.section-heading-light p{color:#a8bec3}.section-heading-light h2 em{color:#6fe2c2}.event-card{height:100%;background:#fff;border-radius:15px;overflow:hidden;color:var(--ink);transition:transform .35s,box-shadow .35s}.event-card:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(0,0,0,.22)}.event-art{height:180px;position:relative;overflow:hidden;background:#10384a}.event-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.event-card:hover .event-art img{transform:scale(1.06)}.event-region{position:absolute;top:14px;left:14px;background:rgba(5,26,38,.78);color:#a1f1d9;padding:6px 9px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.13em}.event-body{padding:20px 21px 21px}.event-date{display:flex;align-items:center;gap:7px;color:#139b83;font-size:9px;font-weight:800}.event-body h3{font-size:17px;font-weight:800;line-height:1.35;color:var(--navy);margin:11px 0 9px}.event-place{display:flex;align-items:center;gap:6px;color:#84949a;font-size:9px}.event-place i{color:#159e88}.event-body p{font-size:10px;color:#71838a;line-height:1.8;margin:13px 0 17px;min-height:36px}.event-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f1;padding-top:13px;color:#0d806f;font-size:10px;font-weight:800}.event-link i{font-size:14px}.event-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding:20px 23px;border:1px solid rgba(129,222,203,.2);border-radius:13px;background:rgba(255,255,255,.035)}.event-bottom-kicker{display:block;color:#76d9bd;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.event-bottom-cta strong{font-size:15px;color:#f0f8f6}.event-bottom-cta .btn{font-size:10px;border-radius:7px;padding:10px 14px}.dark-section-note{font-size:8px;color:#77949b;margin:15px 0 0}
.news-section{background:#fff}.news-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:27px}.news-feature{border:1px solid #e5eded;border-radius:16px;overflow:hidden;background:#fff;transition:box-shadow .3s}.news-feature:hover{box-shadow:var(--shadow)}.news-feature-image{height:290px;position:relative;overflow:hidden;background:#0d2a3b}.news-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-feature:hover .news-feature-image img{transform:scale(1.04)}.news-feature-tag{position:absolute;left:17px;top:17px;background:#5de0bd;color:#06372e;padding:6px 9px;border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.1em}.news-feature-content{padding:25px 27px 27px}.article-meta{display:flex;align-items:center;gap:8px;color:#8b9a9f;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.article-meta span:first-child{color:#169c86}.news-feature h3{font-size:23px;line-height:1.35;letter-spacing:-.035em;font-weight:800;color:var(--navy);margin:13px 0 10px}.news-feature-content>p{font-size:11px;color:#74868c;line-height:1.8;margin-bottom:19px}.news-list{display:flex;flex-direction:column;gap:12px}.news-list-card{display:grid;grid-template-columns:135px 1fr;gap:16px;align-items:center;padding:12px;border:1px solid #e8eeee;border-radius:13px;transition:transform .25s,border-color .25s}.news-list-card:hover{transform:translateX(4px);border-color:#b9e2d8}.news-thumb{height:112px;overflow:hidden;border-radius:9px;background:#0d2a3b}.news-thumb img{height:100%;width:100%;object-fit:cover}.news-list-content{position:relative;padding-right:25px}.news-list-content h3{font-size:13px;line-height:1.45;font-weight:800;color:var(--navy);margin:8px 0 0}.news-list-content>a{position:absolute;right:0;bottom:0;color:#139a83}
.research-section{background:#f4f8f7}.research-card{height:100%;background:#fff;border:1px solid #e4ecea;border-radius:14px;overflow:hidden;transition:transform .3s,box-shadow .3s}.research-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.report-cover{height:220px;position:relative;overflow:hidden;background:#0d2b3b}.report-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.research-card:hover .report-cover img{transform:scale(1.04)}.report-cover>span{position:absolute;top:14px;left:15px;padding:6px 8px;border-radius:4px;background:rgba(5,26,38,.78);color:#8ee9ce;font-size:8px;font-weight:800;letter-spacing:.12em}.research-card-body{padding:19px 21px 21px}.research-card-body h3{font-size:15px;line-height:1.45;font-weight:800;color:var(--navy);margin:10px 0 16px;min-height:44px}.research-card-body .text-link{font-size:9px}
.interviews-section{background:#fff}.interview-card{height:100%;border:1px solid #e5eded;border-radius:15px;overflow:hidden;transition:transform .3s,box-shadow .3s}.interview-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.interview-thumb{height:220px;width:100%;border:0;padding:0;position:relative;overflow:hidden;background:#0b293a;display:block;text-align:left}.interview-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.interview-card:hover .interview-thumb img{transform:scale(1.05)}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(90,226,191,.94);color:#07362d;font-size:22px;box-shadow:0 0 0 9px rgba(90,226,191,.18);transition:transform .25s}.interview-thumb:hover .play-button{transform:translate(-50%,-50%) scale(1.1)}.video-duration{position:absolute;bottom:13px;right:13px;padding:5px 7px;border-radius:4px;background:rgba(4,22,33,.8);color:#fff;font-size:8px;letter-spacing:.1em}.interview-content{padding:19px 20px 20px}.interview-content h3{font-size:15px;line-height:1.45;font-weight:800;color:var(--navy);margin:10px 0 8px;min-height:44px}.interview-content p{font-size:9px;color:#8a999e;margin:0 0 15px}.interview-link{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;border-top:1px solid #edf1f1;background:transparent;padding:13px 0 0;color:#0d806f;font-size:10px;font-weight:800}.interview-link i{font-size:14px}
.business-cta-section{position:relative;overflow:hidden;background:#071b2b;color:#fff;padding:100px 0 88px;isolation:isolate}.cta-visual{position:absolute;inset:0;background-image:url('../images/hero-hydrogen.svg');background-position:center 52%;background-size:cover;opacity:.25;z-index:-2}.business-cta-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071b2b 0%,rgba(7,27,43,.95) 55%,rgba(7,27,43,.65));z-index:-1}.business-cta-content{max-width:770px}.business-cta-content h2{font-size:clamp(34px,4.5vw,58px);line-height:1.16;letter-spacing:-.05em;font-weight:800;margin:0 0 17px}.business-cta-content h2 em{font-style:normal;color:#68dfbf}.business-cta-content p{max-width:590px;color:#a9c1c6;font-size:13px;line-height:1.9;margin-bottom:26px}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.cta-side-note{position:absolute;right:12px;bottom:-40px;display:flex;gap:15px;align-items:center;color:#77969e;font-size:8px;letter-spacing:.12em;text-transform:uppercase}
.newsletter-section{background:#f3f7f6;padding:0 0 80px}.newsletter-panel{position:relative;display:grid;grid-template-columns:60px 1fr minmax(280px,.85fr);align-items:center;gap:23px;padding:34px 40px;border-radius:18px;background:linear-gradient(110deg,#0b2a3b,#0a3545);color:#fff;overflow:hidden;box-shadow:0 22px 55px rgba(7,27,43,.12)}.newsletter-panel:after{content:"";position:absolute;width:300px;height:300px;right:-120px;top:-180px;border:1px solid rgba(101,226,192,.14);border-radius:50%;box-shadow:0 0 0 35px rgba(101,226,192,.025),0 0 0 70px rgba(101,226,192,.02);pointer-events:none}.newsletter-icon{width:54px;height:54px;border:1px solid rgba(113,226,199,.35);background:rgba(84,219,184,.1);border-radius:14px;display:grid;place-items:center;color:#7be6c7;font-size:23px}.newsletter-copy .eyebrow{margin-bottom:8px;font-size:8px}.newsletter-copy h2{font-size:23px;font-weight:800;letter-spacing:-.04em;margin:0 0 5px}.newsletter-copy h2 em{font-style:normal;color:#70e1c0}.newsletter-copy p{font-size:10px;color:#a5bec4;margin:0}.newsletter-form{position:relative;z-index:1}.newsletter-input-wrap{display:flex;align-items:center;border:1px solid rgba(191,225,222,.24);border-radius:8px;background:rgba(255,255,255,.07);padding:5px}.newsletter-input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:8px 10px;font-size:10px}.newsletter-input-wrap input::placeholder{color:#9eb8bd}.newsletter-input-wrap button{width:37px;height:37px;border:0;border-radius:6px;background:#5ce0bd;color:#062d26;display:grid;place-items:center;font-size:15px}.newsletter-form>small{display:block;color:#7899a1;font-size:8px;margin-top:8px}.form-feedback{font-size:10px;margin-top:8px;color:#159b85;min-height:15px}
.site-footer{background:#051521;color:#fff;padding:65px 0 22px}.footer-main{display:grid;grid-template-columns:1.5fr .75fr .85fr 1.1fr;gap:50px;padding-bottom:50px}.footer-brand{margin-bottom:20px}.footer-brand-col>p{max-width:300px;color:#8fa8af;font-size:10px;line-height:1.9;margin-bottom:20px}.footer-socials{display:flex;gap:8px}.footer-socials a{height:31px;width:31px;border-radius:8px;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#8fb2b7;font-size:13px;transition:all .2s}.footer-socials a:hover{background:#5ce0bd;color:#062d26;border-color:#5ce0bd}.footer-links-col h4,.footer-contact-col h4{font-size:11px;font-weight:800;color:#e8f4f1;margin:7px 0 19px}.footer-links-col a{display:block;color:#8fa8af;font-size:9px;margin:10px 0;transition:color .2s}.footer-links-col a:hover,.footer-contact-col>a:hover{color:#72e1c1}.footer-contact-col p{font-size:9px;color:#8fa8af;line-height:1.8;margin-bottom:13px}.footer-contact-col>a{display:flex;align-items:center;gap:8px;color:#d6e9e5;font-size:10px}.footer-contact-col>a i{color:#6fe0c0}.footer-contact-note{display:block;font-size:8px;color:#637f87;margin-top:9px}.footer-office-address{display:block;font-size:8px;color:#637f87;margin-top:6px}.footer-office-address[hidden]{display:none} .hz-footer-contact-lines{display:grid;gap:7px;margin:10px 0;color:#c1d8db;font-size:.9rem}.hz-footer-contact-lines a{color:inherit}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:19px;display:flex;align-items:center;gap:20px;color:#6f8990;font-size:8px}.footer-legal{display:flex;align-items:center;gap:18px;margin-left:auto}.footer-legal a{color:#8fa8af}.footer-legal a:hover{color:#6fe0c0}.back-to-top{width:32px;height:32px;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:transparent;color:#9bc0c0;display:grid;place-items:center;transition:all .2s}.back-to-top:hover{background:#5ce0bd;color:#062d26;border-color:#5ce0bd}
.modal-overlay{position:fixed;inset:0;z-index:1500;background:rgba(2,13,21,.78);backdrop-filter:blur(9px);display:none;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s}.modal-overlay.is-open{display:flex;opacity:1}.modal-card{position:relative;width:min(100%,560px);max-height:90vh;overflow:auto;border-radius:18px;background:#fff;padding:34px;box-shadow:0 25px 90px rgba(0,0,0,.28);animation:modalIn .25s ease}.modal-card-wide{width:min(100%,650px)}.modal-close{position:absolute;right:17px;top:17px;height:34px;width:34px;border:1px solid #e5eded;border-radius:50%;background:#fff;color:#61777d;display:grid;place-items:center;font-size:12px}.modal-eyebrow{font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#149d85;margin-bottom:10px}.modal-card h2{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.04em;color:var(--navy);margin:0 0 8px}.modal-intro{font-size:11px;color:#75878d;line-height:1.7;margin-bottom:23px}.contact-form label,.member-modal-card label{display:block;font-size:9px;font-weight:800;color:#344e5a;margin:0 0 6px}.contact-form input,.contact-form textarea,.member-modal-card input{width:100%;border:1px solid #dce6e6;border-radius:7px;background:#fbfdfc;padding:11px 12px;font-size:10px;color:#173241;outline:0;transition:border .2s,box-shadow .2s;margin-bottom:13px}.contact-form input:focus,.contact-form textarea:focus,.member-modal-card input:focus{border-color:#45c9aa;box-shadow:0 0 0 3px rgba(69,201,170,.12)}.contact-form textarea{resize:vertical}.form-demo-note{font-size:8px;color:#9aa8ab;text-align:center;margin:10px 0 0}.member-modal-card{width:min(100%,440px)}.member-modal-brand{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--navy);font-size:10px;letter-spacing:.13em;font-weight:800}.member-modal-brand .brand-mark{width:30px;height:30px}.member-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f1f6f5;border-radius:8px;margin:18px 0 20px}.member-tab{border:0;background:transparent;color:#7d9094;border-radius:6px;padding:9px;font-size:10px;font-weight:800}.member-tab.is-active{background:#fff;color:#0b8d79;box-shadow:0 2px 8px rgba(7,27,43,.07)}.video-modal-card{width:min(100%,720px)}.video-placeholder{height:300px;border-radius:12px;background:radial-gradient(circle at 50% 50%,#164c5b,#071b2b 72%);display:grid;place-items:center;position:relative;color:#70e2c1;margin-bottom:24px;overflow:hidden}.video-placeholder>i{font-size:52px;position:relative;z-index:2}.video-placeholder-orbit{position:absolute;width:170px;height:170px;border:1px solid rgba(100,230,195,.4);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 30px rgba(100,230,195,.04),0 0 0 60px rgba(100,230,195,.025)}.video-placeholder-orbit span{font-size:42px;font-weight:800;color:#a4f6dc}.toast-message{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);z-index:1800;background:#092b3b;color:#c7f8e9;border:1px solid rgba(92,224,189,.35);padding:12px 18px;border-radius:9px;font-size:10px;box-shadow:0 12px 35px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:all .25s}.toast-message.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.18s}.reveal-delay-3{transition-delay:.26s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes modalIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1199.98px){.desktop-nav{gap:11px}.desktop-nav .nav-link{font-size:10px}.nav-actions{gap:8px}.brand{min-width:160px}.brand-wordmark strong{font-size:14px}.nav-link-optional{display:none!important}}
@media(max-width:991.98px){.desktop-nav,.nav-login,.btn-register{display:none}.mobile-menu-toggle{display:flex}.nav-shell{height:76px}.site-header.is-scrolled .nav-shell{height:70px}.hero-section{padding-top:140px;min-height:unset}.hero-copy{padding:30px 0 10px}.hero-visual-wrap{height:390px;margin-top:0}.hero-bottom-row{gap:28px;margin-top:5px}.section-space{padding:82px 0}.category-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.news-layout{grid-template-columns:1fr}.news-feature-image{height:310px}.footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:32px}.footer-contact-col{grid-column:2/4}.newsletter-panel{grid-template-columns:55px 1fr;gap:18px}.newsletter-form{grid-column:2}.mobile-nav{display:flex;position:fixed;z-index:1002;top:0;right:0;bottom:0;width:min(88vw,390px);background:#071b2b;flex-direction:column;padding:28px 27px;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.7,.2,1);box-shadow:-25px 0 60px rgba(0,0,0,.25)}.mobile-nav.is-open{transform:translateX(0)}.mobile-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(1,12,19,.65);z-index:1001;opacity:0;visibility:hidden;transition:all .3s}.mobile-nav-backdrop.is-open{opacity:1;visibility:visible}.mobile-nav-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}.mobile-nav-label{font-size:9px;color:#7de3c5;letter-spacing:.15em;text-transform:uppercase;font-weight:800}.mobile-nav-close{border:0;background:transparent;color:#d4e5e3;font-size:17px}.mobile-nav>a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#e4f1ef;font-size:15px;font-weight:700}.mobile-nav-bottom{display:grid;gap:10px;margin-top:auto;padding-top:22px}}
@media(max-width:767.98px){.announcement-inner{font-size:8px}.announcement-inner a{font-size:0}.announcement-inner a i{font-size:13px}.hero-section{padding:125px 0 26px}.hero-copy h1{font-size:clamp(40px,10vw,58px)}.hero-description{font-size:12px;max-width:520px}.hero-visual-wrap{height:340px;max-width:430px}.hero-visual-core{transform:scale(.84)}.float-card-top{right:0;top:30px}.float-card-bottom{left:0;bottom:42px}.hero-bottom-row{gap:18px;flex-wrap:wrap}.hero-stat strong{font-size:21px}.hero-stat>span{font-size:8px}.scroll-cue{display:none}.section-space{padding:68px 0}.section-heading-row{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:30px}.section-heading h2{font-size:32px}.section-heading p{font-size:11px}.section-heading-centered{margin-bottom:35px}.category-grid{grid-auto-rows:175px;gap:9px}.category-content{left:14px;right:12px;bottom:13px}.category-content h3{font-size:13px}.category-link{font-size:8px}.category-card.category-large{grid-column:span 2}.company-card{padding:18px}.product-image{height:205px}.product-body{padding:18px}.event-art{height:160px}.event-bottom-cta{align-items:flex-start;flex-direction:column;padding:18px}.news-feature-image{height:220px}.news-feature-content{padding:20px}.news-feature h3{font-size:19px}.news-list-card{grid-template-columns:100px 1fr;gap:12px;padding:9px}.news-thumb{height:92px}.news-list-content h3{font-size:11px}.report-cover{height:190px}.interview-thumb{height:190px}.business-cta-section{padding:75px 0 70px}.business-cta-content h2{font-size:36px}.business-cta-content p{font-size:11px}.cta-side-note{position:static;margin-top:32px}.newsletter-section{padding-bottom:55px}.newsletter-panel{grid-template-columns:1fr;padding:25px 22px;gap:15px}.newsletter-icon{width:45px;height:45px}.newsletter-form{grid-column:auto}.footer-main{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:35px}.footer-brand-col,.footer-contact-col{grid-column:1/3}.footer-bottom{align-items:flex-start;flex-wrap:wrap}.footer-legal{margin-left:0;order:3;width:100%;flex-wrap:wrap;gap:12px}}
@media(max-width:420px){.brand-wordmark strong{font-size:12px}.brand-mark{width:34px;height:34px}.nav-shell{gap:8px}.nav-actions{gap:6px}.language-switch{padding:4px 5px}.language-btn{font-size:9px}.hero-actions .btn{width:100%;justify-content:space-between}.hero-visual-wrap{height:300px}.hero-visual-core{transform:scale(.72)}.hero-float-card{padding:9px 10px}.float-card-top{right:-5px}.float-card-bottom{left:-4px}.hero-bottom-row{gap:14px}.hero-stat strong{font-size:19px}.category-grid{grid-auto-rows:155px}.category-content h3{font-size:11px}.news-list-card{grid-template-columns:84px 1fr}.news-thumb{height:84px}.modal-card{padding:27px 20px}.video-placeholder{height:220px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* ===== Refinements: newsletter spacing, news-card alignment, Chinese typography ===== */

/* Separate the newsletter panel from the dark CTA section above it. */
.newsletter-section {
  padding-top: 78px;
}

/* Make the featured story and the three-card stack share the same height. */
.news-layout {
  align-items: stretch;
}
.news-feature {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.news-feature-image {
  flex: 0 0 290px;
}
.news-feature-content {
  flex: 1 1 auto;
}
.news-list {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 12px;
  height: 100%;
  min-height: 0;
}
.news-list-card {
  height: 100%;
  min-height: 0;
}
.news-thumb {
  height: 100%;
  min-height: 112px;
}

/* Noto Sans SC was previously not being selected because the language tag is zh-CN.
   Apply a lighter, more legible Chinese type scale throughout the interface. */
html[lang^="zh"] body {
  font-family: var(--font-zh);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.85;
  color: #3c515c;
}
html[lang^="zh"] :is(
  .hero-copy h1,
  .section-heading h2,
  .platform-card h3,
  .company-card h3,
  .product-body h3,
  .event-body h3,
  .news-feature h3,
  .news-list-content h3,
  .research-card-body h3,
  .interview-content h3,
  .business-cta-content h2,
  .newsletter-copy h2,
  .modal-card h2
) {
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.45;
}
html[lang^="zh"] :is(
  .nav-link,
  .nav-login,
  .btn,
  .text-link,
  .company-link,
  .product-link,
  .event-link,
  .interview-link,
  .eyebrow,
  .article-meta,
  .section-footnote,
  .footer-links-col h4,
  .footer-contact-col h4,
  .contact-form label,
  .member-modal-card label,
  .member-tab
) {
  font-weight: 500;
  letter-spacing: 0;
}
html[lang^="zh"] :is(
  .hero-description,
  .section-heading p,
  .platform-card p,
  .company-card p,
  .product-body > p,
  .event-body p,
  .news-feature-content > p,
  .newsletter-copy p,
  .modal-intro,
  .footer-brand-col > p
) {
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.9;
}
html[lang^="zh"] :is(
  .section-heading h2,
  .platform-card h3,
  .company-card h3,
  .product-body h3,
  .event-body h3,
  .news-feature h3,
  .news-list-content h3,
  .research-card-body h3,
  .interview-content h3,
  .modal-card h2
) {
  color: #233e4a;
}
html[lang^="zh"] .hero-copy h1,
html[lang^="zh"] .business-cta-content h2 {
  letter-spacing: 0;
}
html[lang^="zh"] .news-list-content h3 {
  line-height: 1.6;
}
html[lang^="zh"] .brand-wordmark strong {
  font-family: var(--font-en);
  font-weight: 800;
  letter-spacing: .12em;
}

@media (max-width: 991.98px) {
  .news-list {
    display: flex;
    flex-direction: column;
    height: auto;
  }
  .news-list-card {
    height: auto;
    min-height: 136px;
  }
  .news-thumb {
    height: 112px;
  }
}
@media (max-width: 767.98px) {
  .newsletter-section {
    padding-top: 58px;
  }
  .news-list-card {
    min-height: 0;
  }
  .news-thumb {
    height: 92px;
  }
}


/* ===== Strict bilingual UI + full-viewport mobile navigation fix ===== */
body.menu-open {
  overflow: hidden !important;
  touch-action: none;
}
.mobile-nav {
  box-sizing: border-box;
  background: #071b2b !important;
  color: #eaf5f2;
  opacity: 1 !important;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
}
.mobile-nav.is-open {
  visibility: visible;
  opacity: 1 !important;
}
.mobile-nav-backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: rgba(1, 12, 19, .76) !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.mobile-nav-backdrop.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mobile-nav-top {
  flex: 0 0 auto;
}
.mobile-nav > a {
  flex: 0 0 auto;
  color: #edf7f4 !important;
  opacity: 1 !important;
  line-height: 1.5;
}
.mobile-nav-bottom {
  flex: 0 0 auto;
}
@media (max-width: 991.98px) {
  .mobile-nav {
    display: flex !important;
    position: fixed !important;
    z-index: 1102 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(88vw, 390px);
    min-height: 100vh;
    min-height: 100dvh;
    transform: translate3d(105%, 0, 0);
    background: #071b2b !important;
    padding: max(28px, env(safe-area-inset-top)) 27px max(25px, env(safe-area-inset-bottom));
    box-shadow: -25px 0 60px rgba(0,0,0,.32);
    transition: transform .35s cubic-bezier(.2,.7,.2,1), visibility .35s;
  }
  .mobile-nav.is-open {
    transform: translate3d(0, 0, 0) !important;
  }
  .mobile-nav-backdrop {
    display: block !important;
    z-index: 1101 !important;
  }
}
@media (min-width: 992px) {
  .mobile-nav,
  .mobile-nav-backdrop {
    display: none !important;
  }
}

/* Localized brand lockup and Chinese-language mock supplier names. */
.brand-wordmark strong {
  display: block;
  color: #fff;
  font-weight: 800;
  letter-spacing: .12em;
}
html[lang^="zh"] .brand-wordmark strong {
  font-family: var(--font-zh);
  font-weight: 600;
  letter-spacing: 0;
}
html[lang^="zh"] .company-logo {
  letter-spacing: 0;
}
html[lang^="zh"] .company-card h3 {
  font-weight: 500;
  line-height: 1.55;
}

html[lang^="zh"] .member-brand > strong {
  font-family: var(--font-zh);
  font-weight: 600;
  letter-spacing: 0;
}


/* ===== v2.1 Chinese readability and hero/layout fixes ===== */
.hero-proof{align-items:flex-start}
.proof-avatars{display:flex;align-items:center;flex-wrap:wrap;row-gap:6px}
.proof-avatars span{width:auto;min-width:31px;padding:0 9px;border-radius:999px;white-space:nowrap;line-height:1;height:31px}
.proof-avatars span:nth-child(2){font-size:10px;padding:0 10px}
.hero-proof>div:last-child{min-width:0}

html[lang^="zh"] body{font-size:16px;line-height:1.9}
html[lang^="zh"] .hero-description,
html[lang^="zh"] .section-heading p,
html[lang^="zh"] .platform-card p,
html[lang^="zh"] .company-card p,
html[lang^="zh"] .product-body > p,
html[lang^="zh"] .event-body p,
html[lang^="zh"] .news-feature-content > p,
html[lang^="zh"] .newsletter-copy p,
html[lang^="zh"] .modal-intro,
html[lang^="zh"] .footer-brand-col > p,
html[lang^="zh"] .hero-proof small{font-size:14px;line-height:1.9}
html[lang^="zh"] .hero-proof strong{font-size:18px;line-height:1.55}
html[lang^="zh"] .hero-stat>span,
html[lang^="zh"] .card-index,
html[lang^="zh"] .article-meta{font-size:11px}
html[lang^="zh"] .platform-card h3,
html[lang^="zh"] .company-card h3,
html[lang^="zh"] .product-body h3,
html[lang^="zh"] .event-body h3,
html[lang^="zh"] .news-feature h3,
html[lang^="zh"] .news-list-content h3,
html[lang^="zh"] .research-card-body h3,
html[lang^="zh"] .interview-content h3{font-size:22px}
html[lang^="zh"] .platform-card-featured h3,
html[lang^="zh"] .platform-card-featured p,
html[lang^="zh"] .platform-card-featured .text-link{color:#f2fcf8}
html[lang^="zh"] .platform-card-featured .card-index{color:#d0e5e0}
html[lang^="zh"] .company-legal-chip strong,
html[lang^="zh"] .about-company-identity strong,
html[lang^="zh"] .footer-company-identity strong{font-weight:600}

@media (max-width:767.98px){
  html[lang^="zh"] .platform-card h3,
  html[lang^="zh"] .company-card h3,
  html[lang^="zh"] .product-body h3,
  html[lang^="zh"] .event-body h3,
  html[lang^="zh"] .news-feature h3,
  html[lang^="zh"] .news-list-content h3,
  html[lang^="zh"] .research-card-body h3,
  html[lang^="zh"] .interview-content h3{font-size:24px;line-height:1.45}
  html[lang^="zh"] .hero-proof strong{font-size:16px}
  html[lang^="zh"] .hero-proof small{font-size:13px}
  .proof-avatars span:nth-child(2){font-size:9px;padding:0 8px}
}





/* v2.2 — persistent legal company identity in the global header */
.header-company-identity{display:flex;flex-direction:column;justify-content:center;gap:3px;flex:0 1 225px;min-width:0;padding-left:16px;border-left:1px solid rgba(119,220,198,.28);color:#a6c0c5;line-height:1.3}
.header-company-identity span{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#84a5ad}
.header-company-identity strong{display:block;color:#f0fbf7;font-size:11px;font-weight:700;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
html[lang^="zh"] .header-company-identity span{font-size:11px;letter-spacing:0;text-transform:none}
html[lang^="zh"] .header-company-identity strong{font-size:13px;line-height:1.5}
@media(max-width:1199.98px){.header-company-identity{flex-basis:190px;padding-left:12px}.header-company-identity strong{font-size:10px}html[lang^="zh"] .header-company-identity strong{font-size:12px}}
@media(max-width:991.98px){.nav-shell{gap:12px}.header-company-identity{flex:1 1 130px;max-width:190px;padding-left:12px}.header-company-identity strong{font-size:10px}html[lang^="zh"] .header-company-identity strong{font-size:12px}}
@media(max-width:575.98px){.header-company-identity{flex:1 1 105px;max-width:none;padding-left:9px}.header-company-identity span{font-size:8px}.header-company-identity strong{font-size:9px;line-height:1.35}html[lang^="zh"] .header-company-identity span{font-size:9px}html[lang^="zh"] .header-company-identity strong{font-size:11px;line-height:1.4}.nav-shell{gap:8px}.brand{min-width:0;gap:7px}.brand-mark{width:36px;height:36px}.brand-wordmark strong{font-size:12px}.brand-wordmark small{font-size:7px}}
@media(max-width:360px){.header-company-identity span{display:none}.header-company-identity strong{font-size:8px}html[lang^="zh"] .header-company-identity strong{font-size:10px}.brand-wordmark small{display:none}}


/* v2.3 — legal company name is the sole logo wordmark */
.brand{min-width:0;flex:0 1 270px;gap:10px}
.brand-wordmark{min-width:0;max-width:220px;line-height:1.28}
.brand-wordmark strong{display:block;color:#fff;font-size:13px;font-weight:700;letter-spacing:0;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
html[lang^="zh"] .brand-wordmark strong{font-family:var(--font-zh);font-size:15px;font-weight:600;letter-spacing:0;line-height:1.5}
.footer-brand .brand-wordmark{max-width:270px}
.footer-brand .brand-wordmark strong{font-size:14px}
.member-modal-brand{display:flex;align-items:center;gap:10px;min-width:0}
.member-modal-brand>strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere;color:var(--navy)}
html[lang^="zh"] .member-modal-brand>strong{font-family:var(--font-zh);font-size:15px;font-weight:600}
@media(max-width:1199.98px){.brand{flex-basis:245px}.brand-wordmark{max-width:195px}.brand-wordmark strong{font-size:12px}html[lang^="zh"] .brand-wordmark strong{font-size:14px}}
@media(max-width:991.98px){.brand{flex:0 1 250px}.brand-wordmark{max-width:205px}.brand-wordmark strong{font-size:12px}html[lang^="zh"] .brand-wordmark strong{font-size:14px}}
@media(max-width:575.98px){.brand{flex:0 1 215px;gap:8px}.brand-mark{width:36px;height:36px}.brand-wordmark{max-width:168px}.brand-wordmark strong{font-size:10.5px;line-height:1.35}html[lang^="zh"] .brand-wordmark strong{font-size:13px;line-height:1.5}.footer-brand .brand-wordmark{max-width:230px}.footer-brand .brand-wordmark strong{font-size:13px}}
@media(max-width:360px){.brand{flex-basis:195px}.brand-wordmark{max-width:148px}.brand-wordmark strong{font-size:9.5px}html[lang^="zh"] .brand-wordmark strong{font-size:12px}}


/* v2.7 — official HZ connection logo lockup */
.brand-mark img,
.brand-logo-symbol {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand-wordmark strong {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 800;
}
html[lang^="zh"] .brand-wordmark strong {
  font-family: var(--font-en);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.3;
}
.member-modal-brand .brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* v0.32 accessibility/readability adjustments — intentional component scope. */
body[data-page] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:14px!important;line-height:1.45;}
body[data-page] :is(.footer-bottom,.footer-contact-col,.hz-footer-contact-lines,.dir-filter-block label,.expo-card-description,.expo-card-facts,.expo-inquiry-demo,.expo-card-actions a,.dir-demo-notice,.dir-filter-foot p,.dir-clear-button,.cp-contact-details-card small){font-size:clamp(12px,1vw,14px);line-height:1.6;}
body[data-page] :is(button, a, input, textarea, select):focus-visible{outline:3px solid #1ab394;outline-offset:3px;}
.hz-contact-qr-inline{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0;}
.hz-contact-qr-inline figure{max-width:195px;margin:0;flex:1 1 150px;}
.hz-contact-qr-inline img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;padding:7px;border-radius:9px;}
.hz-contact-qr-inline figcaption{font:600 12px/1.5 system-ui,sans-serif;text-align:center;padding-top:7px;}
@media (max-width:480px){body[data-page] :is(.dir-card-description,.expo-card-description,.expo-card-body p,.interview-card p,.product-card p){font-size:13px!important;line-height:1.55!important;}}

/* Icon coverage fallbacks where subset library has no glyph. */
.bi-wechat::before{font-family:system-ui,sans-serif!important;content:"微";font-weight:800!important}
.bi-buildings::before,.bi-building-check::before,.bi-building-gear::before{font-family:system-ui,sans-serif!important;content:"▦"}
.bi-clipboard2-check::before{font-family:system-ui,sans-serif!important;content:"✓"}
.bi-envelope-paper::before{font-family:system-ui,sans-serif!important;content:"✉"}
.bi-fuel-pump::before{font-family:system-ui,sans-serif!important;content:"⛽"}
.bi-globe-americas::before,.bi-globe-asia-australia::before{font-family:system-ui,sans-serif!important;content:"◎"}
.bi-sliders2::before{font-family:system-ui,sans-serif!important;content:"☷"}

/* ===== HZ visitor UX: header search, empty guide, drawer actions, detail context ===== */
.hz-global-search-wrap{position:relative;display:flex;align-items:center}
.hz-global-search-toggle{display:none;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);color:#e7f3f0;border-radius:30px;padding:9px 15px;font-size:11px;font-weight:800;cursor:pointer}
.hz-global-search-toggle i{font-size:13px}
.hz-global-search{position:relative;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.24);border-radius:30px;background:rgba(255,255,255,.08);width:190px;transition:width .25s,border-color .2s,background .2s}
.hz-global-search:focus-within{width:250px;border-color:#73e2c3;background:rgba(255,255,255,.13)}
.hz-global-search-icon{display:flex;color:#9fc4bd;font-size:13px;flex:0 0 auto}
.hz-global-search-input{flex:1 1 auto;min-width:0;border:0;background:transparent;color:#fff;font-size:11px;outline:0}
.hz-global-search-input::placeholder{color:#9db2b9}
.hz-global-search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1200;background:#fff;border:1px solid #e2ece8;border-radius:12px;box-shadow:0 18px 50px rgba(4,24,34,.28);padding:6px;max-height:340px;overflow:auto}
.hz-global-search-suggestions[hidden]{display:none}
.hz-global-search-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:8px;color:#12333f;text-decoration:none;font-size:12px}
.hz-global-search-option:hover,.hz-global-search-option.is-active,.hz-global-search-option:focus{background:#eaf8f3;outline:0}
.hz-global-search-option-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.hz-global-search-option small{flex:0 0 auto;color:#0e8a75;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#e7f7f1;border-radius:20px;padding:3px 8px}
.hz-global-search-empty{margin:0;padding:12px;color:#7a8f95;font-size:11px;text-align:center}
.hz-global-search-desktop .hz-global-search-toggle{display:none}
@media(max-width:1199.98px){.hz-global-search{width:150px}.hz-global-search:focus-within{width:205px}}
@media(max-width:991.98px){
 .hz-global-search-desktop{display:none}
 .hz-global-search-mobile{display:block;margin:8px 0 4px}
 .hz-global-search-mobile .hz-global-search-toggle{display:flex;width:100%;justify-content:center}
 .hz-global-search-mobile .hz-global-search{display:none;width:100%;margin-top:8px}
 .hz-global-search-mobile .hz-global-search.is-mobile-open{display:flex}
 .hz-global-search-mobile .hz-global-search:focus-within{width:100%}
 .hz-global-search-mobile .hz-global-search-suggestions{max-height:240px}
}

.hz-empty-guide{margin:22px auto 4px;max-width:640px;padding:20px 22px;border:1px dashed #b9ddd2;border-radius:14px;background:#f6fcf9;text-align:center}
.hz-empty-guide-title{margin:0 0 14px;font-size:13px;font-weight:800;color:#12333f}
.hz-empty-guide-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hz-empty-guide-actions button,.hz-empty-guide-actions a{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:8px;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}
.hz-empty-guide-actions button{border:1px solid #0d8a75;background:#0d8a75;color:#fff}
.hz-empty-guide-actions a{border:1px solid #c9e2d9;background:#fff;color:#0d7c6a}
.hz-empty-guide-related{margin-top:16px}
.hz-empty-guide-related>span{display:block;margin-bottom:8px;font-size:10px;font-weight:700;color:#7a8f95}
.hz-empty-guide-related>div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.hz-empty-guide-related a{font-size:10px;font-weight:700;color:#0d7c6a;background:#eaf7f2;border-radius:20px;padding:6px 12px;text-decoration:none}

.hz-drawer-actions{display:none;position:sticky;bottom:0;z-index:3;gap:10px;padding:12px 18px;background:#fff;border-top:1px solid #e6efeb}
.hz-drawer-actions button{flex:1;padding:11px;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}
.hz-drawer-actions [data-hz-drawer-clear]{border:1px solid #d2e7de;background:#eef8f3;color:#0d7c6a}
.hz-drawer-actions [data-hz-drawer-apply]{border:1px solid #0d8a75;background:#0d8a75;color:#fff}
@media(max-width:991.98px){.hz-drawer-actions{display:flex}}