:root{--ink:#121513;--green:#468555;--green-d:#2a6a3b;--bg:#f3f5f3;--card:#fff;--line:#d3dad5;--muted:#56605a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font:17px/1.6 "Barlow",system-ui,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif;line-height:1.05;margin:0}
a{color:var(--green-d)}
a:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.topbar{background:var(--ink);color:#c9d1cb;font-size:14px}
.topbar .wrap{display:flex;flex-wrap:wrap;gap:4px 28px;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.topbar a{color:#fff;text-decoration:none}
.topbar a:hover{text-decoration:underline}
header.main{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.main .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.brand img{display:block;height:50px;width:auto;max-width:100%}
nav{display:flex;align-items:center;gap:26px}
nav a{color:var(--ink);text-decoration:none;font-weight:600}
nav a:hover,nav a[aria-current]{color:var(--green-d)}
nav a[aria-current]{box-shadow:0 3px 0 var(--green)}
nav .call{background:var(--green);color:var(--ink);padding:9px 18px;box-shadow:none}
nav .call:hover{background:var(--ink);color:#fff}
.hero{background:var(--ink);color:#fff;border-bottom:6px solid var(--green)}
.hero .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero h1{font-size:clamp(2.8rem,6vw,4.7rem);font-weight:700}
.hero p{color:#cfd7d1;max-width:46ch;margin:20px 0 30px;font-size:1.1rem}
.hero.slim .wrap{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;background:var(--green);color:var(--ink);padding:13px 26px;text-decoration:none;font:700 1.25rem "Barlow Condensed","Arial Narrow",sans-serif}
.btn:hover{background:#fff}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
.btn.ghost:hover{background:#fff;color:var(--ink)}
.panel{background:#fff;color:var(--ink);padding:26px 28px}
.panel h2{font-size:1.7rem;margin-bottom:6px}
.panel p{color:var(--muted);margin:0 0 12px;font-size:1rem}
.rows{list-style:none;margin:0;padding:0}
.rows li{border-top:1px solid var(--line)}
.rows a{display:flex;justify-content:space-between;gap:12px;padding:12px 4px;color:var(--ink);text-decoration:none;font-weight:600}
.rows a:hover{color:var(--green-d)}
.rows span{font-size:.8rem;font-weight:600;color:var(--muted);border:1px solid var(--line);padding:1px 8px;align-self:center}
section{padding:60px 0}
h2.title{font-size:2.5rem;margin-bottom:8px}
.lead{color:var(--muted);max-width:60ch;margin:0 0 28px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}
.grid .rows li:last-child{border-bottom:1px solid var(--line)}
.download{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;background:#fff;border-left:6px solid var(--green);padding:24px 28px}
.download h3{font-size:1.7rem}.download p{margin:4px 0 0;color:var(--muted)}
.contact{background:#fff;border-top:1px solid var(--line)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.contact address{font-style:normal;font-size:1.1rem}
.contact dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 22px;margin:18px 0 0}
.contact dt{font-weight:600}.contact dd{margin:0}
footer{background:var(--ink);color:#aab4ad;padding:26px 0;font-size:.95rem;border-top:6px solid var(--green)}
@media(max-width:820px){.hero .wrap,.cols{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.topbar .hide{display:none}nav a:not(.call){display:none}.hero .wrap{padding-top:44px;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.about{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about p{max-width:62ch;margin:0 0 16px}
.facts{list-style:none;margin:0;padding:0;align-self:start}
.facts li{border-top:3px solid var(--green);padding:14px 0 18px}
.facts strong{display:block;font:700 2.1rem/1.1 "Barlow Condensed","Arial Narrow",sans-serif}
.facts span{color:var(--muted)}

.form{background:var(--bg);padding:26px 28px;border-left:6px solid var(--green)}
.form h3{font-size:1.7rem;margin-bottom:14px}
.form label{display:block;font-weight:600;margin-bottom:14px}
.form input,.form textarea{display:block;width:100%;margin-top:5px;padding:11px 12px;font:inherit;border:1px solid #8d998f;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:3px solid var(--green);outline-offset:1px}
.form button{border:0;cursor:pointer}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}

.product{border-top:1px solid var(--line)}
.ticks{list-style:none;margin:0 0 18px;padding:0}
.ticks li{position:relative;padding:10px 0 10px 28px;border-top:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:4px;top:19px;width:10px;height:10px;background:var(--green)}
.spec{overflow-x:auto}
.spec table{width:100%;border-collapse:collapse;background:#fff;min-width:420px}
.spec th,.spec td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:.95rem}
.spec th{background:var(--ink);color:#fff;font-weight:600}

.plist{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.pitem{border-top:3px solid var(--green);padding:16px 0 28px;scroll-margin-top:90px}
.pitem h3{font-size:1.9rem;margin-bottom:6px}
.pitem p{margin:0 0 8px;max-width:52ch}
.pitem a{font-weight:600}
.rows span{white-space:nowrap}
footer a{color:#fff}
@media(max-width:820px){.plist{grid-template-columns:1fr}}