*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17231c;background:#fff}a{color:inherit;text-decoration:none}.top{height:76px;display:flex;align-items:center;gap:28px;padding:0 max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid #e7ece8;position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(10px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.08em}.brand img{width:42px;height:42px;object-fit:contain;border-radius:8px}.top nav{display:flex;gap:24px;margin-left:auto;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#1f6a42;color:#fff;padding:13px 19px;border-radius:10px;font-weight:700;border:1px solid #1f6a42}.btn.small{padding:10px 14px}.btn.ghost{background:#fff;color:#1f6a42}.menu{display:none;margin-left:auto;border:0;background:none;font-size:24px}.hero{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center;padding:74px 22px}.hero h1,.product h1{font-size:clamp(42px,6vw,72px);line-height:.99;letter-spacing:-.045em;margin:.12em 0 .28em}.lead{font-size:19px;line-height:1.65;color:#526159;max-width:650px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.14em;color:#387b55;text-transform:uppercase}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:#526159}.heroimg img{width:100%;border-radius:28px;display:block;box-shadow:0 22px 60px #153a2520}.strip{background:#143c27;color:#fff;padding:22px max(22px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px}.section{max-width:1180px;margin:auto;padding:88px 22px}.section.pale{max-width:none;background:#f5f8f5;padding-left:max(22px,calc((100vw - 1180px)/2));padding-right:max(22px,calc((100vw - 1180px)/2))}.sectionhead{max-width:700px}.sectionhead h2,.split h2,.contact h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.03em;margin:.15em 0}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.feature{border:1px solid #dce5de;border-radius:18px;padding:26px;background:#fff}.feature p,.sectionhead p,.split p,.contact p{color:#5a675f;line-height:1.65}.row{display:flex;max-width:none;justify-content:space-between;align-items:end;gap:30px}.search{min-width:300px;padding:14px 16px;border-radius:10px;border:1px solid #ccd7cf;font:inherit}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 22px}.chip{border:1px solid #ccd7cf;background:#fff;border-radius:999px;padding:9px 14px;cursor:pointer}.chip.active{background:#173e2a;color:#fff;border-color:#173e2a}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e2e8e3;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #1a4b2c12}.pic{aspect-ratio:1/1;background:#eef3ef}.pic img{width:100%;height:100%;object-fit:cover}.cardbody{padding:16px}.card h3{font-size:15px;line-height:1.4;margin:6px 0 14px}.price{font-weight:800;color:#1f6a42}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{width:100%;max-height:420px;object-fit:contain}.textlink{font-weight:800;color:#1f6a42}.contact{display:grid;grid-template-columns:1fr 1fr;gap:55px}.contactbox{background:#f2f7f3;border-radius:22px;padding:30px}.contactbox .btn{display:flex;margin-bottom:12px}.product{max-width:1180px;margin:auto;padding:70px 22px 100px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.productimg img{width:100%;max-height:720px;object-fit:contain;background:#f4f6f4;border-radius:22px}.productinfo h1{font-size:clamp(35px,5vw,58px)}.productdesc{line-height:1.7;color:#46524a}.productdesc img{max-width:100%}.variants{list-style:none;padding:0;border-top:1px solid #e0e6e1}.variants li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e0e6e1}.note{font-size:13px;color:#69756d;line-height:1.5}.back{font-size:14px;color:#547060}footer{border-top:1px solid #e4e9e5;max-width:1180px;margin:auto;padding:36px 22px 50px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;color:#5b675f}footer strong{color:#1b2c21}@media(max-width:850px){.top nav,.top>.btn{display:none}.top nav.open{display:flex;position:absolute;top:75px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid #ddd}.menu{display:block}.hero,.split,.contact,.product{grid-template-columns:1fr}.hero{padding-top:45px}.heroimg{order:-1}.featuregrid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.row{align-items:stretch;flex-direction:column}.search{min-width:0;width:100%}.strip{flex-direction:column}.product{gap:30px}footer{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr 1fr;gap:10px}.cardbody{padding:12px}.card h3{font-size:13px}.section{padding-top:65px;padding-bottom:65px}.hero h1{font-size:42px}}.pagecopy{max-width:1000px}.pagecopy>h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.035em}.pagecopy .company-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.pagecopy .company-card{border:1px solid #e1e8e2;border-radius:18px;padding:18px;background:#fff;overflow:hidden}.pagecopy .company-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.pagecopy .company-card .button,.pagecopy .button{display:inline-flex;background:#1f6a42;color:#fff;padding:11px 16px;border-radius:9px;font-weight:700}.pagecopy .map-viewer iframe{max-width:100%;border-radius:16px}.pagecopy input,.pagecopy textarea{max-width:100%;padding:12px;border:1px solid #ccd7cf;border-radius:8px}.pagecopy p{line-height:1.65}.pagecopy img{max-width:100%}@media(max-width:760px){.pagecopy .company-section{grid-template-columns:1fr}}.cart-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #ddd;gap:16px}.cart-row button{padding:5px 13px;cursor:pointer}.add-to-cart{cursor:pointer}#cart-items{max-width:800px}.quote-form{display:grid;gap:14px;max-width:640px;margin:28px 0}.quote-form label{display:grid;gap:5px;font-weight:600}.quote-form input,.quote-form textarea{width:100%;border:1px solid #bbcfc2;border-radius:9px;padding:12px;font:inherit}.quote-form .honeypot{position:absolute;left:-9999px;opacity:0}.quote-form button{cursor:pointer;max-width:320px}
html,body{max-width:100%;overflow-x:clip}img,video,iframe{max-width:100%}
button,input,textarea,select{font:inherit}a,button{touch-action:manipulation}
:focus-visible{outline:3px solid #217348;outline-offset:3px}
@media(max-width:850px){
.top{height:66px;padding:0 16px;gap:10px}.top .brand{min-width:0;font-size:15px}.top .brand img{width:38px;height:38px}
.top .menu{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin-left:auto;cursor:pointer}
.top nav.open{top:65px;box-shadow:0 16px 18px #00000014;z-index:50;gap:0;padding:10px 16px}
.top nav.open a{display:flex;align-items:center;min-height:48px;padding:9px 12px}
.hero{gap:20px;padding:30px 16px 38px}.hero h1{font-size:clamp(35px,9vw,48px)}.lead{font-size:16px}
.section,.section.pale{padding:48px 16px}.strip{padding:18px 16px}
.featuregrid{gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card{min-width:0}.cardbody{padding:12px}.card h3{overflow-wrap:anywhere}
.product{padding:30px 16px 55px;gap:24px}.product h1{overflow-wrap:anywhere}
.productdesc{overflow-wrap:anywhere}.productdesc table{display:block;max-width:100%;overflow-x:auto}
.contact{gap:20px}.cart-row{align-items:flex-start;flex-wrap:wrap}.cart-row>div:first-child{min-width:0;flex:1 1 160px;overflow-wrap:anywhere}
.quote-form{width:100%}.quote-form button{max-width:none;width:100%}
.actions{gap:10px}.actions .btn,.actions button{min-height:44px;justify-content:center;text-align:center}
.chip{min-height:44px}.search{min-height:48px}
footer{padding:28px 16px;gap:20px}
}
@media(max-width:390px){.top .brand span{font-size:13px}.grid{gap:8px}.cardbody{padding:10px}.card h3{font-size:12px}.card .price{font-size:13px}.hero h1{font-size:34px}.actions .btn,.actions button{width:100%}.product .variants li{gap:12px;overflow-wrap:anywhere}}