/* Exact-content rebuild — current branding only.
   Colors + font measured directly from the live site's web.css. Nothing new added. */
:root{
  --green:#426C00;
  --taupe:#B9B3A5;
  --text:#333333;
  --line:#dddddd;
  --bg-alt:#eeeeee;
  --grey:#777777;
  --grey2:#6c757d;
  --white:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Helvetica,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:var(--green);text-decoration:none}
h1,h2,h3{font-family:Helvetica,Arial,sans-serif;font-weight:bold;color:var(--text)}
h1{font-size:34px}
h2{font-size:26px}
h3{font-size:20px}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
section{padding:44px 0}
section.alt{background:var(--bg-alt)}
.btn{display:inline-block;background:var(--green);color:#fff;font-weight:bold;padding:12px 26px;border-radius:4px}
.btn:hover{background:#345702;color:#fff}

/* header */
.topbar{background:var(--taupe);color:#fff;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;padding:6px 20px;flex-wrap:wrap;gap:8px}
.topbar a{color:#fff}
header.site{border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:20px;padding:14px 20px;flex-wrap:wrap}
header.site img.logo{width:60px;height:60px;border-radius:50%}
nav.mainnav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}
nav.mainnav a{color:var(--text);font-size:14px}
nav.mainnav a:hover{color:var(--green)}
nav.mainnav .has-sub{position:relative}
nav.mainnav .sub{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);min-width:230px;padding:6px 0;z-index:20;box-shadow:0 6px 16px rgba(0,0,0,.08)}
nav.mainnav .has-sub:hover .sub,nav.mainnav .has-sub:focus-within .sub{display:block}
nav.mainnav .sub a{display:block;padding:8px 14px;font-size:13.5px;white-space:nowrap}

/* hero */
.hero{background:var(--bg-alt)}
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:44px 20px}
.hero img{border-radius:6px}
.hero p{margin:0 0 12px}

/* offer box */
.offer{border:1px solid var(--line);border-radius:6px;padding:24px}
.offer ul{margin:14px 0;padding-left:20px}
.offer li{margin-bottom:6px}

/* package cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pkg{border:1px solid var(--line);border-radius:6px;padding:20px;display:flex;flex-direction:column}
.pkg ul{margin:12px 0;padding-left:20px}
.pkg li{margin-bottom:6px}
.pkg .price{font-weight:bold;font-size:18px;margin:8px 0}
.pkg .btn{margin-top:auto;text-align:center}

/* methods row */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.method{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:16px}
.method img{width:110px;height:110px;object-fit:cover;border-radius:4px}

/* video */
.video{max-width:760px;margin:0 auto;position:relative}
.video img{border-radius:6px}

/* testimonials */
.grid3 .quote{border:1px solid var(--line);border-radius:6px;padding:18px;background:#fff}
.quote .name{font-weight:bold;margin-top:10px}

/* form */
form.contact{max-width:700px;border:1px solid var(--line);border-radius:6px;padding:24px}
form.contact label{display:block;font-size:13px;font-weight:bold;margin:12px 0 4px}
form.contact input,form.contact select,form.contact textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:4px;font:inherit}
form.contact .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form.contact .consent{display:flex;gap:8px;font-size:12.5px;color:var(--grey);margin:14px 0}

/* location */
.loc{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.loc iframe{width:100%;height:300px;border:0;border-radius:6px}

/* footer */
footer.site{background:var(--taupe);color:#fff;padding:34px 0}
footer.site .wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
footer.site a{color:#fff}
footer.site .legal{margin-top:20px;font-size:12.5px;opacity:.9}

@media(max-width:800px){
  .hero .wrap,.grid3,.grid2,.loc,footer.site .wrap{grid-template-columns:1fr}
  form.contact .row{grid-template-columns:1fr}
}