:root{
  --brand:#1e5b44;
  --brand-2:#2a7a5b;
  --text:#0f1a14;
  --muted:#5b6b62;
  --border:#e5ece8;
  --bg-soft:#f4f8f6;
  --max:1200px;
  --radius:14px;
  --shadow:0 10px 24px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  color:var(--text); background:#fff; line-height:1.6;
}
.container{max-width:var(--max); margin:0 auto; padding:0 24px}
a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline}
/* Header */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:20}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:70px}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.brand img{height:28px}
.brand .brand-text{display:flex;flex-direction:column;line-height:1}
.brand .brand-text small{color:var(--muted);font-size:13px;line-height:1.1}
.nav{display:flex;align-items:center;gap:10px}
.nav .cta{color:var(--brand);text-decoration:none}
/* Hero */
.hero{background:#0f231b url('/assets/img/hero-agri.svg') center/cover no-repeat;color:#fff;border-bottom:1px solid var(--border)}
.hero-inner{padding:56px 0 76px;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.hero h1{margin:0 0 6px;font-size:40px}
.hero p{margin:0 0 18px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;background:#fff;color:#0f231b;font-weight:600;box-shadow:var(--shadow)}
.btn.outline{background:transparent;border:2px solid #eaf5f0;color:#fff}
.section{padding:40px 0 64px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.card img{width:100%;display:block;background:#f4f8f6}
.card-body{padding:16px}
/* Product page */
.product-wrap{display:grid;grid-template-columns: 1.15fr .85fr;gap:32px;padding:38px 0}
.sticky{position:sticky;top:90px;align-self:start}
.kv{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.kv img{width:100%;height:auto;display:block;border-radius:10px}
.meta{color:var(--brand);text-decoration:none}
.pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef5f1;border:1px solid #dce9e2;font-size:.9rem}
h1{margin:0 0 10px}
.lede{color:#3a4b42}
.box{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.box h3{margin-top:0}
.check{padding-left:20px}
.check li{margin:8px 0}
.downloads{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.downloads a{color:var(--brand);text-decoration:none}
.note{font-size:.9rem;color:#54655c}
/* Footer */
.site-footer{border-top:1px solid var(--border);background:#fbfdfc;margin-top:40px}
.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:28px 0}
.copy{border-top:1px solid var(--border);margin:0;padding:12px 0;color:#6b7a72;font-size:.9rem}
@media (max-width: 920px){
  .product-wrap{grid-template-columns:1fr}
}
@media (prefers-color-scheme: dark){
  body{background:#0b0f0e;color:#e9f2ee}
  .site-header,.site-footer{background:#0b0f0e;border-color:#1a2822}
  .nav a{color:var(--brand);text-decoration:none}
  .card,.box{background:#0e1412;border-color:#1a2822}
  .kv{background:#0e1412;border-color:#1a2822}
  .downloads a{color:var(--brand);text-decoration:none}
  .pill{background:#11221b;border-color:#1b2d26;color:#cfe5da}
  .note{color:#9db5aa}
  .copy{border-color:#1a2822;color:#9db5aa}
}

.brand .brand-text strong{font-size:20px;line-height:1.05}

/* Button-style nav links */
.nav .btn-nav{
  display:inline-block;
  padding:8px 14px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fff;
  font-weight:600;
  box-shadow:var(--shadow);
}
.nav .btn-nav:hover{
  text-decoration:none;
  filter:brightness(.98);
}
.nav .btn-primary{
  background:var(--brand);
  color:#fff;
  border-color:var(--brand);
}
@media (prefers-color-scheme: dark){
  .nav .btn-nav{background:#0e1412;border-color:#1a2822;color:#e9f2ee}
  .nav .btn-primary{background:var(--brand-2);border-color:var(--brand-2);color:#e9f2ee}
}

a.button-link, .nav a, .footer a{color:var(--brand);text-decoration:none}
a.button-link:hover, .nav a:hover, .footer a:hover {
  background:#2a6e4f;
}

.btn.sm{padding:8px 12px;border-radius:10px;font-weight:600}