:root{--green:#0E7A45;--green-dark:#0A5C34;--yellow:#F5C518;--cream:#FFF8E1;--ink:#1F2A1F;--max:960px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream);line-height:1.65;font-size:18px}
h1,h2,h3,nav,.btn,.brand{font-family:'Trebuchet MS','Segoe UI',Helvetica,Arial,sans-serif}
a{color:var(--green-dark)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
header{background:var(--green);color:#fff}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:.75rem;padding-bottom:.75rem}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem}
.brand img{width:40px;height:40px}
nav a{color:#fff;text-decoration:none;margin-left:1.25rem;font-weight:600;padding:.25rem 0;border-bottom:3px solid transparent}
nav a:hover,nav a[aria-current="page"]{border-bottom-color:var(--yellow)}
.hero{background:var(--green);color:#fff;text-align:center;padding:3rem 0 4rem}
.hero img.logo{width:min(210px,60vw);height:auto}
.hero h1{font-size:clamp(2rem,6vw,3.2rem);margin:1.5rem 0 .5rem;line-height:1.15}
.hero p{font-size:1.25rem;max-width:34rem;margin:.5rem auto}
.tagline{font-family:'Trebuchet MS','Segoe UI',Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:600;color:var(--yellow);margin:.25rem 0 0}
.badge{display:inline-block;margin-top:1rem;background:var(--yellow);color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .9rem;border-radius:999px;font-size:.9rem}
.btn{display:inline-block;margin-top:1.25rem;background:var(--yellow);color:var(--ink);padding:.8rem 1.6rem;border-radius:999px;font-weight:700;text-decoration:none}
.btn:hover{background:#ffd84a}
section{padding:3rem 0}
h2{font-size:1.9rem;color:var(--green-dark);margin:0 0 1rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:1.5rem}
.card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.08);border-top:6px solid var(--yellow)}
.card h3{margin:.2rem 0 .5rem;color:var(--green-dark)}
.page-title{background:var(--green);color:#fff;padding:2.5rem 0}
.page-title h1{margin:0;font-size:2.4rem}
.prose{max-width:42rem}
.contact-box{background:#fff;border-radius:16px;padding:1.75rem;box-shadow:0 2px 10px rgba(0,0,0,.08);max-width:34rem}
.contact-box a.email{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:700;font-size:1.3rem}
footer{background:var(--green-dark);color:#fff;text-align:center;padding:1.75rem 0;font-family:'Trebuchet MS',Arial,sans-serif;font-size:.95rem}
footer a{color:var(--yellow)}
code,.term{font-family:'Courier New',Consolas,monospace}
@media (max-width:560px){nav a{margin-left:0;margin-right:1rem}}