:root{
      --bg:#ffffff;
      --text:#1b1b1b;
      --muted:#5a5a5a;
      --orange:#c45100;        /* dark orange */
      --orange-2:#ff7a1a;      /* lighter accent */
      --border:#e8e8e8;
      --card:#ffffff;
      --radius:18px;
      --max:1120px;
      --shadow:0 16px 40px rgba(0,0,0,.10);
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
      background:var(--bg);
      color:var(--text);
      line-height:1.55;
    }
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}

    .wrap{max-width:var(--max);margin:0 auto;padding:28px;}

    /* TOP BAR (dark orange) */
    .topbar{
      background:var(--orange);
      color:#fff;
      position:sticky;
      top:0;
      z-index:50;
      box-shadow:0 8px 20px rgba(0,0,0,.08);
    }
    .topbar-inner{
      max-width:var(--max);
      margin:0 auto;
      padding:14px 28px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width: 220px;
    }
    .brand img{
      height:34px;
      width:auto;
      background:#fff;
      border-radius:10px;
      padding:6px 10px;
    }
    .brand .name{
      font-weight:900;
      letter-spacing:.2px;
      line-height:1.05;
    }
    .brand .tag{
      font-size:12px;
      opacity:.92;
      font-weight:650;
    }
    .navlinks{
      display:flex;
      gap:18px;
      font-size:14px;
      font-weight:700;
      opacity:.95;
    }
    .navlinks a{padding:8px 10px;border-radius:12px}
    .navlinks a:hover{background:rgba(255,255,255,.14)}
    .actions{display:flex;gap:10px;align-items:center}
    .btn{
      padding:10px 14px;
      border-radius:14px;
      font-weight:800;
      font-size:14px;
      border:1px solid rgba(255,255,255,.35);
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      white-space:nowrap;
    }
    .btn.primary{
      background:#fff;
      color:var(--orange);
      border-color:#fff;
    }
    .btn.ghost{
      background:transparent;
      color:#fff;
    }

    /* HERO (uses your banner image across the page) */
    .hero{
      position:relative;
      overflow:hidden;
      background:#f7f7f7;
    }
    .hero-media{
      position:absolute; inset:0;
      background:#000;
    }
    .hero-media img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
      filter:saturate(1.02) contrast(1.02);
    }
    .hero-overlay{
      position:absolute; inset:0;
      background:linear-gradient(90deg,
        rgba(255,255,255,.92) 0%,
        rgba(255,255,255,.85) 45%,
        rgba(255,255,255,.35) 78%,
        rgba(255,255,255,.18) 100%);
    }
    .hero-inner{
      position:relative;
      padding:70px 0 56px;
    }
    .hero-grid{
      display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap:28px;
      align-items:stretch;
    }
    .pill{
      display:inline-flex;
      gap:10px;
      align-items:center;
      background:rgba(196,81,0,.10);
      border:1px solid rgba(196,81,0,.22);
      color:var(--orange);
      padding:7px 12px;
      border-radius:999px;
      font-size:12px;
      font-weight:900;
      letter-spacing:.2px;
      width:fit-content;
    }
    h1{
      font-size:clamp(34px,3.2vw,56px);
      line-height:1.02;
      margin:14px 0 12px;
      letter-spacing:-.6px;
    }
    .sub{
      color:var(--muted);
      font-size:18px;
      max-width:62ch;
      margin:0 0 18px;
    }
    .hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
    .cta-btn{
      padding:12px 16px;
      border-radius:14px;
      border:1px solid var(--border);
      font-weight:900;
      font-size:14px;
      background:#fff;
      color:var(--text);
      box-shadow:0 10px 24px rgba(0,0,0,.08);
    }
    .cta-btn.primary{
      background:var(--orange);
      color:#fff;
      border-color:var(--orange);
      box-shadow:0 16px 30px rgba(196,81,0,.20);
    }
    .cta-btn:hover{transform:translateY(-1px)}
    .hero-card{
      background:rgba(255,255,255,.92);
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:22px;
      box-shadow:var(--shadow);
    }
    .hero-card h3{margin:0 0 10px}
    .hero-card p{margin:0;color:var(--muted)}
    .mini-stats{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      margin-top:16px;
    }
    .stat{
      border:1px solid var(--border);
      border-radius:16px;
      padding:12px 14px;
      background:#fff;
    }
    .stat .k{font-size:12px;color:#777;font-weight:900;text-transform:uppercase;letter-spacing:.25px}
    .stat .v{margin-top:6px;font-weight:950}

    /* SECTIONS */
    section{padding:56px 0}
    .section-title{font-size:28px;margin:0 0 10px;letter-spacing:-.2px}
    .section-sub{margin:0;color:var(--muted);max-width:80ch}
    .cards{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:22px;
    }
    .card{
      background:#fff;
      border:1px solid var(--border);
      border-radius:var(--radius);
      padding:22px;
      box-shadow:0 14px 34px rgba(0,0,0,.08);
    }
    .card h3{margin:0 0 10px}
    .card ul{margin:10px 0 0;padding-left:18px;color:var(--muted)}
    .card li{margin:6px 0}

    /* FEATURE STRIP (uses your farming banner image) */
    .feature-strip{
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
      background:#fff;
    }
    .strip{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:22px;
      align-items:center;
    }
    .strip-media{
      border-radius:var(--radius);
      overflow:hidden;
      border:1px solid var(--border);
      box-shadow:var(--shadow);
    }
    .strip-media img{
      width:100%;
      height:320px;
      object-fit:cover;
    }
    .strip .bullets{
      display:grid;
      gap:10px;
      margin-top:14px;
    }
    .bullet{
      display:flex;
      gap:10px;
      align-items:flex-start;
      padding:12px 14px;
      border-radius:16px;
      border:1px solid var(--border);
      background:#fff;
    }
    .dot{
      width:10px;height:10px;border-radius:50%;
      background:var(--orange);
      margin-top:6px;
      flex:0 0 auto;
    }
    .bullet b{display:block}
    .bullet span{color:var(--muted);font-size:14px}

    /* CTA */
    .cta-block{
      background:linear-gradient(135deg, var(--orange), var(--orange-2));
      color:#fff;
      border-radius:var(--radius);
      padding:40px;
      box-shadow:0 16px 44px rgba(196,81,0,.20);
    }
    .cta-block h2{margin:0 0 10px;font-size:28px}
    .cta-block p{margin:0;color:rgba(255,255,255,.92)}
    .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
    .cta-row a{
      background:#fff;
      color:var(--orange);
      border-radius:14px;
      padding:12px 16px;
      font-weight:950;
      border:1px solid rgba(255,255,255,.85);
    }

    footer{
      border-top:1px solid var(--border);
      padding:26px 0 40px;
      color:#777;
      font-size:13px;
    }

    /* RESPONSIVE */
    @media (max-width: 980px){
      .hero-grid{grid-template-columns:1fr}
      .cards{grid-template-columns:1fr}
      .strip{grid-template-columns:1fr}
      .navlinks{display:none}
      .brand{min-width:auto}
    }