/* Optimized responsive styles (light gray + green like your photo) */
:root{
  --green:#1b8a2b;
  --dark:#0b3b1a;
  --muted:#6b6b6b;
  --bg:#f1f5f1;
  --card:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--dark)}
.site{max-width:960px;margin:0 auto;background:var(--bg)}
.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg);border-bottom:1px solid #e6efe6}
.logo{width:56px;height:56px;border-radius:50%;background:#fff;padding:6px;object-fit:contain}
.quote-header{background:var(--green);color:#fff;border:0;padding:8px 12px;border-radius:8px;font-weight:800}

.main{padding:12px}
.hero{background-image:linear-gradient(rgba(27,138,43,0.7), rgba(27,138,43,0.45)), url('grass-bg.jpg');background-size:cover;background-position:center;color:#fff;padding:28px;border-radius:10px;margin-bottom:12px;text-align:center}
.hero h1{margin:0;font-size:20px;letter-spacing:1px}
.hero .sub{margin:6px 0 0;font-weight:700;font-size:12px}

.card{background:var(--card);padding:12px;border-radius:10px;margin-bottom:12px;box-shadow:0 6px 18px rgba(11,59,26,0.04);border:1px solid #eaf4ea}
.services .service-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.service-item{padding:6px;border-radius:8px}
.service-item h3{margin:0;font-size:15px}
.service-item .short{margin:6px 0;color:var(--muted);font-size:13px}
.view-btn{background:#efefef;border:1px solid #e6e6e6;padding:8px 10px;border-radius:8px;color:#333;font-weight:700;font-size:13px}

.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pkg{padding:10px;border-radius:8px;text-align:center;background:linear-gradient(180deg,#fff,#f7fff7);border:1px solid #e8f4ea}
.select-btn{background:var(--green);color:#fff;padding:8px;border-radius:8px;border:0;font-weight:700;width:100%}

.contact .submit-btn{background:var(--green);color:#fff;padding:10px;border-radius:10px;border:0;width:100%;font-weight:800;margin-top:10px}

.footer{padding:12px;text-align:center;background:#eef6ee;border-top:1px solid #e6efe6;border-radius:0 0 8px 8px}
.footer .contact-inline{font-weight:700;margin-bottom:8px}
.footer a{color:var(--dark);text-decoration:none}
.footer .quote-footer{background:var(--green);color:#fff;border:0;padding:8px 12px;border-radius:8px;font-weight:800;margin-left:10px}

.thank{margin-top:8px;color:#567a58;font-size:13px}

.modal{position:fixed;left:0;top:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;background:rgba(2,6,4,0.45);z-index:999}
.modal-content{background:#fff;padding:16px;border-radius:12px;max-width:420px;width:90%;box-shadow:0 10px 40px rgba(3,10,6,0.3)}
.modal-close{background:transparent;border:0;font-size:22px;float:right;color:#333}
.modal-actions{margin-top:12px;text-align:right}
.modal-quote{background:var(--green);color:#fff;border:0;padding:8px 10px;border-radius:8px;font-weight:800}

@media(min-width:800px){
  .site{max-width:800px}
  .services .service-grid{grid-template-columns:repeat(4,1fr)}
  .package-grid{grid-template-columns:repeat(5,1fr)}
}