:root{
  --bg:#f4f5f2;
  --surface:#ffffff;
  --text:#1e2a32;
  --muted:#5d6b73;
  --brand:#6e9f3a;
  --brand-dark:#4f7b22;
  --line:#d8ddd2;
  --shadow:0 14px 40px rgba(19,34,26,.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Georgia,"Times New Roman",serif;background:radial-gradient(1600px 500px at 70% -100px,#e6ecd8,var(--bg));color:var(--text);line-height:1.5}
a{color:inherit}
.container{width:min(1120px,92vw);margin:0 auto}
.topbar{background:#132016;color:#f2f8ec;font-size:.92rem}
.topbar .container{display:flex;gap:1rem;justify-content:space-between;padding:.55rem 0;flex-wrap:wrap;align-items:center}
.topbar-actions{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.topbar-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.42rem .8rem;border-radius:999px;background:#d9e8c2;color:#132016 !important;font-weight:700;transition:background .2s ease,color .2s ease}
.topbar-cta:hover{background:#eef5e4;color:#0c150e !important}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:700;letter-spacing:.02em}
.brand img{height:44px;width:auto}
.menu{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.menu a{text-decoration:none;padding:.35rem .55rem;border-radius:6px;font-size:.96rem}
.menu a.active,.menu a:hover{background:#eaf2df;color:#132016}
.hero{padding:3.2rem 0 2.6rem}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.2rem;align-items:stretch}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}
.hero-copy{padding:2rem}
.eyebrow{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-dark);font-weight:700}
h1{margin:.4rem 0 1rem;font-size:clamp(1.8rem,2.8vw,3rem);line-height:1.1}
p.lead{font-size:1.07rem;color:#34444e}
.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
.btn{display:inline-block;text-decoration:none;border-radius:8px;padding:.72rem 1rem;font-weight:700;border:1px solid transparent}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-dark)}
.btn-ghost{background:#fff;border-color:var(--line)}
.hero-image img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.section{padding:2.5rem 0}
.section h2{font-size:clamp(1.4rem,2.2vw,2.2rem);margin:.1rem 0 .9rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:0 8px 20px rgba(15,30,22,.06)}
.card img{width:100%;height:190px;object-fit:cover;border-radius:10px;margin-bottom:.7rem}
.card h3{margin:.2rem 0 .35rem;font-size:1.1rem}
.card p{margin:0;color:var(--muted)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}
.split img{width:100%;border-radius:14px;border:1px solid var(--line)}
.badges{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem}
.badges img{width:100%;height:80px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.45rem}
.footer{margin-top:2rem;background:#17231a;color:#d7e4d7}
.footer .container{padding:1.4rem 0}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem}
.footer a{color:#ecf6df}
.list{margin:0;padding-left:1rem}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.gallery img{width:100%;height:240px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fff}
.notice{background:#edf4e3;border:1px solid #cddbb9;border-radius:10px;padding:.9rem}
@media (max-width:960px){
  .hero-grid,.split,.footer-grid{grid-template-columns:1fr}
  .grid-3,.gallery{grid-template-columns:1fr 1fr}
  .badges{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .topbar-actions{width:100%;justify-content:space-between;gap:.55rem}
  .menu{display:none}
  .grid-3,.gallery,.badges{grid-template-columns:1fr}
  .hero{padding:2rem 0}
}