:root{--mousse:#5E6B4A;--terre:#A87852;--chaux:#EFE9DD;--charbon:#2B2A28;--blanc:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#101412;color:#eef0e8;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
.wrap{max-width:62rem;margin:0 auto;padding:0 1.1rem}
.top{background:#0b0e0c;border-bottom:1px solid #26302a}.top .wrap{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;padding:.7rem 1.1rem}
.brand{margin:0;font-weight:700}.brand span{font-weight:400;opacity:.7}.top nav{display:flex;gap:.9rem;flex-wrap:wrap}.top a{color:#cfe0c8;text-decoration:none}
.hero{padding:2.6rem 0 1.2rem}h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.4rem);line-height:1.1;max-width:20ch}
.lead{max-width:60ch}.eyebrow{display:inline-block;border:1px solid #8fb894;color:#a9d3a6;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:700}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.2rem 0}.btn{display:inline-block;background:#7fb069;color:#0b0e0c;padding:.65rem 1.1rem;border-radius:.5rem;text-decoration:none;font-weight:800}.btn.ghost{background:transparent;color:#cfe0c8;border:2px solid #7fb069}
.grid3{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1.5rem 0}
article,section{background:#161c18;border:1px solid #2a352d;border-radius:.6rem;padding:1.1rem 1.2rem}section{margin:1rem 0}
h2{color:#a9d3a6;margin:.4rem 0}.muted{color:#9aa79b;font-size:.92rem}
footer{border-top:1px solid #26302a;margin-top:2rem}footer a{color:#cfe0c8}