@charset "UTF-8";
:root{--ink:#102e3b;--muted:#5b6d74;--navy:#0c2c3b;--green:#b7ee65;--accent:#167447;--line:#dce5e8;--pale:#f2f6f7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #3994be;outline-offset:5px}input:focus,select:focus,textarea:focus{outline:2px solid #167447;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}h1{font-size:clamp(32px,4vw,56px);letter-spacing:-.045em;font-weight:750}h2{font-size:32px;letter-spacing:-.025em}h3{font-size:20px}p{color:var(--muted)}.wrap{max-width:1280px;width:calc(100% - 80px);margin:auto}.topbar{background:var(--navy);color:#d0dee2;font-size:12px;letter-spacing:.04em}.topbar .wrap{display:flex;justify-content:space-between;padding:7px 0}.topbar a{color:#fff}.head{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.head .wrap{min-height:86px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:15px;flex-shrink:0}.brand b{font:800 32px/1 Arial,sans-serif;letter-spacing:-2px;border-left:5px solid var(--accent);padding-left:10px}.brand span{font-size:12px;line-height:1.6;color:var(--muted)}.brand strong{display:block;font-size:15px;color:var(--ink);letter-spacing:.1em}.head nav{display:flex;gap:24px;margin-left:auto;align-items:center;font-size:14px;font-weight:600}.head nav a:hover,.head nav a.active{color:var(--accent)}.head nav a.active{box-shadow:0 3px var(--accent);padding:28px 0}.head .contact-btn{padding:10px 18px;background:var(--navy);color:white;font-size:14px;white-space:nowrap}.menu-btn{display:none}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:650;color:var(--accent);margin-bottom:16px}.hero{background:linear-gradient(110deg,#f0f5f5,#f8fafb);position:relative}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:52px;padding:54px 0 43px;align-items:center}.hero h1{margin-bottom:18px}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{font-size:16px;margin-bottom:26px}.searchbox{display:flex;background:#fff;border:1px solid #a8b9be;box-shadow:0 8px 24px #0c2c3b08;padding:6px;gap:8px}.searchbox input{min-width:0;width:100%;border:0;padding:12px 10px;color:var(--ink);background:white}.searchbox button{border:0;background:var(--accent);color:white;padding:10px 25px;white-space:nowrap}.hot{display:flex;gap:15px;font-size:13px;color:var(--muted);margin-top:12px;flex-wrap:wrap}.hot a{border-bottom:1px solid #acb8bb}.hero-visual{position:relative;background:#fff;border:1px solid #dce6e8;min-height:310px;padding:28px 30px 22px;overflow:hidden}.hero-visual .serial{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.17em;color:#75868c}.hero-visual img{width:100%;height:214px;object-fit:contain;position:relative;margin:10px auto 5px}.hero-visual .caption{display:flex;justify-content:space-between;align-items:end;font-size:13px}.hero-visual .caption b{font-size:22px}.hero-visual .caption span{color:var(--muted)}.quick{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d5e0e4;padding:22px 0}.quick a{display:flex;align-items:center;gap:16px;padding:5px 26px;border-right:1px solid #d5e0e4}.quick a:first-child{padding-left:0}.quick a:last-child{border:0}.quick svg{width:28px;height:28px;color:var(--accent);flex-shrink:0}.quick strong{font-size:17px;display:block}.quick small{font-size:13px;color:var(--muted)}.quick a:hover strong{color:var(--accent)}.section{padding:64px 0}.section.tint{background:var(--pale)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-title .eyebrow{margin-bottom:8px}.section-title p{margin-top:10px}.text-link{font-size:14px;color:var(--accent);white-space:nowrap;font-weight:600}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.filters button,.chip{padding:8px 17px;border:1px solid var(--line);background:#fff;font-size:14px;color:var(--ink)}.filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid var(--line);background:white;transition:transform .2s,border-color .2s}.product:hover{transform:translateY(-4px);border-color:var(--accent)}.product .pic{background:#f6f8f9;padding:25px;height:205px;display:grid;place-items:center}.product img{height:155px;width:100%;object-fit:contain;mix-blend-mode:multiply}.product .body{padding:20px}.product .kind{font-size:12px;color:var(--muted)}.product h3{font-family:Arial,sans-serif;font-size:21px;margin:5px 0 10px}.product p{font-size:14px;line-height:1.7}.product .foot{margin-top:18px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px;color:var(--accent)}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-feature{background:var(--navy);color:white;padding:34px;display:flex;flex-direction:column}.service-feature p{color:#b8cbd3;margin:15px 0 23px}.service-feature .eyebrow{color:var(--green)}.codes{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.codes a{border:1px solid #416271;padding:10px 20px;color:white;font:700 22px Arial}.codes a small{display:block;font:12px/1.8 -apple-system,sans-serif;color:#b8cbd3}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-link{padding:23px;background:white;border:1px solid var(--line)}.service-link svg{color:var(--accent);width:25px;height:25px;margin-bottom:12px}.service-link h3{font-size:18px}.service-link p{font-size:14px;margin-top:7px}.service-link:hover{border-color:var(--accent)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.path{padding:26px 0;border-top:2px solid var(--navy)}.path small{font-size:12px;color:var(--accent);letter-spacing:.13em}.path h3{margin:14px 0}.path p{font-size:15px;margin-bottom:15px}.resources{display:grid;grid-template-columns:1.15fr .85fr;gap:60px}.rows a,.row{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.rows h3{font-size:17px}.rows small{color:var(--muted);font-size:13px}.file-icon{background:#e9f2ed;padding:8px;color:var(--accent);font-size:12px;font-weight:700}.rows .row-text{flex:1}.faq-link{font-size:16px;line-height:1.6}.cta{background:var(--navy);color:#fff;padding:42px}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:28px}.cta p{color:#b7c9d0;margin-top:10px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 23px;background:var(--accent);border:1px solid var(--accent);color:white;font-size:15px;font-weight:600;white-space:nowrap}.btn.lime{background:var(--green);border-color:var(--green);color:var(--navy)}.btn.outline{background:transparent;color:var(--ink);border-color:#b6c7cd}.btn.secondary{background:white;color:var(--ink);border-color:#bbcbd1}.buttons{display:flex;gap:12px;flex-wrap:wrap}.footer{background:#f2f6f7;padding:35px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:24px}.footer .number{font:700 25px Arial}.footer p{font-size:13px;margin:9px 0}.footer-links{display:flex;gap:28px;font-size:14px}.footer-bottom{border-top:1px solid var(--line);margin-top:25px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.notice{padding:12px 16px;background:#edf4f1;border-left:3px solid var(--accent);font-size:14px;color:#466055;margin:20px 0}.crumb{font-size:13px;color:var(--muted);padding:23px 0}.page-head{padding:12px 0 32px}.page-head h1{font-size:40px;margin-bottom:16px}.page-head p{max-width:740px}.detail-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;padding:20px 0 50px}.detail-image{height:360px;background:var(--pale);display:grid;place-items:center;padding:40px}.detail-image img{height:280px;width:100%;object-fit:contain;mix-blend-mode:multiply}.detail h1{font:750 46px/1.2 Arial,sans-serif;margin:12px 0}.detail .subtitle{font-size:22px;margin-bottom:18px}.tag{display:inline-block;padding:4px 10px;font-size:12px;background:#edf4f1;color:var(--accent)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.specs div{border-left:2px solid var(--accent);padding-left:15px}.specs small{display:block;color:var(--muted);font-size:13px}.specs b{font-size:18px}.subnav{display:flex;gap:30px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:auto;font-size:14px;white-space:nowrap}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px}.article h2{font-size:26px;margin:36px 0 20px}.article h2:first-child{margin-top:0}.article p{margin-bottom:18px}.article li{margin:9px 0;color:var(--muted)}.aside-card{background:var(--pale);padding:25px;align-self:start}.aside-card h3{margin-bottom:14px}.aside-card p{font-size:14px;margin-bottom:18px}.aside-card a{display:block;margin-top:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}td,th{padding:17px 20px;border-bottom:1px solid var(--line);text-align:left}th{background:var(--pale);font-weight:600}td a{color:var(--accent);font-weight:650}.drawing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.drawing{border:1px solid var(--line);padding:20px}.drawing img{height:200px;width:100%;object-fit:contain}.drawing p{font-size:14px;margin:15px 0 0}.narrow{max-width:820px}.form-panel{padding:30px;border:1px solid var(--line);background:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field label{display:block;font-size:14px;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #b6c5cb;background:white;padding:11px;color:var(--ink);border-radius:0}.field.full{grid-column:1/-1}.field textarea{min-height:110px;resize:vertical}.result-panel{padding:24px;background:var(--pale);margin-top:24px}.result-panel h3{margin-bottom:12px}.result-item{padding:18px 0;border-bottom:1px solid var(--line)}.result-item:last-child{border-bottom:0}.result-item h3{font-size:18px;margin:4px 0}.result-item p{font-size:14px}.result-item small{color:var(--accent)}.empty{padding:30px;background:var(--pale)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.qr{width:190px;margin-top:20px}.copy-status{font-size:14px;color:var(--accent);min-height:26px}.mobile-bar{display:none}[hidden]{display:none!important}.skip{position:absolute;left:0;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:0}.list-card{border:1px solid var(--line);padding:25px}.list-card h3{margin:10px 0}.list-card p{font-size:14px}.back-link{font-size:14px;color:var(--accent)}
/* Schneider-inspired dark industrial campaign treatment */
:root{--ink:#1b1b1b;--muted:#5c6266;--navy:#1b1b1b;--green:#3dcd58;--accent:#1f8f3b;--line:#d7d9d8;--pale:#f4f5f4}.topbar{background:#111}.hero{background:#1b1b1b;color:#fff}.hero-carousel{overflow:hidden}.hero-slides{position:relative}.hero-slide{display:none}.hero-slide.active{display:block;animation:fade .45s ease}.hero-grid{grid-template-columns:1.08fr .92fr}.hero .lead{color:#d1d5d2}.searchbox{box-shadow:0 8px 24px #0005}.searchbox button{background:var(--green);color:#102515;font-weight:700}.hot{color:#c4cbc6}.hero-video{position:relative;background:#111;border:1px solid #4a4f4b;box-shadow:0 16px 42px #0007}.hero-video video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}.hero-video span{position:absolute;left:13px;bottom:10px;padding:3px 9px;background:#000b;font-size:12px;letter-spacing:.1em}.hero-poster{position:relative;height:310px;overflow:hidden;background:#0d0d0d}.hero-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000a,transparent 70%)}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster div{position:absolute;z-index:1;left:28px;bottom:25px;right:25px}.hero-poster span{display:block;font-size:11px;letter-spacing:.15em;color:var(--green)}.hero-poster b{font-size:22px;display:block;margin-top:6px}.hero-dots{position:absolute;z-index:2;left:50%;transform:translateX(-50%);bottom:108px;display:flex;gap:9px}.hero-dots button{border:0;border-radius:50%;height:9px;width:9px;background:#fff7;padding:0}.hero-dots button.active{background:var(--green);width:26px;border-radius:8px}.quick{border-top-color:#4f5651}.quick small{color:#c2c9c4}.quick a:hover strong{color:var(--green)}.taxonomy{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:30px 0 58px}.taxonomy-item{background:#fff;padding:22px;min-height:174px}.taxonomy-item:hover{background:#1b1b1b;color:#fff}.taxonomy-item>span{color:var(--accent);font:700 13px Arial}.taxonomy-item h3{font-size:18px;margin:12px 0 6px}.taxonomy-item p{font-size:14px;line-height:1.5;color:inherit}.taxonomy-item small{display:block;margin-top:10px;color:var(--muted);font-size:12px}.taxonomy-item:hover small{color:#cbd1cd}.document-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.document-card{border:1px solid var(--line);padding:20px}.document-card:hover{border-color:var(--accent);background:#f6faf6}.document-card b,.document-card span{display:block}.document-card span{font-size:13px;color:var(--muted);margin-top:5px}@keyframes fade{from{opacity:.4}to{opacity:1}}
@media(min-width:1600px){.hero-grid{padding:70px 0 55px}.hero-visual{min-height:345px}.hero-visual img{height:245px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.head .wrap{gap:18px}.head nav{gap:15px}.brand span{display:none}.hero-grid{gap:28px}.products{grid-template-columns:repeat(3,1fr)}.products .product:nth-child(4){display:none}.products.all .product:nth-child(4){display:block}.quick a{padding:5px 15px}.quick small{font-size:12px}.resources{gap:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{font-size:11px}.topbar .wrap span:last-child{display:none}.head .wrap{min-height:66px;gap:15px}.brand b{font-size:27px}.brand span{display:block;font-size:10px}.brand strong{font-size:12px}.head .contact-btn{margin-left:auto;font-size:12px;padding:8px 10px}.menu-btn{display:block;border:0;background:transparent;font-size:23px;padding:5px}.head nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;box-shadow:0 10px 20px #1232;padding:20px;flex-wrap:wrap;gap:24px}.head nav.open{display:flex}.head nav a.active{padding:0;box-shadow:none}.hero-grid{display:block;padding:30px 0 23px}.hero h1{font-size:33px;line-height:1.35}.hero .eyebrow{margin-bottom:12px;font-size:11px}.hero .lead{font-size:14px;margin-bottom:20px}.hero-visual{display:none}.searchbox input{font-size:14px;padding:10px 6px}.searchbox button{padding:10px 16px;font-size:14px}.hot{font-size:12px;gap:12px}.quick{grid-template-columns:1fr 1fr;gap:18px;padding:22px 0}.quick a,.quick a:first-child{padding:0 8px;border:0;gap:12px}.quick strong{font-size:16px}.quick small{font-size:12px}.quick svg{width:24px}.section{padding:38px 0}.section-title{align-items:start;gap:10px}.section-title h2{font-size:26px}.section-title p{font-size:14px}.section-title .text-link{font-size:12px;padding-top:9px}.eyebrow{font-size:11px}h2{font-size:26px}.products,.products.all{grid-template-columns:1fr 1fr;gap:12px}.products .product:nth-child(4){display:block}.product .pic{height:157px;padding:18px}.product img{height:125px}.product .body{padding:14px}.product h3{font-size:17px;line-height:1.4}.product p{font-size:13px}.product .foot{font-size:12px}.filters{gap:7px;margin:18px 0}.filters button{padding:7px 11px;font-size:13px}.service-grid,.resources,.detail-grid,.article-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.service-feature{padding:26px}.service-list{gap:12px}.service-link{padding:20px}.path-grid{grid-template-columns:1fr;gap:0}.path{padding:20px 0}.path h3{margin:10px 0}.path p{font-size:14px}.cta{padding:32px 0}.cta .wrap{display:block}.cta h2{font-size:24px}.cta p{font-size:14px}.cta .buttons{margin-top:22px}.footer{padding-bottom:85px}.footer-top{display:block}.footer-links{margin-top:22px;gap:20px;font-size:13px;flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}.mobile-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);z-index:30;padding:9px 0 calc(9px + env(safe-area-inset-bottom))}.mobile-bar a{text-align:center;font-size:12px;line-height:1.5}.mobile-bar svg{display:block;width:20px;height:20px;margin:0 auto 5px}.mobile-bar a:last-child{color:var(--accent);font-weight:700}.page-head h1{font-size:30px}.crumb{font-size:12px;padding:18px 0}.detail-grid{padding:0 0 28px}.detail-image{height:240px;order:1;padding:25px}.detail-image img{height:200px}.detail{order:0}.detail h1{font-size:36px}.detail .subtitle{font-size:19px}.detail p{font-size:14px}.specs b{font-size:16px}.subnav{gap:24px}.drawing-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:1}.form-panel{padding:20px}.contact-grid{gap:30px}.article-grid aside{margin-top:10px}.notice{font-size:13px}.codes a{padding:9px 17px}.btn{padding:11px 18px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:380px){.head .brand span{display:none}.head .wrap{gap:10px}.hero .eyebrow{letter-spacing:.09em}.section-title{flex-wrap:wrap}.product h3{overflow-wrap:anywhere}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-video{margin-top:26px}.hero-poster{height:220px;margin-top:26px}.hero-dots{bottom:96px}.taxonomy{grid-template-columns:1fr;margin-bottom:38px}.taxonomy-item{min-height:0;padding:18px}.document-cards{grid-template-columns:1fr}.hero-grid{display:block}.hero-carousel .hero-grid{padding-top:32px}}
/* Brand palette sampled from the supplied green campaign reference. */
:root{--ink:#102719;--muted:#526458;--navy:#062d18;--green:#43d05f;--accent:#16833a;--line:#d4e0d8;--pale:#f1f7f2}.topbar{background:#062d18}.hero{background:linear-gradient(112deg,#062617 0%,#0b592d 47%,#43c957 100%)}.hero-video{border-color:#76cf86}.hero-poster{background:#062617}.taxonomy-item:hover{background:#062d18}.btn.lime{background:#43d05f;border-color:#43d05f;color:#062d18}.quick{border-top-color:#8bd598}.quick a{border-right-color:#8bd598}