
:root{
  --green:#205c38;
  --green-dark:#153d25;
  --green-soft:#e9f4ed;
  --text:#18211b;
  --muted:#58645c;
  --line:#dbe7dd;
  --white:#ffffff;
  --bg:#f7faf8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--text);
  background:var(--white);
  line-height:1.6;
}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px, calc(100% - 2rem));margin:0 auto}
.site-header{
  position:sticky; top:0; z-index:10;
  background:rgba(255,255,255,.94);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.nav{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  min-height:76px;
}
.brand{display:flex; align-items:center; gap:.8rem; color:var(--text)}
.brand strong{display:block}
.brand small{display:block; color:var(--muted)}
.brand-badge{
  width:44px;height:44px;border-radius:12px;background:var(--green);
  color:#fff; display:grid; place-items:center; font-weight:800;
}
nav{display:flex; gap:1.2rem; flex-wrap:wrap}
nav a{color:var(--text); font-weight:600}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.9rem 1.2rem; border-radius:12px; font-weight:700;
  border:1px solid transparent; text-decoration:none !important; cursor:pointer;
}
.btn-primary{background:var(--green); color:#fff}
.btn-primary:hover{background:var(--green-dark)}
.btn-secondary{background:#fff; color:var(--green); border-color:var(--green)}
.hero{
  background:linear-gradient(180deg, #f7faf8 0%, #eef6f0 100%);
  padding:5rem 0 4rem;
}
.hero-grid{
  display:grid; grid-template-columns:1.3fr .9fr; gap:2rem; align-items:center;
}
.eyebrow{
  display:inline-block; margin:0 0 .7rem;
  color:var(--green); font-weight:800; letter-spacing:.03em; text-transform:uppercase; font-size:.82rem;
}
h1,h2,h3{line-height:1.15; margin:.2rem 0 1rem}
h1{font-size:clamp(2.3rem, 5vw, 4.2rem)}
h2{font-size:clamp(1.7rem, 3vw, 2.6rem)}
.hero-copy{font-size:1.08rem; color:var(--muted); max-width:62ch}
.hero-actions{display:flex; gap:.9rem; flex-wrap:wrap; margin:1.5rem 0}
.hero-points{
  padding:0; margin:1.4rem 0 0; list-style:none; display:grid; gap:.55rem;
}
.hero-points li::before{content:"✓"; color:var(--green); font-weight:800; margin-right:.55rem}
.hero-card .card{
  background:#fff; border:1px solid var(--line); border-radius:22px; padding:1.4rem;
  box-shadow:0 14px 40px rgba(20,50,31,.08);
}
.quick-info{display:grid; gap:1rem; margin:1rem 0}
.quick-info span,.small{color:var(--muted)}
.section{padding:4.5rem 0}
.section.alt{background:var(--bg)}
.section-heading{max-width:760px; margin-bottom:2rem}
.services-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1rem;
}
.service-card{
  border:1px solid var(--line); border-radius:18px; padding:1.2rem; background:#fff;
}
.service-card ul,.check-list,.highlight-box ul{padding-left:1.1rem; margin:.7rem 0 0}
.two-col{
  display:grid; grid-template-columns:1.15fr .85fr; gap:1.2rem; align-items:start;
}
.highlight-box{
  background:#fff; border:1px solid var(--line); border-radius:20px; padding:1.25rem;
}
.areas-grid{
  display:grid; grid-template-columns:repeat(6,1fr); gap:.9rem;
}
.areas-grid span{
  text-align:center; padding:1rem; border:1px solid var(--line); border-radius:16px; background:#fff; font-weight:700;
}
.process .steps{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;
}
.step{
  display:flex; gap:.9rem; align-items:center; background:#fff; border:1px solid var(--line); border-radius:18px; padding:1rem 1.1rem;
}
.step strong{
  width:40px;height:40px;border-radius:999px;background:var(--green-soft);color:var(--green);
  display:grid;place-items:center;font-size:1rem;
}
.contact-grid{
  display:grid; grid-template-columns:.95fr 1.05fr; gap:1.5rem; align-items:start;
}
.contact-form{
  background:#fff; border:1px solid var(--line); border-radius:22px; padding:1.25rem;
}
.contact-form label{
  display:block; font-weight:700; margin-bottom:.95rem;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%; margin-top:.38rem; border:1px solid #cfdcd2; border-radius:12px;
  padding:.9rem 1rem; font:inherit; color:var(--text); background:#fff;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  outline:2px solid rgba(32,92,56,.15); border-color:var(--green);
}
.form-note,.status{font-size:.92rem; color:var(--muted)}
.site-footer{
  border-top:1px solid var(--line); padding:1.25rem 0; background:#fff;
}
.footer-wrap{
  display:flex; justify-content:space-between; gap:1rem; align-items:center;
}
@media (max-width: 980px){
  .hero-grid,.two-col,.contact-grid,.services-grid,.areas-grid,.process .steps{grid-template-columns:1fr 1fr}
  nav{display:none}
}
@media (max-width: 720px){
  .hero-grid,.two-col,.contact-grid,.services-grid,.areas-grid,.process .steps{grid-template-columns:1fr}
  .nav{min-height:70px}
  .nav-call{display:none}
  .section,.hero{padding:3.4rem 0}
}
.logo {
  height: 44px;
  width: auto;
}
