:root{--green:#1f4d3a;--green2:#2e6b52;--sand:#f4efe6;--gold:#c8a24a;--ink:#1d2320;--muted:#5f6b66;--radius:14px}
*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--ink);background:var(--sand);line-height:1.6}a{color:var(--green2)}
header.nav{position:sticky;top:0;z-index:10;background:var(--green);box-shadow:0 2px 10px rgba(0,0,0,.15)}
.nav-inner{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;flex-wrap:wrap}
.logo{color:#fff;text-decoration:none;font-weight:800;font-size:1.35rem}.logo span{color:var(--gold)}
.nav a.link{color:#e6efe9;text-decoration:none;margin-left:22px;font-weight:600}.nav a.link:hover{color:var(--gold)}
.hero{position:relative;color:#fff;text-align:center;padding:90px 20px 150px;background:linear-gradient(180deg,#6fa8c9 0%,#a9cfe0 55%,#e8d9b5 100%);overflow:hidden}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 10px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero p{font-size:1.2rem;max-width:640px;margin:0 auto 26px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero svg{position:absolute;bottom:0;left:0;width:100%;height:160px}.hero .content{position:relative;z-index:2}
.btn{display:inline-block;background:var(--gold);color:var(--ink);padding:12px 26px;border-radius:40px;font-weight:700;text-decoration:none;margin:4px}.btn.outline{background:transparent;border:2px solid #fff;color:#fff}
main{max-width:1150px;margin:auto;padding:40px 20px}h2.section{font-size:1.8rem;color:var(--green);margin:10px 0 6px}.sub{color:var(--muted);margin-top:0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:-80px auto 40px;position:relative;z-index:3;max-width:900px}
.stat{background:#fff;border-radius:var(--radius);padding:20px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,.08)}.stat b{display:block;font-size:2rem;color:var(--green)}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.filters input,.filters select{padding:11px 14px;border:1px solid #d6d0c4;border-radius:10px;font-size:1rem;background:#fff}.filters input{flex:1;min-width:220px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{background:#fff;border-radius:var(--radius);padding:22px;box-shadow:0 4px 16px rgba(0,0,0,.06);display:flex;flex-direction:column;border-top:5px solid var(--green2);transition:transform .15s}.card:hover{transform:translateY(-3px)}
.card h3{margin:0 0 4px;color:var(--green);font-size:1.15rem}.meta{color:var(--muted);font-size:.92rem}
.pill{display:inline-block;background:#e7f0ea;color:var(--green);font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:20px;margin:6px 6px 0 0}.pill.gold{background:#f6ecd2;color:#8a6a1c}
.specs{display:flex;gap:16px;margin:12px 0;font-size:.92rem}.specs b{display:block;color:var(--green);font-size:1.05rem}
.card .actions{margin-top:auto;padding-top:14px}.card .actions a{font-weight:700;text-decoration:none}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}
.post-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);text-decoration:none;color:inherit}.post-card .band{height:10px;background:linear-gradient(90deg,var(--green),var(--gold))}.post-card .inner{padding:22px}.post-card h3{margin:6px 0;color:var(--green)}
article.post{background:#fff;border-radius:var(--radius);padding:40px;max-width:780px;margin:auto;box-shadow:0 4px 16px rgba(0,0,0,.06)}article.post h1{color:var(--green);margin-top:0}article.post h3{color:var(--green2)}
.empty{text-align:center;color:var(--muted);padding:40px}footer{background:var(--green);color:#cfe0d6;text-align:center;padding:30px 20px;margin-top:50px;font-size:.92rem}
@media(max-width:640px){.nav a.link{margin-left:12px}article.post{padding:24px}}