:root{
      --green-700:#21603a; --green-500:#2e8b57; --earth:#a57c4f; --bg:#fcfdf9; --muted:#55605a;
      --max-width:1100px;
      --radius:14px;
      --accent:#f2c94c;
      color-scheme: light;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
      background:linear-gradient(180deg,#fbfdf8 0%, #f6fbf7 100%);color:#07332f;line-height:1.45;
      -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:24px;
      display:flex;justify-content:center;
    }
    .container{max-width:var(--max-width);width:100%;}
    header{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
    .brand{display:flex;align-items:center;gap:12px}
    .logo{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--green-700),var(--green-500));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
    nav a{margin:0 8px;color:var(--muted);text-decoration:none}
    .cta{background:var(--green-700);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}

    /* Hero */
    .hero{display:grid;grid-template-columns:1fr;gap:18px;align-items:center;padding:18px;background:linear-gradient(180deg, rgba(34,99,64,0.04), rgba(177,213,186,0.02));border-radius:var(--radius);box-shadow:0 6px 18px rgba(13,30,20,0.06)}
    .hero-main{padding:18px}
    h1{margin:0;font-size:clamp(1.4rem,3.5vw,2.4rem);line-height:1.05;color:var(--green-700)}
    p.lead{margin:10px 0;color:var(--muted);font-size:1rem}
    .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
    .btn-primary{background:var(--green-700);color:#fff;padding:12px 16px;border-radius:10px;border:0;font-weight:700}
    .btn-outline{background:transparent;border:2px solid var(--green-700);color:var(--green-700);padding:10px 14px;border-radius:10px}

    /* cards */
    .grid{display:grid;gap:14px}
    .categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
    .card{background:#fff;border-radius:12px;padding:14px;box-shadow:0 6px 18px rgba(10,30,20,0.03);display:flex;gap:12px;align-items:center}
    .icon-wrap{width:56px;height:56px;border-radius:10px;background:linear-gradient(180deg,var(--green-500),#67b26b);display:flex;align-items:center;justify-content:center;color:#fff}
    .card h4{margin:0;font-size:1rem}
    .card p{margin:4px 0 0;color:var(--muted);font-size:0.9rem}

    /* features */
    .features{display:grid;grid-template-columns:1fr;gap:10px}
    .feature-item{display:flex;gap:12px;align-items:flex-start}
    .feature-item h3{margin:0;font-size:1.05rem}

    /* testimonials */
    .testimonials{display:grid;grid-auto-flow:column;grid-auto-columns:280px;overflow:auto;padding:10px 6px;gap:10px}
    .testimonial{background:#fff;padding:12px;border-radius:10px;min-width:260px}
    .testimonial p{margin:8px 0;color:var(--muted)}

    /* contact */
    .contact{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;background:#fff;border-radius:10px}
    label{font-size:0.9rem}
    input,textarea,select{width:100%;padding:10px;border-radius:8px;border:1px solid #e6efe7}
    button{cursor:pointer}

    footer{margin-top:18px;padding:12px 0;color:var(--muted);font-size:0.9rem}

    /* responsive layout */
    @media(min-width:860px){
      .hero{grid-template-columns:1fr 420px}
      .features{grid-template-columns:repeat(2,1fr)}
      header{padding:18px 0}
    }

    /* small UI niceties */
    .muted{color:var(--muted)}
    .stat{font-size:1.6rem;font-weight:800;color:var(--green-700)}
    .pill{background:var(--accent);padding:6px 10px;border-radius:999px;font-weight:700}

    /* smooth scroll behavior */
    html{scroll-behavior:smooth}

    /* language toggle */
    .lang-toggle{display:flex;gap:8px;align-items:center}
    .lang-toggle button{background:transparent;border:1px solid rgba(0,0,0,0.06);padding:6px 8px;border-radius:8px}

    /* small accessibility focus */
    a:focus,button:focus,input:focus,textarea:focus{outline:3px solid rgba(46,139,87,0.15);outline-offset:2px}