:root{--navy:#112b4a;--deep:#0b213a;--blue:#173e77;--red:#cf2836;--ink:#162a43;--muted:#5c697a;--line:#dce2e8;--paper:#f3f5f7;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}p{font-size:1rem;line-height:1.75}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ee5a64;outline-offset:5px}section{scroll-margin-top:20px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;border-bottom:1px solid var(--line);background:white;position:relative;z-index:20}.identity{display:flex;align-items:center;gap:12px}.identity img{width:64px;height:42px;object-fit:contain}.identity>span{font-size:1.5rem;letter-spacing:.1em;font-weight:800;line-height:1.2}.identity small{display:block;font-weight:500;letter-spacing:.12em;font-size:.65rem;margin-top:6px}.header nav{display:flex;gap:32px;align-items:center;font-size:.875rem;font-weight:600}.header nav>a:hover{color:var(--red)}.nav-contact{margin-left:16px;border:1px solid var(--line);padding:14px 18px}.nav-contact span{padding-left:18px}.menu-button{display:none}.skip-link{position:fixed;top:0;left:10px;z-index:100;background:white;padding:15px;transform:translateY(-130%)}.skip-link:focus{transform:none}.hero{min-height:690px;height:calc(100svh - 98px);max-height:970px;position:relative;isolation:isolate;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% 50%;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,30,55,.94) 0%,rgba(8,30,55,.84) 31%,rgba(8,30,55,.32) 66%,rgba(8,30,55,.07)),linear-gradient(0deg,rgba(8,30,55,.85),transparent 30%)}.hero-content{padding:70px 7% 125px;max-width:1000px}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;line-height:1.5;margin:0 0 25px;text-transform:uppercase}.hero .eyebrow{display:flex;gap:12px;align-items:center;color:#e3eaf5}.eyebrow>span{width:30px;height:3px;background:var(--red)}h1{font-size:clamp(3.5rem,6.2vw,6.35rem);font-weight:500;line-height:1.03;letter-spacing:-.055em;margin:0 0 26px}h1 em{font-style:normal;color:#9cb7dd}.hero-description{color:#e2e9f2;font-size:1.125rem;line-height:1.65;margin-bottom:30px}.button{min-height:54px;padding:17px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:.875rem;font-weight:700;line-height:1.5;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#e6edf6}.button-light{background:white;color:var(--navy)}.button span{font-size:1.2rem}.hero-foot{position:absolute;bottom:0;left:7%;right:7%;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff40;color:#dbe4f0;font-size:.75rem;letter-spacing:.04em}.hero-foot>span:first-child{font-weight:700;letter-spacing:.12em}.hero-foot a{white-space:nowrap}.section-wrap{max-width:1480px;margin:auto;padding:100px 7%}h2{font-size:clamp(2.2rem,3.7vw,4rem);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0 0 24px}.section-heading{display:grid;grid-template-columns:.7fr 1.45fr 1fr;gap:35px;align-items:start;margin-bottom:50px}.section-heading>.eyebrow{padding-top:8px}.section-heading h2{margin-bottom:0}.section-heading>p:last-child{color:var(--muted);padding-top:5px;margin:0}.brand-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:28px}.flagship{padding:35px 40px 30px;background:var(--paper);position:relative;border-top:4px solid var(--blue)}.brand-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.tag{font-size:.7rem;letter-spacing:.12em;font-weight:700;padding:8px 12px;background:var(--navy);color:white}.chinese{font-size:1rem;letter-spacing:.12em}.flagship-title h3{font-size:3rem;letter-spacing:-.04em;font-weight:500;margin-bottom:5px}.flagship-title p{font-size:.875rem;color:var(--muted)}.product-photo{height:235px;display:flex;align-items:center;justify-content:center;padding:15px 0 25px}.product-photo img{max-height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}.brand-bottom{border-top:1px solid #cdd7e2;padding-top:22px}.brand-bottom p{font-size:.875rem;color:var(--muted);margin-bottom:16px}.brand-bottom a,.text-link{font-size:.875rem;line-height:1.6;font-weight:700;display:inline-flex;gap:25px;align-items:center}.brand-bottom a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.secondary-brand{padding:35px;display:flex;flex-direction:column;border:1px solid var(--line);border-top:4px solid #245a40;gap:16px}.secondary-brand .brand-top{margin:0}.secondary-brand .eyebrow{margin:0;color:var(--muted)}.gallon-logo{width:220px;height:126px;object-fit:contain;margin:0 auto 5px}.secondary-brand h3{font-size:2rem;font-weight:500;letter-spacing:-.03em;margin-bottom:7px}.secondary-brand .chinese{margin-bottom:12px}.secondary-brand p:not(.chinese){font-size:.9375rem;color:var(--muted)}.secondary-brand .text-link{margin-top:auto;padding-top:12px}.systems{background:var(--navy);color:#fff}.systems-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:12%}.systems-intro>p:not(.eyebrow){color:#bdcddd;max-width:310px}.systems .eyebrow{color:#c4d4e8}.systems-intro .text-link{margin-top:22px;color:white}.system-list{border-top:1px solid #ffffff40}.system-list details{border-bottom:1px solid #ffffff40}.system-list summary{list-style:none;display:flex;align-items:start;gap:24px;padding:26px 0;cursor:pointer}.system-list summary::-webkit-details-marker{display:none}.system-number{font-size:.75rem;color:#91a9c4;padding-top:7px;font-variant-numeric:tabular-nums}.system-list summary>span:nth-child(2){font-size:1.55rem;line-height:1.4;letter-spacing:-.025em}.system-list summary small{display:block;letter-spacing:0;font-size:.8125rem;color:#a8bdd5;padding-top:7px}.plus{margin-left:auto;font-size:1.6rem;line-height:1.2;font-weight:300;transition:transform .2s}.system-list details[open] .plus{transform:rotate(45deg)}.system-detail{padding:0 40px 20px 43px}.system-detail p{font-size:.9375rem;color:#e1e8f0;line-height:1.7}.system-detail p.detail-note{font-size:.8125rem;color:#adbed3}.company{display:grid;grid-template-columns:1fr 1fr;gap:60px 70px;align-items:center}.company-copy>p{color:var(--muted)}.company-copy .lead{font-size:1.15rem;line-height:1.6;color:var(--ink)}.company-copy .eyebrow{color:var(--ink)}.company-copy>p:last-child{margin-bottom:0}.company-photo{margin:0;align-self:center}.company-photo img{height:460px;object-fit:cover;object-position:center}.company-photo figcaption{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:.7rem;line-height:1.5;color:var(--muted)}.company-photo figcaption>span:first-child{font-weight:700;letter-spacing:.1em;color:var(--ink)}.timeline{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:30px;gap:25px}.timeline strong{display:block;font-size:clamp(1.6rem,2.8vw,2.6rem);letter-spacing:-.04em;font-weight:500;margin-bottom:12px}.timeline p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.7}.contact{background:var(--deep);color:#fff;border-top:5px solid var(--red)}.contact-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px}.contact .eyebrow{color:#b0c2d8}.contact h2{font-size:clamp(2.6rem,4vw,4.4rem)}.contact-layout>div>p:not(.eyebrow){color:#bfcddd}.contact-label,.address>span{font-size:.75rem;letter-spacing:.13em;font-weight:700;color:#bbcce0}.email-address{display:flex;align-items:center;justify-content:space-between;font-size:clamp(1.05rem,2vw,1.85rem);font-weight:500;letter-spacing:-.02em;border-bottom:1px solid #ffffff50;padding:17px 0 22px;gap:20px;overflow-wrap:anywhere}.email-address:hover{color:#b6d3ff}.contact-actions{display:flex;gap:25px;align-items:center;margin-top:25px;flex-wrap:wrap}.copy-email{background:none;border:none;border-bottom:1px solid #66819e;padding:6px 0;color:#dbe6f4;font-size:.875rem;cursor:pointer}.copy-status{min-height:1.5rem;font-size:.8rem;margin:8px 0 0;color:#b6d3ff}.contact-prompt{font-size:.875rem!important;line-height:1.7;max-width:430px;margin:16px 0 30px}.address{border-top:1px solid #ffffff30;padding-top:25px}.address p{color:#d2dfed;font-size:.875rem;margin:10px 0 0}.footer{padding:35px 7%;display:flex;justify-content:space-between;gap:40px;align-items:center}.footer-brand{font-size:1.3rem;font-weight:800;letter-spacing:.09em}.footer-brand span{font-size:.7rem;display:block;letter-spacing:.18em;font-weight:500;margin-top:5px}.footer p{font-size:.75rem;color:var(--muted);margin:0;line-height:1.7}.footer p:last-child{text-align:right}@media(min-width:1700px){.section-wrap{padding-left:60px;padding-right:60px}}@media(max-width:1050px){.header{padding:0 5%;height:88px}.header nav{gap:18px}.nav-contact{margin-left:0;padding:11px}.identity>span{font-size:1.2rem}.identity img{width:48px}.hero{height:auto;min-height:700px}.hero-content{padding-left:6%;padding-right:6%}.hero-foot{left:6%;right:6%}.section-wrap{padding:75px 6%}.section-heading{grid-template-columns:1fr 1.3fr;gap:20px}.section-heading>.eyebrow{grid-column:1/-1;margin-bottom:0}.brand-grid{grid-template-columns:1.4fr 1fr;gap:20px}.flagship,.secondary-brand{padding:25px}.systems-layout{gap:7%}.company{gap:45px}.company-photo img{height:440px}.contact-layout{gap:35px}.contact-actions{gap:15px}}@media(max-width:740px){html{scroll-padding-top:20px}.header{height:82px;padding:0 6%}.identity small{font-size:.62rem}.menu-button{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);padding:11px 13px;font-size:.875rem}.header nav{display:none;position:absolute;top:82px;left:0;right:0;padding:22px 6%;background:white;box-shadow:0 12px 15px #112b4a12;flex-direction:column;align-items:stretch;gap:0}.header nav.is-open{display:flex}.header nav a{padding:15px 0}.header nav .nav-contact{border:0;border-top:1px solid var(--line);margin-top:5px}.hero{min-height:680px;height:calc(100svh - 82px);max-height:850px;justify-content:flex-start}.hero-photo{object-position:67% 50%}.hero-shade{background:linear-gradient(90deg,rgba(8,30,55,.9),rgba(8,30,55,.6)),linear-gradient(0deg,rgba(8,30,55,.7),transparent 60%)}.hero-content{padding:65px 7% 120px}h1{font-size:clamp(2.85rem,10vw,4.3rem);letter-spacing:-.055em;line-height:1.08}.hero .eyebrow{font-size:.64rem;letter-spacing:.09em;gap:8px;margin-bottom:30px}.hero .eyebrow>span{width:18px}.hero-description{font-size:1rem;line-height:1.7;margin-bottom:27px}.hero-foot{left:7%;right:7%;padding:22px 0;display:grid;gap:9px;font-size:.65rem}.hero-foot>span:first-child{display:none}.hero-foot>a{font-size:.75rem}.button{font-size:.8125rem;gap:22px;padding:16px 20px}.section-wrap{padding:65px 7%}.section-heading{display:block;margin-bottom:32px}.section-heading>.eyebrow{margin-bottom:22px}.section-heading>p:last-child{margin-top:20px}.eyebrow{font-size:.6875rem;margin-bottom:22px}h2{font-size:2.7rem}.brand-grid{grid-template-columns:1fr;gap:25px}.flagship{padding:26px}.flagship-title h3{font-size:2.8rem}.product-photo{height:210px}.brand-top{margin-bottom:24px}.secondary-brand{display:grid;grid-template-columns:1fr;gap:22px;padding:26px}.gallon-logo{height:100px;width:175px;margin:0 auto}.secondary-brand h3{font-size:1.85rem}.secondary-brand p{margin-bottom:8px}.secondary-brand .text-link{padding-top:0}.systems-layout{grid-template-columns:1fr;gap:40px}.systems-intro>p:not(.eyebrow){max-width:100%}.systems-intro .text-link{margin-top:7px}.system-list summary{gap:16px;padding:23px 0}.system-list summary>span:nth-child(2){font-size:1.35rem}.system-list summary small{font-size:.75rem}.system-detail{padding-left:31px;padding-right:16px}.company{grid-template-columns:1fr;gap:32px}.company-photo img{height:310px;width:100%}.company-photo figcaption{font-size:.625rem;gap:14px}.timeline{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:30px}.timeline strong{font-size:1.8rem}.timeline p{font-size:.8125rem}.contact-layout{grid-template-columns:1fr;gap:28px}.contact h2{font-size:2.8rem}.contact p{font-size:1rem}.email-address{font-size:1.4rem}.footer{padding:30px 7%;display:block}.footer p{margin-top:20px}.footer p:last-child{text-align:left}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}@media(max-width:360px){.identity img{width:40px}.identity{gap:8px}.identity>span{font-size:1rem}.menu-button{padding:9px}.hero .eyebrow{font-size:.58rem}.hero-content{padding-top:50px}h1{font-size:2.7rem}.email-address{font-size:1.15rem}.contact-actions{align-items:flex-start;flex-direction:column}}
:root{--navy:#102f64;--deep:#081f47;--blue:#164f9c}.identity>span{letter-spacing:-.035em;font-size:1.7rem}.identity small{letter-spacing:.07em;font-size:.6rem}.hero-shade{background:linear-gradient(90deg,rgba(5,32,80,.96) 0%,rgba(9,43,100,.87) 34%,rgba(9,43,100,.34) 70%,rgba(9,43,100,.11)),linear-gradient(0deg,rgba(5,32,80,.9),transparent 35%)}.hero h1{font-size:clamp(3.8rem,6.5vw,6.6rem);line-height:1.08}.hero h1 em{color:#a9ccff}.brand-grid{grid-template-columns:1.8fr 1fr}.flagship{background:#edf3fb}.flagship-title h3{color:var(--blue)}@media(max-width:740px){.identity>span{font-size:1.4rem}.identity small{font-size:.55rem}.hero h1{font-size:clamp(3rem,10.8vw,4.4rem)}.hero-shade{background:linear-gradient(90deg,rgba(5,32,80,.93),rgba(9,43,100,.65)),linear-gradient(0deg,rgba(5,32,80,.8),transparent 50%)}.brand-grid{grid-template-columns:1fr}}
.identity small,.eyebrow,.tag,.hero .eyebrow,.hero-foot,.footer-brand span,.company-photo figcaption{font-size:.75rem}.hero .eyebrow{letter-spacing:.08em}.identity small{letter-spacing:.02em}.system-list summary small,.system-detail p.detail-note,.contact-label,.address>span,.brand-bottom p,.timeline p{font-size:.875rem}.brand-grid>*{min-width:0}.hero-content{min-width:0}.hero-foot{line-height:1.6}@media(max-width:740px){.identity{gap:8px}.identity img{width:43px}.identity small{font-size:.75rem;letter-spacing:0;max-width:155px;line-height:1.4}.identity>span{font-size:1.35rem}.hero .eyebrow{font-size:.75rem}.hero-foot{font-size:.75rem}.hero{height:auto;min-height:680px}.hero-content{padding-bottom:130px}.company-photo figcaption{font-size:.75rem}.footer-brand span{font-size:.75rem}.tag{font-size:.75rem}}@media(max-width:360px){.identity img{width:32px}.identity small{max-width:139px;font-size:.75rem}.menu-button{gap:8px}.hero .eyebrow{font-size:.75rem;letter-spacing:.02em}}
.header{gap:26px}.header nav{margin-left:auto;gap:26px}.header-actions{display:flex;align-items:center;gap:12px}.language-toggle{background:white;border:1px solid var(--line);padding:12px 14px;min-width:58px;min-height:46px;color:var(--blue);font-size:.875rem;line-height:1.4;cursor:pointer;white-space:nowrap}.language-toggle:hover{background:#edf3fb}.product-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-system{border:1px solid #ffffff35;background:#ffffff06;padding:28px 25px 22px;min-width:0}.product-system .system-number{display:block;font-size:.875rem;color:#92b5e8;margin-bottom:28px;padding:0}.product-system h3{font-size:1.5rem;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:0 0 15px}.product-system-type{font-size:.75rem!important;letter-spacing:.06em;color:#9bbce8;line-height:1.6;margin:0 0 18px}.product-system-description{font-size:1rem;line-height:1.75;color:#dfE9f6;margin-bottom:0}.systems-layout{grid-template-columns:.82fr 1.5fr;gap:8%}.systems-intro h2{font-size:clamp(2.5rem,3.4vw,3.7rem)}html[lang='zh-CN']{font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif}html[lang='zh-CN'] h1{letter-spacing:.015em;line-height:1.35;font-size:clamp(3rem,5.3vw,5.5rem)}html[lang='zh-CN'] h2{letter-spacing:.01em;line-height:1.4}html[lang='zh-CN'] .eyebrow{letter-spacing:.08em}html[lang='zh-CN'] p{line-height:1.95}html[lang='zh-CN'] .product-system h3{line-height:1.55;letter-spacing:0}html[lang='zh-CN'] .timeline strong{letter-spacing:0}html[lang='zh-CN'] .product-system-description{line-height:1.95}@media(max-width:1050px){.header{gap:18px}.header nav{gap:18px}.header nav .nav-contact{margin:0}.identity small{max-width:180px}.header-actions{gap:8px}.systems-layout{gap:5%;grid-template-columns:.8fr 1.5fr}.product-system-grid{gap:16px}.product-system{padding:23px 20px}.product-system h3{font-size:1.25rem}}@media(max-width:900px){.header{height:88px}.header nav{display:none;position:absolute;top:88px;left:0;right:0;margin:0;padding:20px 6%;background:white;box-shadow:0 12px 15px #112b4a12;flex-direction:column;align-items:stretch;gap:0}.header nav.is-open{display:flex}.header nav a{padding:15px 0}.header nav .nav-contact{border:0;border-top:1px solid var(--line);margin-top:5px}.menu-button{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);padding:12px 13px;min-height:46px;font-size:.875rem}.header-actions{margin-left:auto}.systems-layout{grid-template-columns:1fr;gap:32px}.systems-intro>p:not(.eyebrow){max-width:560px}.product-system .system-number{margin-bottom:20px}.product-system h3{font-size:1.5rem}}@media(max-width:740px){.header{height:82px;padding:0 5%;gap:12px}.header nav{top:82px}.identity small{font-size:.75rem;max-width:none;white-space:nowrap}.identity>span{font-size:1.4rem}.header-actions{gap:8px}.language-toggle{padding:11px 10px;min-width:50px}.menu-button{padding:10px 12px}.menu-label{display:none}.product-system-grid{grid-template-columns:1fr;gap:16px}.product-system{padding:25px}.product-system h3{font-size:1.5rem}.product-system .system-number{margin-bottom:17px}.product-system-type{font-size:.75rem}.product-system-description{font-size:1rem}.systems-intro h2{font-size:2.7rem}html[lang='zh-CN'] h1{font-size:clamp(2rem,7.9vw,3.5rem);line-height:1.5}html[lang='zh-CN'] h2{font-size:2.05rem;line-height:1.5}}@media(max-width:360px){.identity img{width:30px}.identity>span{font-size:1.2rem}.identity small{font-size:.75rem}.header{gap:6px}.header-actions{gap:5px}.language-toggle{padding:10px 8px}.menu-button{padding:10px}.identity{gap:6px}}