:root{
  --green:#008037;
  --dark:#09301d;
  --light:#f7f7f7;
  --ink:#18221d;
  --muted:#5c6a64;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;
  color:var(--ink); line-height:1.5; background:#fff;
}

.wrap{max-width:1100px;margin:0 auto;padding:0 20px}

/* Header */
.site-header{
  position:sticky; top:0; z-index:10;
  background:#fff; border-bottom:1px solid #e9ecea;
}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);font-weight:700}
.logo{height:36px;width:auto}
.nav a{margin-left:16px;text-decoration:none;color:var(--ink)}
.nav .btn{margin-left:12px}

/* Buttons */
.btn{
  display:inline-block; padding:.7rem 1rem; border:1px solid var(--ink);
  border-radius:8px; text-decoration:none; color:var(--ink); font-weight:600
}
.btn.primary{background:var(--green);border-color:var(--green);color:#fff}
.btn:hover{opacity:.92}

/* Hero */
.hero{
  position:relative; min-height:52vh;
  background:#0e3b25 url('flyer.png') center/cover no-repeat; /* soft branded backdrop */
  color:#fff; display:flex; align-items:center
}
.hero .overlay{padding:60px 20px; max-width:900px; margin:0 auto; text-align:center}
.hero h1{font-size:clamp(28px,4vw,44px); margin:0 0 10px}
.hero p{margin:0 0 16px; color:#e8f5ee}
.hero .hero-ctas{display:flex;gap:10px;justify-content:center;margin-top:8px}
.service-note{font-size:.95rem;opacity:.9}

/* Quick strip */
.quick-strip{background:#0d2f21;color:#dff5ea}
.quick-strip .wrap{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}
.quick-strip a{color:#dff5ea;text-decoration:none}

/* Sections */
.section{padding:56px 0}
.section.alt{background:var(--light)}
.section h2{font-size:clamp(24px,3.5vw,34px);margin:0 0 18px}

/* Cards / grids */
.grid{display:grid;gap:18px}
.pricing{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{border:1px solid #e7ece8;border-radius:12px;padding:18px;background:#fff}
.card h3{margin:0 0 6px}
.price span{font-size:32px;color:var(--green);font-weight:800}

/* How it works */
.how{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.step h3{margin:.2rem 0}

/* Booking */
.form-shell{display:grid;gap:12px}
.gform{width:100%;height:760px;background:#fff;border-radius:10px}
.after-submit{display:flex;gap:10px;align-items:center}
.after-submit p{margin:0}

/* Payments */
.payments h3{margin:20px 0 6px}
.payments ul{margin:0 0 6px 1.2rem}

/* Flyer block */
.flyer-block .flyer{
  width:100%; height:auto; border:1px solid #e7ece8; border-radius:12px;
  box-shadow:0 6px 24px rgba(0,0,0,.06); background:#fff;
}

/* Footer */
.site-footer{background:#0c2419;color:#cfeadd}
.site-footer a{color:#cfeadd;text-decoration:none}
.site-footer .wrap{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}

/* Small screens */
@media (max-width:560px){
  .nav a{display:none}
  .nav .btn{display:inline-block}
  .gform{height:940px}
}