:root{
    /* light — warm limestone + botanical green + brass */
    --sand:#EFE9DB; --sand-raise:#F7F2E8; --sand-sink:#E5DDCB;
    --ink:#12211B; --ink-soft:#47534C; --ink-faint:#6E776E;
    --green:#1B6E4B; --green-deep:#0E3D2B; --leaf:#4E9B4F;
    --gold:#A2762A;
    --line:rgba(18,33,27,.12); --line-2:rgba(18,33,27,.22);
    --glow-a:rgba(198,80,158,.20); --glow-b:rgba(86,174,90,.24);
    --on-green:#F4F1E6;
    --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    --font-mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;
    --maxw:1180px;
  }
  @media (prefers-color-scheme:dark){
    :root{
      --sand:#0B1510; --sand-raise:#111F18; --sand-sink:#0D1A14;
      --ink:#E9E3D2; --ink-soft:#A6AFA4; --ink-faint:#7C857B;
      --green:#3FA06F; --green-deep:#8FD3AC; --leaf:#6FBE67;
      --gold:#D2AC63;
      --line:rgba(233,227,210,.14); --line-2:rgba(233,227,210,.26);
      --glow-a:rgba(198,80,158,.16); --glow-b:rgba(86,174,90,.16);
      --on-green:#06120C;
    }
  }
  :root[data-theme="dark"]{
    --sand:#0B1510; --sand-raise:#111F18; --sand-sink:#0D1A14;
    --ink:#E9E3D2; --ink-soft:#A6AFA4; --ink-faint:#7C857B;
    --green:#3FA06F; --green-deep:#8FD3AC; --leaf:#6FBE67;
    --gold:#D2AC63;
    --line:rgba(233,227,210,.14); --line-2:rgba(233,227,210,.26);
    --glow-a:rgba(198,80,158,.16); --glow-b:rgba(86,174,90,.16);
    --on-green:#06120C;
  }
  :root[data-theme="light"]{
    --sand:#EFE9DB; --sand-raise:#F7F2E8; --sand-sink:#E5DDCB;
    --ink:#12211B; --ink-soft:#47534C; --ink-faint:#6E776E;
    --green:#1B6E4B; --green-deep:#0E3D2B; --leaf:#4E9B4F;
    --gold:#A2762A;
    --line:rgba(18,33,27,.12); --line-2:rgba(18,33,27,.22);
    --glow-a:rgba(198,80,158,.20); --glow-b:rgba(86,174,90,.24);
    --on-green:#F4F1E6;
  }

  *{box-sizing:border-box}
  body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--font-sans);
    line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.02em;line-height:1.04;font-weight:800}
  p{margin:0}
  .mono{font-family:var(--font-mono)}
  .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600}
  .tnum{font-variant-numeric:tabular-nums}
  :focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}

  /* ---------- nav ---------- */
  .nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--sand) 86%,transparent);
    backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
  .nav-in{display:flex;align-items:center;gap:20px;height:64px}
  .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-weight:700;letter-spacing:-.01em;font-size:15px}
  .brand .dot{width:22px;height:22px;border-radius:6px;background:
    radial-gradient(circle at 30% 30%,var(--leaf),var(--green) 60%,var(--green-deep));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
  .brand b{color:var(--green)}
  .nav-links{display:flex;gap:22px;margin-left:auto;font-size:14px;color:var(--ink-soft)}
  .nav-links a:hover{color:var(--ink)}
  .nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:var(--on-green);
    padding:9px 16px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid transparent}
  .nav-cta:hover{background:var(--green-deep)}
  .pill{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
    border:1px solid var(--line-2);color:var(--ink-faint);padding:3px 8px;border-radius:999px}
  @media(max-width:820px){.nav-links{display:none}}

  /* ---------- hero ---------- */
  .hero{position:relative;padding:76px 0 40px;overflow:hidden}
  .hero-glow{position:absolute;inset:-20% -10% auto -10%;height:620px;z-index:0;filter:blur(60px);opacity:.9;
    background:
      radial-gradient(40% 55% at 74% 18%,var(--glow-a),transparent 70%),
      radial-gradient(45% 60% at 26% 30%,var(--glow-b),transparent 72%);
    animation:drift 22s ease-in-out infinite alternate}
  @keyframes drift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.06)}}
  .hero-in{position:relative;z-index:1;max-width:900px}
  .hero h1{font-size:clamp(40px,6.4vw,74px);margin:18px 0 0}
  .hero h1 em{font-style:normal;color:var(--green)}
  .lede{max-width:60ch;margin-top:20px;font-size:clamp(16px,1.7vw,19px);color:var(--ink-soft)}
  .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
  .btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:999px;font-weight:600;font-size:15px;border:1px solid var(--line-2);transition:transform .15s ease,background .15s ease}
  .btn:hover{transform:translateY(-1px)}
  .btn-primary{background:var(--green);color:var(--on-green);border-color:transparent}
  .btn-primary:hover{background:var(--green-deep)}
  .btn-ghost{background:transparent;color:var(--ink)}
  .btn-ghost:hover{border-color:var(--ink)}
  .trust{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint)}
  .trust span{display:inline-flex;align-items:center;gap:7px}
  .trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--leaf)}
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:44px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .stat{background:var(--sand-raise);padding:20px 18px}
  .stat .n{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.03em}
  .stat .n b{color:var(--gold);font-weight:800}
  .stat .l{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px}
  @media(max-width:680px){.stats{grid-template-columns:repeat(2,1fr)}}

  /* ---------- section scaffolding ---------- */
  section{padding:66px 0;border-top:1px solid var(--line)}
  .sec-head{max-width:70ch;margin-bottom:34px}
  .sec-head h2{font-size:clamp(26px,3.6vw,40px);margin-top:12px}
  .sec-head p{margin-top:14px;color:var(--ink-soft);font-size:17px;max-width:62ch}

  /* ---------- market position axis ---------- */
  .axis{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;align-items:stretch}
  .node{background:var(--sand-raise);border:1px solid var(--line);border-radius:14px;padding:22px}
  .node.mid{border-color:var(--green);box-shadow:0 0 0 1px var(--green), 0 18px 40px -24px var(--green)}
  .node .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}
  .node.mid .tag{color:var(--green)}
  .node .price{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:8px 0 4px}
  .node .desc{font-size:14px;color:var(--ink-soft)}
  .axis-bar{height:3px;border-radius:3px;margin:22px 0 4px;background:linear-gradient(90deg,var(--gold),var(--green) 52%,var(--ink-faint))}
  .axis-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}
  @media(max-width:760px){.axis{grid-template-columns:1fr}}

  /* ---------- systems grid ---------- */
  .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .card{background:var(--sand-raise);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}
  .card:hover{border-color:var(--green);transform:translateY(-2px)}
  .card .tag{align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-green);background:var(--green);padding:3px 8px;border-radius:6px}
  .card h3{font-size:18px;letter-spacing:-.01em}
  .card .spec{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);line-height:1.5}
  .card .spec b{color:var(--gold);font-weight:600}
  @media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.grid{grid-template-columns:1fr}}

  /* ---------- crops ---------- */
  .chips{display:flex;flex-wrap:wrap;gap:10px}
  .chip{border:1px solid var(--line-2);border-radius:999px;padding:9px 16px;font-size:14px;display:inline-flex;gap:9px;align-items:center;background:var(--sand-raise)}
  .chip .k{font-family:var(--font-mono);font-size:11px;color:var(--green);font-weight:600}

  /* ---------- industries ---------- */
  .ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .ind{background:var(--sand-raise);border:1px solid var(--line);border-radius:14px;padding:22px;position:relative}
  .ind.flag{border-color:var(--gold)}
  .ind .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}
  .ind h3{font-size:18px;margin:8px 0}
  .ind p{font-size:14px;color:var(--ink-soft)}
  .ind .badge{position:absolute;top:16px;right:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:2px 7px}
  @media(max-width:820px){.ind-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.ind-grid{grid-template-columns:1fr}}

  /* ---------- proof ---------- */
  .proof{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px}
  .frame{position:relative;border-radius:14px;border:1px solid var(--line);overflow:hidden;min-height:220px;
    background:
      linear-gradient(135deg,var(--sand-sink),var(--sand-raise));
    display:flex;align-items:flex-end}
  .frame::before{content:"";position:absolute;inset:0;opacity:.5;
    background:
      radial-gradient(60% 40% at 30% 20%,var(--glow-b),transparent 70%),
      repeating-linear-gradient(90deg,transparent 0 22px,var(--line) 22px 23px)}
  .frame .cap{position:relative;z-index:1;padding:16px;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft)}
  .frame .play{position:absolute;z-index:1;top:16px;left:16px;width:44px;height:44px;border-radius:50%;
    background:var(--green);color:var(--on-green);display:grid;place-items:center;font-size:15px}
  .frame .ph{position:absolute;z-index:1;top:22px;right:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);border:1px dashed var(--line-2);padding:3px 7px;border-radius:6px}
  .frame.photo{background-size:cover;background-position:center}
  .frame.photo::before{display:none}
  .frame.photo .cap{width:100%;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.75);background:linear-gradient(to top,rgba(0,0,0,.62),transparent);padding:34px 16px 14px}
  @media(max-width:820px){.proof{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.proof{grid-template-columns:1fr}}

  /* ---------- roi ---------- */
  .roi{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--sand-raise);border:1px solid var(--line);border-radius:18px;padding:28px}
  .field{margin-bottom:16px}
  .field label{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px}
  .field input,.field select{width:100%;background:var(--sand);border:1px solid var(--line-2);color:var(--ink);
    padding:11px 12px;border-radius:10px;font-family:var(--font-mono);font-size:15px}
  .seg{display:flex;gap:8px;flex-wrap:wrap}
  .seg button{flex:1;min-width:90px;background:var(--sand);border:1px solid var(--line-2);color:var(--ink-soft);
    padding:10px;border-radius:10px;font-family:var(--font-mono);font-size:13px;cursor:pointer}
  .seg button.on{background:var(--green);color:var(--on-green);border-color:transparent}
  .readout{background:var(--green-deep);color:var(--on-green);border-radius:14px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:2px}
  :root[data-theme="dark"] .readout,{color:var(--on-green)}
  .readout .rrow{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14)}
  .readout .rrow:last-child{border-bottom:0}
  .readout .rk{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;opacity:.85}
  .readout .rv{font-size:26px;font-weight:800;letter-spacing:-.02em}
  .readout .rv small{font-size:13px;font-weight:600;opacity:.8}
  .disc{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);margin-top:14px}
  @media(max-width:760px){.roi{grid-template-columns:1fr}}

  /* ---------- compare ---------- */
  .tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
  table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}
  th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
  thead th{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}
  th.us,td.us{background:color-mix(in srgb,var(--green) 12%,transparent)}
  thead th.us{color:var(--green)}
  td.us{font-weight:600}
  tbody tr:last-child td{border-bottom:0}
  .rowlbl{font-weight:600;color:var(--ink)}
  .yes{color:var(--green);font-weight:700}
  .no{color:var(--ink-faint)}

  /* ---------- contact ---------- */
  .contact{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
  .form{background:var(--sand-raise);border:1px solid var(--line);border-radius:18px;padding:26px}
  .form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .chan a{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;background:var(--sand-raise)}
  .chan a:hover{border-color:var(--green)}
  .chan .ic{width:40px;height:40px;border-radius:10px;background:var(--sand-sink);display:grid;place-items:center;font-size:18px}
  .chan .t{font-weight:600}
  .chan .s{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft)}
  .note{margin-top:6px;font-size:14px;color:var(--ink-soft)}
  #ok{display:none;margin-top:14px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--green) 16%,transparent);border:1px solid var(--green);font-size:14px}
  @media(max-width:760px){.contact{grid-template-columns:1fr}.form .row2{grid-template-columns:1fr}}

  /* ---------- footer ---------- */
  footer{border-top:1px solid var(--line);padding:44px 0 60px;color:var(--ink-soft)}
  .foot{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}
  .foot .tagline{max-width:36ch;font-size:14px;margin-top:10px}
  .foot-links{display:flex;gap:34px;flex-wrap:wrap;font-size:14px}
  .foot small{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint)}

  /* downloads */
  .dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  @media(max-width:820px){.dl-grid{grid-template-columns:1fr}}
  .dcard{display:flex;flex-direction:column;gap:9px;background:var(--sand-raise);border:1px solid var(--line);border-radius:14px;padding:22px;transition:border-color .15s,transform .15s}
  .dcard:hover{border-color:var(--green);transform:translateY(-2px)}
  .dcard .tag{align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line-2);padding:3px 9px;border-radius:6px}
  .dcard h3{font-size:18px;letter-spacing:-.01em}
  .dcard p{font-size:13.5px;color:var(--ink-soft)}
  .dcard .go{margin-top:auto;font-weight:600;color:var(--green);font-size:14px}

  .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
  .reveal.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none}
    .hero-glow{animation:none}
    .btn:hover,.card:hover{transform:none}
  }
.lang{font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);border:1px solid var(--line-2);border-radius:8px;padding:4px 7px;line-height:1;text-decoration:none}
.lang:hover{color:var(--ink);border-color:var(--ink)}
.langsw{display:flex;gap:5px;align-items:center;margin-left:8px}
@media(max-width:900px){.langsw{display:none}}