:root{--green:#114b43;--mint:#dcece6;--ink:#182622;--muted:#68736e;--line:#dce2de;--paper:#f3f5f0;--white:#fff;--radius:4px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;background:var(--white)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #cf7739;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(38px,4.7vw,67px);font-weight:600}h2{font-size:clamp(29px,3vw,43px);font-weight:600}h3{font-size:22px;font-weight:600}p{margin:18px 0;color:var(--muted)}.wrap{width:min(1320px,calc(100% - 88px));margin:auto}.utility{background:var(--green);color:#d4e6df;font-size:10px;letter-spacing:.13em}.utility .wrap{display:flex;justify-content:space-between;padding:10px 0}.utility a{letter-spacing:.03em}.header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{display:flex;align-items:center;gap:40px;padding:21px 0}.logo{display:flex;gap:10px;align-items:center;font-size:33px;letter-spacing:-.05em;font-weight:800;line-height:1}.logo small{display:block;letter-spacing:.16em;font-size:8px;margin-top:7px}.brand-mark{background:var(--green);color:white;font-size:35px;font-weight:700;width:47px;height:47px;display:grid;place-items:center;transform:skew(-6deg)}nav{display:flex;gap:31px;margin-left:auto;font-size:13px;font-weight:600}nav a{padding:10px 0;border-bottom:2px solid transparent}nav a:hover,nav a[aria-current]{color:var(--green);border-color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 25px;background:var(--green);color:white;font-size:13px;font-weight:600;border:1px solid var(--green);border-radius:var(--radius);transition:background .18s}.button:hover{background:#226a5e}.button.small{font-size:12px;padding:12px 18px}.button.light{background:white;color:var(--green);border-color:white}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:25px;align-items:center;color:var(--green);padding:7px 0}.text-link:hover{text-decoration:underline}.menu-toggle{display:none}.hero{background:var(--paper);padding:32px 0 40px}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center}.hero-copy{padding:36px 0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:var(--green);margin:0 0 22px;line-height:1.5}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.08;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p:not(.eyebrow){max-width:440px;font-size:15px;margin:26px 0;line-height:1.8}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.hero-note{border-top:1px solid #cfd9d1;margin-top:47px;padding-top:19px;display:flex;gap:24px;color:#62736a;font-size:9px;letter-spacing:.09em}.hero-visual{position:relative;overflow:hidden;background:#d7dad5;border-radius:6px;height:540px}.hero-visual>img{height:100%;width:100%;object-fit:cover}.image-caption{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,.95);padding:20px 22px;display:grid;grid-template-columns:1fr auto;align-items:center}.image-caption span{font-size:9px;letter-spacing:.13em;color:var(--muted)}.image-caption strong{grid-row:2;font-size:19px;font-weight:600;letter-spacing:-.025em}.image-caption a{grid-column:2;grid-row:1/3;background:var(--green);color:white;width:40px;height:40px;display:grid;place-items:center}.benefits{border-bottom:1px solid var(--line)}.benefits>.wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0}.benefits .wrap>div{padding:0 24px;border-right:1px solid var(--line)}.benefits .wrap>div:first-child{padding-left:0}.benefits .wrap>div:last-child{border:0}.benefits strong{display:block;font-size:13px}.benefits span{font-size:11px;color:var(--muted)}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading p{font-size:13px}.section-heading .eyebrow{margin-bottom:15px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:white;display:flex;flex-direction:column}.product-card[hidden]{display:none}.product-image{background:#f4f5f3;height:240px;overflow:hidden;border-bottom:1px solid var(--line)}.product-image img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .25s}.product-image:hover img{transform:scale(1.04)}.product-content{padding:23px;display:flex;flex-direction:column;flex:1}.product-content .eyebrow{font-size:9px;margin-bottom:12px}.product-content h3{font-size:21px;line-height:1.2}.product-content p:not(.eyebrow){font-size:12px;line-height:1.8}.product-content .text-link{margin-top:auto;font-size:11px;justify-content:space-between}.feature-section{background:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-section>.split{padding-top:70px;padding-bottom:70px}.feature-photo{background:white;position:relative;min-height:420px}.feature-photo img{height:460px;width:100%;object-fit:contain;padding:25px}.feature-photo>span{display:block;position:absolute;bottom:0;left:0;right:0;padding:15px 25px;background:var(--green);color:white;font-size:9px;letter-spacing:.13em}.feature-copy>p{font-size:14px}.feature-list{margin-top:25px}.feature-list a{display:flex;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #cdd7ce;font-size:13px}.feature-list span{font-size:10px;color:var(--muted)}.feature-list b{margin-left:auto;font-weight:400}.fine{font-size:11px;line-height:1.7}.flow{display:flex;gap:0;border:1px solid var(--line);margin-top:35px;flex-wrap:wrap}.flow>div{flex:1;min-width:130px;padding:25px 21px;border-right:1px solid var(--line);position:relative}.flow>div:last-child{border:0}.flow>div:not(:last-child):after{content:'→';position:absolute;right:-12px;top:22px;background:white;color:var(--green);z-index:1;padding:0 4px}.flow span{font-size:10px;color:var(--green)}.flow h3{font-size:19px;margin-top:25px;letter-spacing:-.025em}.flow p{font-size:11px;margin-bottom:0}.planning{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.planning p{font-size:14px;margin-top:0}.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.pill-row span{border:1px solid var(--line);font-size:11px;padding:7px 12px;border-radius:30px}.cta{background:var(--green);color:white;padding:65px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta p{color:#c3d9cf;font-size:13px}.cta .eyebrow{color:#b4d1c5}.cta h2{font-size:clamp(32px,3.5vw,48px)}footer{background:#f5f6f2;padding:55px 0 18px;font-size:12px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}footer h3{font-size:12px;letter-spacing:0;margin:6px 0 20px}footer .footer-grid>div>a:not(.logo){display:block;margin:12px 0;color:var(--muted)}footer a:hover{color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:var(--muted);font-size:10px}.page-intro{background:var(--paper);padding:65px 0}.page-intro h1{max-width:900px}.page-intro p:last-child{max-width:650px;font-size:15px;margin-bottom:0}.catalog-tools{display:flex;gap:25px;justify-content:space-between;align-items:center;margin-bottom:20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-buttons button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:30px;padding:10px 14px;font-size:11px}.filter-buttons button.active{background:var(--green);color:white;border-color:var(--green)}.search{position:relative;max-width:320px;flex:1}.search input{padding-right:35px}.search>span:last-child{position:absolute;right:12px;top:9px}.table-scroll{overflow:auto;margin-top:25px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}caption{text-align:left;font-weight:600;padding:12px 0}th,td{padding:18px 20px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--green);color:white}tbody th{font-weight:600;min-width:145px}tbody tr:nth-child(even){background:var(--paper)}.breadcrumb{font-size:11px;color:var(--muted);padding-top:25px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:45px;padding-bottom:65px;align-items:center}.product-detail h1{font-size:clamp(35px,3.8vw,52px)}.product-detail p{font-size:13px}.product-detail .lead{font-size:19px;color:var(--green)}.product-detail .fine{font-size:11px}.detail-visual{background:var(--paper);padding:25px}.detail-visual img{height:440px;object-fit:contain;width:100%}.detail-visual p{font-size:10px;text-align:center}.check-list{list-style:none;padding:0;margin:26px 0;font-size:13px}.check-list li{padding:7px 0}.check-list li:before{content:'✓';color:var(--green);margin-right:12px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.application-grid article{padding:40px;background:var(--paper);scroll-margin-top:120px}.application-grid article>span{font-size:10px;color:var(--green);letter-spacing:.12em}.application-grid h2{font-size:33px;margin-top:25px}.application-grid p{font-size:14px}.faq{margin-top:35px;max-width:1000px}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:16px}.faq p{font-size:14px;max-width:850px}.about-image{background:var(--paper);width:100%;height:470px;object-fit:contain}.contact-layout{display:grid;grid-template-columns:.8fr 1.4fr;gap:75px}.contact-layout h2{font-size:32px}.brief-list{font-size:13px;line-height:2.5;padding-left:20px;margin:25px 0}.form-panel{background:var(--paper);padding:38px;border:1px solid var(--line);border-radius:5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;font-weight:600;margin-bottom:17px}input,select,textarea{display:block;margin-top:7px;width:100%;background:white;color:var(--ink);border:1px solid #bccac1;border-radius:3px;padding:12px;font-size:13px;outline-offset:2px}input:focus,textarea:focus,select:focus{outline:2px solid var(--green)}textarea{resize:vertical}.consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:11px}.consent input{width:16px;height:16px;margin:2px 0;flex-shrink:0}.consent a,.prose a{text-decoration:underline}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.notice{background:#dcece1;padding:20px;margin-bottom:25px}.notice h2{font-size:24px}.notice p{font-size:13px}.prose{max-width:850px}.prose h2{font-size:25px;margin-top:25px}.prose p{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:10px;z-index:100;padding:10px;background:white}.skip:focus{top:10px}[hidden]{display:none!important}.admin-wrap{max-width:1200px;margin:45px auto;padding:0 25px}.admin-wrap h1{font-size:32px}.admin-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:25px 0}.admin-wrap td{overflow-wrap:anywhere}.admin-wrap .message{white-space:pre-wrap;max-width:400px;min-width:250px}
@media(min-width:1450px){.hero-visual{height:590px}}@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{gap:20px}nav{gap:20px}.hero-grid{gap:25px}.hero-visual{height:470px}.hero-note{gap:15px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-image{height:280px}.split,.planning{gap:40px}.contact-layout{gap:35px}.catalog-tools{align-items:start;flex-direction:column}.search{width:100%;max-width:none}.footer-grid{gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.utility .wrap{justify-content:center;font-size:8px;padding:9px 0}.utility a{display:none}.header-inner{padding:15px 0;gap:14px;flex-wrap:wrap}.logo{font-size:27px}.brand-mark{height:39px;width:39px;font-size:30px}.logo small{font-size:7px}.header .button{display:none}.menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);padding:8px 12px;border-radius:3px;font-size:12px}nav{display:none;order:4;flex-basis:100%;margin:0;flex-direction:column;gap:0;padding:10px 0}.nav-open nav{display:flex}.hero{padding:18px 0 25px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-copy{padding:20px 0 5px}.hero h1{font-size:45px}.hero-copy>p:not(.eyebrow){font-size:14px;margin:22px 0}.hero-note{margin-top:28px;font-size:8px;justify-content:space-between}.hero-visual{height:370px}.image-caption{left:12px;right:12px;bottom:12px;padding:15px}.image-caption strong{font-size:17px}.benefits>.wrap{grid-template-columns:1fr 1fr;padding:22px 0;gap:20px}.benefits .wrap>div{padding:0 8px!important;border:0}.benefits strong{font-size:12px}.benefits span{font-size:10px}.section{padding-top:48px;padding-bottom:48px}.section-heading{align-items:start;flex-direction:column;gap:15px}.section-heading>div>p:not(.eyebrow){margin:0 0 10px}.product-grid{gap:12px}.product-image{height:175px}.product-content{padding:17px 14px}.product-content h3{font-size:18px}.product-content p:not(.eyebrow){font-size:11px}.product-content .eyebrow{font-size:8px}.split,.planning,.contact-layout,.product-detail{grid-template-columns:1fr;gap:30px}.feature-section>.split{padding:40px 0}.feature-photo img{height:340px}.feature-photo{min-height:340px}.flow{display:grid;grid-template-columns:1fr 1fr}.flow>div{padding:20px;min-width:0;border-bottom:1px solid var(--line)}.flow>div:not(:last-child):after{display:none}.flow>div:nth-child(2n){border-right:0}.flow h3{margin-top:15px}.planning{gap:20px}.cta{padding:45px 0}.cta .wrap{align-items:start;flex-direction:column;gap:10px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.page-intro{padding:43px 0}.page-intro h1{font-size:40px}.page-intro p:last-child{font-size:14px}.product-detail{padding:25px 0 40px}.detail-visual img{height:320px}.product-detail h1{font-size:36px}.application-grid{grid-template-columns:1fr}.application-grid article{padding:28px}.application-grid h2{font-size:29px}.about-image{height:350px}.form-panel{padding:25px 18px}.form-grid{grid-template-columns:1fr;gap:0}.footer-bottom{gap:20px}.table-scroll table{min-width:600px}.filter-buttons button{padding:9px 12px}.actions{gap:15px}.eyebrow{margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Official Hengyatong brand colors, sampled from the supplied logo. */
:root{--blue:#1d208a;--green:#009a44;--mint:#e7f4ec;--ink:#192842;--paper:#f3f6fa}.utility{background:var(--blue)}.logo{color:var(--blue)}.brand-logo{width:64px;height:64px;object-fit:contain}.button{background:var(--blue);border-color:var(--blue)}.button:hover{background:#3136a2}.button.light{color:var(--blue)}.eyebrow{color:var(--blue)}.hero h1{color:var(--blue)}.hero{background:linear-gradient(115deg,#f1f3ff,#eff7f0)}.hero-note{color:var(--green)}.hero-note span{font-weight:600}.image-caption a,.cta{background:var(--blue)}.cta .eyebrow{color:#83e4aa}.flow span{color:var(--green)}.filter-buttons button.active{background:var(--green);border-color:var(--green)}.product-content .eyebrow{color:var(--green)}nav a:hover,nav a[aria-current]{color:var(--blue);border-color:var(--green)}.text-link{color:var(--blue)}.no-cover{height:100%;min-height:180px;display:grid;place-items:center;background:linear-gradient(120deg,#eef0ff,#e3f3e9);color:var(--blue);font-size:14px;letter-spacing:.15em}.cms-content h2{font-size:29px;margin:35px 0 18px}.cms-content p{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.cms-content ul{padding-left:22px;color:var(--muted);font-size:14px;line-height:1.9}.cms-content figure{margin:30px 0}.cms-content figure img,.cms-content figure video{width:100%;max-height:700px;object-fit:contain;background:var(--paper);border-radius:5px}.cms-content iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:5px;background:var(--paper)}.cms-content figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:10px}.content-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:65px;align-items:start;border-top:1px solid var(--line)}.content-layout>div:only-child{grid-column:1/-1;max-width:960px}.content-layout .table-scroll{margin-top:0}.article-width{max-width:960px}.article-cover{width:100%;max-height:540px;object-fit:contain;background:var(--paper);margin-bottom:35px}.preview-banner{background:#fff4da;color:#765815;padding:12px 20px;text-align:center;font-size:13px}.product-grid:empty{display:none}
@media(max-width:1100px){nav{gap:16px;font-size:12px}.header-inner{gap:20px}.content-layout{gap:35px}}@media(max-width:760px){.brand-logo{width:48px;height:48px}.content-layout{grid-template-columns:1fr;gap:35px}.cms-content h2{font-size:25px}}
/* Compact navigation logo, aligned with the navigation text. */
.header .brand-logo{width:22px;height:22px}.header .logo{font-size:15px;gap:8px;line-height:1.4}.header .logo small{display:none}.header-inner{padding-top:18px;padding-bottom:18px}footer .brand-logo{width:42px;height:42px}
.product-gallery{position:relative}.gallery-stage{position:relative}.gallery-stage .gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:1px solid #d0d9e3;border-radius:50%;background:white;color:#1d208a;cursor:pointer;z-index:2}.gallery-prev{left:0}.gallery-next{right:0}.gallery-thumbnails{display:flex;gap:9px;overflow-x:auto;padding:15px 2px 3px;scroll-snap-type:x proximity}.gallery-thumb{flex:0 0 74px;height:68px;border:1px solid #dce2eb;border-radius:5px;background:white;padding:4px;cursor:pointer;scroll-snap-align:start}.gallery-thumb[aria-current="true"]{border:2px solid #009a44}.gallery-thumb img{height:100%;width:100%;object-fit:contain}.gallery-caption{font-size:10px;color:#758498;text-align:center;margin-top:10px}.gallery-stage>img{width:100%;object-fit:contain}.detail-visual{padding:20px}.gallery-arrow[hidden]{display:none}
.direct-contact{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.direct-contact h3{font-size:18px;margin-bottom:16px}.direct-contact a{display:block;font-size:13px;color:var(--blue);margin:15px 0;overflow-wrap:anywhere}.direct-contact a>span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}
.direct-contact strong{font-size:13px;font-weight:500}
