:root{--gray:#2f3336;--gray-800:#24272a;--gray-900:#1a1c1e;--green:#5ab543;--white:#fff;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--gray);color:var(--white);font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6}
a{color:#fff;text-decoration:none}.container{width:min(1200px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,var(--gray-900),var(--gray-800));border-bottom:1px solid #000}
.header-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.6rem 0}
.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav a{padding:.45rem .7rem;border-radius:.5rem}.nav a:hover{background:rgba(255,255,255,.06)}
.contact{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.nav-toggle{display:none;background:transparent;border:0}
.nav-toggle span{display:block;width:22px;height:2px;background:#fff;margin:4px 0;border-radius:2px}
.rope{background:#2f3336}.rope img{width:100%;height:35px;display:block}
.logo-badge{position:absolute;inset:auto 0 auto 0;margin:auto;top:54px;width:168px;height:168px;border-radius:50%;display:grid;place-items:center;z-index:900}
.logo-badge img{width:168px;height:168px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.45))}
.hero{position:relative;overflow:hidden}.hero-bg{height:48vh;background:#202425 url('assets/hero-wald.jpg') center/cover no-repeat}.hero-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 35%,rgba(0,0,0,.25))}
.section{padding:2.6rem 0}.section-services .welcome{text-align:center;margin:0 0 .5rem;font-size:clamp(1.6rem,1rem + 2vw,2.2rem)}.section-services .lead{max-width:70ch;margin:.25rem auto 1.6rem;text-align:center;opacity:.95}
.services-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr)}.service{text-align:center;background:#3a3f43;border:1px solid #000;border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.service img{width:68px;height:68px;margin-bottom:.5rem}.service h3{margin:.2rem 0 0;font-size:1.05rem}
.section-text p{max-width:70ch;margin:.25rem auto 0;text-align:center}.btn{display:inline-block;background:var(--green);color:#081208;padding:.7rem 1rem;border-radius:.75rem;font-weight:700}.btn-ghost{background:transparent;border:2px solid var(--green);color:#fff;margin-left:.5rem}
.site-footer{background:#111;color:#d6d6d6}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.foot-nav{display:flex;gap:1rem}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.6);padding:1rem}.modal.active{display:flex}.modal-content{background:#2d3134;border-radius:1rem;padding:1.25rem;max-width:min(900px,92%);max-height:80vh;overflow:auto;box-shadow:var(--shadow)}
hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  width: 50%;
}
@media (max-width:1100px){.services-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.nav{position:fixed;inset:56px 0 auto 0;background:var(--gray-900);display:none;border-bottom:1px solid #000}.nav.open{display:block}.nav ul{flex-direction:column;padding:1rem}.nav-toggle{display:block}.contact{display:none}.logo-badge{top:44px;width:132px;height:132px}.logo-badge img{width:132px;height:132px}.hero-bg{height:44vh}.services-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.services-grid{grid-template-columns:1fr}}