:root{
  --bg:#3d4435;
  --card:#4a5241;
  --muted:#d1d5db;
  --text:#ffffff;
  --brand:#ffffff;
  --brand2:#dfe7d6;
  --ring: rgba(255,255,255,.25);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);}
a{color:var(--text);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin-inline:auto;padding:1.5rem}
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:saturate(180%) blur(8px);background:#f3f4f6;border-bottom:1px solid rgba(10,54,34,.12)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:96px}
.brand{display:flex;gap:.8rem;align-items:center;font-weight:800;letter-spacing:.5px;color:#0a3622;font-size:1.35rem}
.brand img{height:72px}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{padding:.4rem .6rem;border-radius:.6rem;color:#0a3622}
.nav a:hover{background:rgba(10,54,34,.08);text-decoration:none}
.menu{display:none;font-size:1.4rem;background:none;border:1px solid rgba(10,54,34,.25);color:#0a3622;padding:.3rem .6rem;border-radius:.6rem}
.hero{position:relative;padding:5rem 0 3rem;overflow:hidden}
.hero-inner{position:relative;z-index:1;text-align:center}
.hero h1{font-size:clamp(2rem,4vw,3rem);margin:.2rem 0 1rem}
.lead{color:var(--muted);font-size:1.05rem;max-width:800px;margin:0 auto 1.4rem}
.cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;border:1px solid rgba(255,255,255,.25);padding:.65rem 1rem;border-radius:.8rem;color:#fff;font-weight:600;transition:transform .05s ease;background:transparent}
.btn:hover{transform:translateY(-1px);text-decoration:none}
.btn.primary{background:linear-gradient(90deg,#5b644f,#717b63);border-color:transparent;color:#fff}
.hero-bg{position:absolute;inset:-30% -40% auto -40%;height:130%;background:radial-gradient(60% 60% at 50% 0%, rgba(255,255,255,.10), rgba(255,255,255,.05) 40%, transparent 60%), radial-gradient(40% 40% at 80% 20%, rgba(255,255,255,.08), transparent 60%);filter:blur(60px);}
.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem auto}
.card{background:var(--card);border:1px solid rgba(255,255,255,.12);padding:1rem;border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.cta-band{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);}
.cta-inner{padding:2rem 0;text-align:center}
.page{padding:2rem}
.page h1{margin-top:.2rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.bullet{line-height:1.8}
.form{display:grid;gap:.8rem;max-width:680px}
.form label{display:grid;gap:.35rem;font-weight:600;color:#fff}
.form input,.form textarea,.form select{background:#4a5241;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.7rem .8rem;border-radius:.7rem;outline:none}
.form input:focus,.form textarea:focus,.form select:focus{box-shadow:0 0 0 4px var(--ring);border-color:transparent}
.muted{color:var(--muted)}
.site-footer{border-top:1px solid rgba(255,255,255,.12);margin-top:2rem}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;color:var(--muted)}
.socials{display:flex;gap:.6rem}

@media (max-width:880px){
  main.container.page,
  .hero .container,
  .highlights.container,
  .cta-band .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .highlights{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}

  .menu{display:block;cursor:pointer}

  .nav{
    display:none;
    position:absolute;
    right:1rem;
    top:96px;
    background:#f3f4f6;
    padding:.6rem;
    border-radius:.8rem;
    border:1px solid rgba(10,54,34,.12);
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    flex-direction:column;
    align-items:stretch;
    min-width:170px;
    z-index:50;
  }

  .nav a{width:100%;padding:.65rem .8rem}
  .nav.open{display:flex}
}