@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--blue:#192d86;--ink:#162332;--muted:#6c7680;--pale:#f3f5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans SC',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #edf0f2}.brand{display:block;width:131px;height:67px;overflow:hidden}.brand img{width:112px;height:67px;object-fit:contain}nav{display:flex;gap:34px}nav a{font-size:14px}nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:23px}select{background:transparent;color:inherit}.header-actions select{border:0;max-width:112px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;background:var(--blue);color:white;padding:17px 26px;border:0;font-weight:500;font-size:14px}.button:hover{background:#3048a2}.button.small{padding:12px 22px}.button.white{background:white;color:var(--ink)}.hero{height:660px;min-height:540px;position:relative;background:#1e3339;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,27,32,.75),rgba(10,27,32,.08)),url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=2400&q=85') center 58%/cover}.hero-content{position:relative;margin:0 7%;padding-top:110px;max-width:680px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:600;margin:0 0 22px}.hero .eyebrow{color:#e2e9ed}h1{font-size:clamp(38px,4.3vw,64px);line-height:1.22;letter-spacing:-1.6px;font-weight:500;margin:0 0 25px;white-space:pre-line}.hero-description{font-size:16px;line-height:1.9;color:#edf0f2;max-width:480px;margin-bottom:35px}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:1px}.hero-bottom div{display:flex;gap:25px;align-items:center}.hero-bottom i{width:60px;height:1px;background:#ffffff75}.hero-bottom>a{font-size:24px}.section{padding:85px 7%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:37px}h2{font-size:36px;font-weight:500;line-height:1.4;letter-spacing:-1px;margin:0}.section .eyebrow{color:var(--blue);margin-bottom:14px}.section-description{max-width:365px;color:var(--muted);line-height:1.9;margin:0}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution{height:420px;position:relative;overflow:hidden;background:#253b3f;color:#fff}.solution:before{content:'';position:absolute;inset:0;transition:transform .6s;background:linear-gradient(0deg,#071923d9,transparent 85%),var(--bg) center/cover}.solution:hover:before{transform:scale(1.035)}.solution.home{--bg:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1100&q=85')}.solution.business{--bg:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1100&q=85')}.solution>div{position:absolute;bottom:32px;left:34px;right:34px}.tag{font-size:10px;letter-spacing:1.7px;color:#dae4e9}h3{font-weight:500;font-size:25px;margin:14px 0 12px}.solution p{color:#d9e1e5;line-height:1.7;font-size:14px;max-width:360px}.text-link{margin-top:16px;display:flex;justify-content:space-between;font-size:13px}.products-section{background:var(--pale)}.tabs{display:flex;gap:22px}.tabs button{border:0;background:none;padding:12px 0;color:#7b838b;font-size:14px;border-bottom:2px solid transparent}.tabs .active{border-color:var(--blue);color:var(--blue)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:0;background:#fff;text-align:left;padding:25px;position:relative;color:var(--ink);transition:transform .2s}.product-card:hover{transform:translateY(-5px)}.product-art{height:250px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 85%,#d6dde3,transparent 55%);margin-bottom:22px}.device{width:116px;height:176px;background:linear-gradient(100deg,#fff,#e3e7eb);border:1px solid #cdd2d7;border-radius:12px;box-shadow:16px 15px 18px #16233221,inset -7px 0 0 #d9dde2;position:relative;transform:perspective(700px) rotateY(-15deg)}.device:before{content:'HUIHANG';position:absolute;top:27px;left:26px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--blue)}.device:after{content:'';position:absolute;top:55px;left:31px;width:40px;height:5px;border-radius:4px;background:#253147;box-shadow:0 12px 0 -1px #82adac}.device.stack{height:201px;width:125px;background:repeating-linear-gradient(0deg,transparent 0 46px,#c6ccd2 47px 49px),linear-gradient(100deg,#fff,#e3e7eb);border-radius:7px}.device.tower{width:94px;height:210px;border-radius:5px}.device.cabinet{width:151px;height:211px;border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 7px,#d2d7db 8px 9px) 20px 118px/110px 61px no-repeat,linear-gradient(100deg,#fafcfd,#dfe4e8)}.product-card small{font-size:10px;color:var(--blue);letter-spacing:1.2px}.product-card h3{font-size:21px;margin:10px 0}.product-card p{color:var(--muted);font-size:13px;margin-bottom:5px}.card-arrow{position:absolute;right:26px;bottom:26px;font-size:24px}.draft-note{font-size:11px;color:#7b838b;margin:22px 0 0}.statement{background:#172d3c;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:85px 7%}.statement h2{white-space:pre-line}.statement>div>p:not(.eyebrow){line-height:1.9;color:#b7c4cd;max-width:420px;margin:25px 0 30px}.statement .eyebrow{color:#a7c1d4}.principles article{border-bottom:1px solid #ffffff24;padding:0 0 19px;margin-bottom:24px;position:relative;padding-left:45px}.principles article>span{position:absolute;left:0;top:8px;font-size:11px;color:#9bb4c6}.principles h3{font-size:20px;margin-top:0}.principles p{color:#b7c4cd;line-height:1.8;font-size:13px}.support{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px;align-items:center}.support h2{font-size:29px}.support p{font-size:13px;color:var(--muted);line-height:1.8}.support-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd2d9;padding:25px 0}.support-link strong{font-size:22px;font-weight:500}.support-link small{display:block;color:var(--muted);margin-top:12px}.support-link>span:last-child{font-size:24px}.contact{background:#f3f5f7;display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.contact-intro p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:310px}.contact-decoration{font-size:125px;color:#dce2ec;font-weight:700;letter-spacing:-12px;margin-top:45px}.contact-decoration span{color:var(--blue);font-size:80px;margin-left:12px}label{font-size:12px;display:block;color:#52606d}input,textarea,form select{display:block;width:100%;border:1px solid #dce1e7;background:white;border-radius:0;padding:12px;color:var(--ink);margin-top:9px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue)}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.consent{display:flex;align-items:center;gap:8px;line-height:1.8;margin:20px 0}.consent input{width:15px;margin:0;flex-shrink:0}.privacy-button{padding:0;border:0;color:var(--blue);background:none;font-size:12px;text-decoration:underline}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-bottom>span{font-size:11px;color:var(--muted);max-width:250px}#form-status{color:var(--blue);font-size:13px;line-height:1.8}footer{padding:30px 7%;display:flex;align-items:center;gap:35px}footer p{font-size:12px;color:var(--muted);flex:1}footer>span{font-size:10px;color:var(--muted)}footer>a:last-child{font-size:24px}dialog{border:0;padding:55px;max-width:1050px;width:90%;max-height:90vh;color:var(--ink)}dialog::backdrop{background:#142331b3;backdrop-filter:blur(5px)}.close{position:absolute;right:17px;top:12px;border:0;background:none;font-size:30px;color:#687784}.detail-top{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.detail-top .product-art{height:320px;background:#f3f5f7}.detail-top h2{margin:12px 0}.detail-top p{line-height:1.8;color:var(--muted)}.detail-section{margin-top:35px;border-top:1px solid #e2e7ec;padding-top:25px}.detail-section img{width:100%;height:260px;object-fit:cover}.downloads{display:flex;gap:12px;flex-wrap:wrap}.downloads button{padding:16px 20px;background:var(--blue);color:white;border:0}.detail-section p{font-size:13px;color:var(--muted);line-height:1.9}#privacy-dialog{max-width:600px}#privacy-dialog p{line-height:1.9}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){.section,.statement{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:900px){header{padding:0 4%;height:75px}nav{gap:15px}nav a{font-size:12px}.header-actions{gap:10px}.button.small{padding:10px 13px}.section{padding:60px 5%}.hero-content{margin:0 6%}.hero{height:590px}.solution{height:360px}.solution>div{left:23px;right:23px}.product-art{height:210px}.statement{padding:60px 5%;gap:7%}.support{grid-template-columns:1fr 1fr}.support>div{grid-column:1/-1}.contact{gap:6%}h2{font-size:30px}}@media(max-width:620px){header{height:70px}.brand{width:95px;height:54px}.brand img{width:90px;height:54px}nav{display:none}.header-actions select{font-size:12px;max-width:92px}.hero{height:590px}.hero-image{background-position:62% center}.hero-content{padding-top:95px}.hero-description{font-size:14px;max-width:300px}h1{font-size:41px;letter-spacing:-1px}.hero-bottom{left:6%;right:6%}.hero-bottom div{gap:10px;font-size:9px}.hero-bottom i{width:20px}.section{padding:50px 6%}.section-head{display:block}.section-description{margin-top:20px;font-size:13px}.solution-grid{grid-template-columns:1fr;gap:18px}.solution{height:350px}.product-grid{grid-template-columns:1fr}.product-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:16px;padding:20px}.product-art{grid-row:1/5;height:205px;margin:0}.product-card small{align-self:end}.product-card h3{font-size:20px}.product-card p{align-self:start}.card-arrow{bottom:23px}.tabs{margin-top:15px}.statement{grid-template-columns:1fr;padding:50px 6%;gap:45px}.statement h2{font-size:31px}.support{gap:18px}.support-link strong{font-size:18px}.support-link small{font-size:11px}.contact{grid-template-columns:1fr;gap:25px}.contact-decoration{display:none}.contact-intro p:not(.eyebrow){max-width:none}.form-grid{gap:15px}.form-bottom{align-items:start}.form-bottom .button{white-space:nowrap;padding:14px 18px}.consent{flex-wrap:wrap}.consent>span{flex:1}footer{padding:25px 6%;flex-wrap:wrap;gap:15px}footer p{font-size:11px}footer>span{width:80%}dialog{padding:45px 23px;width:95%}.detail-top{grid-template-columns:1fr;gap:10px}.detail-top .product-art{height:230px}.downloads{display:grid}.detail-section img{height:200px}}

/* Touch-first layout refinements, including long multilingual labels. */
img{max-width:100%}main,section,form,.section-head>*,.detail-top>*,.product-card>*{min-width:0}h1,h2,h3,p,label,.button,.tag,.eyebrow{overflow-wrap:anywhere}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #6e9de3;outline-offset:4px}.menu-toggle{display:none}.close{width:44px;height:44px;padding:0;display:grid;place-items:center;z-index:2;background:white;border-radius:50%}dialog{overscroll-behavior:contain}input,textarea,form select{font-size:16px;min-height:48px}.consent input{min-height:20px;width:20px;height:20px;accent-color:var(--blue)}.privacy-button{min-height:44px}.button,.downloads button{min-height:48px}.draft-note{line-height:1.8}
@media(max-width:900px){
 html{scroll-padding-top:85px}header{gap:12px}.header-actions{margin-left:auto;gap:12px}.header-actions select{min-height:44px;font-size:16px;width:105px;max-width:105px}header .brand{flex-shrink:0}header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:12px 5% 20px;box-shadow:0 18px 22px #16233214;border-top:1px solid #edf0f2}header nav.is-open{display:flex;flex-direction:column;gap:0}header nav a{font-size:16px;min-height:52px;display:flex;align-items:center;border-bottom:1px solid #edf0f2}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;flex-shrink:0;border:1px solid #e0e5ed;background:#fff}.menu-toggle span{width:19px;height:2px;background:var(--blue);transition:transform .15s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}.section-head{align-items:start}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tabs{flex-shrink:0}.tabs button{max-width:220px;min-height:48px}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
}
@media(max-width:620px){
 html{scroll-padding-top:82px}header{height:auto;min-height:70px;padding:8px 4%;padding-top:max(8px,env(safe-area-inset-top));gap:8px}.header-actions{gap:7px}.header-actions select{font-size:16px;max-width:88px;width:88px}.header-actions .button{font-size:12px;padding:10px 12px;max-width:105px;text-align:center;justify-content:center;min-height:44px}.brand{width:85px}.brand img{width:82px}.menu-toggle{width:44px}.hero{height:auto;min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:space-between}.hero-content{padding:65px 0 38px;margin:0 6%}.hero h1{font-size:clamp(34px,9.4vw,47px);line-height:1.24;letter-spacing:-.8px}.hero-description{font-size:16px;line-height:1.8;max-width:100%;margin-bottom:28px}.hero .eyebrow{font-size:10px;letter-spacing:1.8px}.hero-bottom{position:relative;inset:auto;gap:15px;margin:0 6%;padding:15px 0 22px;border-top:1px solid #ffffff40}.hero-bottom div{flex:1;justify-content:center;gap:8px;min-width:0;font-size:10px;letter-spacing:0}.hero-bottom i{width:16px;flex-shrink:0}.hero-bottom>a{min-width:44px;min-height:44px;display:grid;place-items:center}.hero-image{background-image:linear-gradient(90deg,rgba(10,27,32,.8),rgba(10,27,32,.32)),url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1000&q=80')}.section{padding:48px 6%}h2,.support h2{font-size:28px;line-height:1.45;letter-spacing:-.5px}.section-head{margin-bottom:25px}.section-description,.support p,.contact-intro p:not(.eyebrow){font-size:15px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:1.6px}.solution{height:auto;min-height:350px;display:flex;align-items:end}.solution>div{position:relative;inset:auto;padding:28px 24px;width:100%}.solution h3{font-size:26px;line-height:1.4}.solution p{font-size:15px}.text-link{min-height:44px;align-items:center;font-size:14px}.product-grid{grid-template-columns:minmax(0,1fr)}.product-card{grid-template-columns:minmax(0,1fr);padding:24px}.product-card .product-art{grid-row:auto;height:235px;margin:0 0 22px}.product-card small{font-size:11px;line-height:1.6}.product-card h3{font-size:23px;line-height:1.5;margin:10px 30px 6px 0}.product-card p{font-size:14px;margin:0 30px 0 0}.device{flex-shrink:0}.card-arrow{bottom:28px;right:24px}.tabs{gap:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tabs button{font-size:14px;line-height:1.5;padding:12px 8px;max-width:none}.draft-note{font-size:12px}.statement{padding:48px 6%}.principles p{font-size:15px}.statement>div>p:not(.eyebrow){font-size:15px}.support{grid-template-columns:minmax(0,1fr)}.support>div{grid-column:auto}.support-link{padding:18px 0}.support-link strong{font-size:22px}.support-link small{font-size:14px;line-height:1.6}.support-link>span:first-child{min-width:0;padding-right:12px}.contact{grid-template-columns:minmax(0,1fr)}.form-grid{grid-template-columns:minmax(0,1fr);gap:20px}label{font-size:14px}input,textarea,form select{padding:14px 12px}.consent{column-gap:9px;row-gap:0;align-items:center}.consent>span{flex:initial}.privacy-button{font-size:14px}.form-bottom{flex-direction:column;gap:15px}.form-bottom>span{font-size:12px;max-width:none;line-height:1.7}.form-bottom .button{width:100%;font-size:16px;min-height:52px;padding:14px 20px}footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}footer p{font-size:12px;line-height:1.8}dialog{width:100%;max-width:none;height:100%;max-height:100%;max-height:100dvh;margin:0;padding:70px 6% max(30px,env(safe-area-inset-bottom));overflow-y:auto}.close{position:sticky;top:0;float:right;margin:-54px -5px 10px 0;box-shadow:0 2px 10px #16233215}.detail-top{clear:both}.detail-top .product-art{height:260px}.detail-top p,.detail-section p{font-size:15px}.detail-top .button{width:100%;font-size:15px;gap:15px}.detail-section h3{font-size:24px}.downloads{grid-template-columns:minmax(0,1fr);gap:14px}.downloads button{font-size:16px;min-height:52px;text-align:left}.detail-section img{height:auto;aspect-ratio:4/3}#privacy-dialog{max-width:none}#privacy-dialog p{font-size:16px}
}
@media(max-width:359px){header .brand{width:68px}header .brand img{width:66px}.header-actions{gap:4px}.header-actions select{width:78px;max-width:78px}.header-actions .button{max-width:85px;font-size:11px;padding:9px}.hero-content{padding-top:48px}.hero-bottom>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(min-width:621px) and (max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{grid-template-columns:minmax(0,1fr);gap:30px}.contact-decoration{display:none}.form-bottom{flex-wrap:wrap}.section-head:has(.tabs){flex-direction:column;align-items:stretch}.tabs button{max-width:none;flex:1}}
/* Application scenes: keep the energy systems visible above the copy. */
.solution.home{--bg:url('assets/solutions/residential.jpg')}.solution.business{--bg:url('assets/solutions/industrial.jpg')}.solution{height:auto;min-height:0;display:flex;flex-direction:column;background:#142b3b}.solution:before{position:relative;inset:auto;display:block;width:100%;aspect-ratio:3/2;flex-shrink:0;background:var(--bg) center/cover}.solution:hover:before{transform:none}.solution>div{position:relative;inset:auto;width:100%;padding:26px 30px;flex:1}.solution h3{margin-top:12px}.solution p{max-width:none}.solution .text-link{min-height:44px;align-items:center;margin-top:10px}@media(max-width:620px){.solution.home{--bg:url('assets/solutions/residential-mobile.jpg')}.solution.business{--bg:url('assets/solutions/industrial-mobile.jpg')}.solution:before{aspect-ratio:3/2}.solution>div{padding:24px}.solution h3{font-size:25px}}