
:root{
  --green:#0e4b2a;
  --green-700:#145a32;
  --gold:#c7a356;
  --gold-700:#a17f31;
  --bg:#ffffff;
  --muted:#f7faf7;
  --text:#1f2937;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.header{background:var(--bg);border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.75rem 0}
.brand{display:flex;align-items:center;gap:0.75rem}
.brand img{height:48px;width:auto;border-radius:999px}
.brand .title{font-weight:700}
.brand .tag{font-size:0.85rem;color:#6b7280}
.nav{display:flex;gap:1rem;flex-wrap:wrap}
.nav a{padding:0.5rem 0.75rem;border-radius:10px}
.nav a.active, .nav a:hover{background:var(--muted)}
.hero{background:linear-gradient(180deg, rgba(14,75,42,0.06), rgba(14,75,42,0.02));padding:4rem 0}
.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 0.5rem 0;color:var(--green)}
.hero p{font-size:1.125rem;color:#374151;max-width:60ch}
.cta{display:flex;gap:0.75rem;margin-top:1rem;flex-wrap:wrap}
.btn{background:var(--green);color:white;border:none;padding:0.75rem 1.1rem;border-radius:12px;font-weight:600;cursor:pointer}
.btn:hover{background:var(--green-700)}
.btn-outline{background:white;color:var(--green);border:2px solid var(--green)}
.section{padding:3rem 0}
.grid{display:grid;gap:1rem}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:white;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;box-shadow:0 4px 10px rgba(0,0,0,0.03)}
.card h3{margin:0 0 0.5rem 0;color:var(--green)}
.badges{display:grid;grid-auto-flow:column;gap:0.5rem;justify-content:start;align-items:center}
.badge{display:inline-flex;align-items:center;gap:0.4rem;background:var(--muted);padding:0.35rem 0.6rem;border-radius:999px;font-size:0.85rem;color:#374151}
.footer{border-top:1px solid #e5e7eb;padding:2rem 0;color:#6b7280}
.kicker{font-size:0.8rem;letter-spacing:.12em;color:#6b7280;text-transform:uppercase}
h2{font-size:1.8rem;color:var(--text);margin:0 0 0.5rem 0}
.sub{color:#4b5563;max-width:70ch}
.list{padding-left:1rem}
.form{display:grid;gap:0.75rem}
.input, .select, .textarea{width:100%;padding:0.7rem 0.8rem;border:1px solid #e5e7eb;border-radius:12px}
.note{font-size:0.85rem;color:#6b7280}
.table{width:100%;border-collapse:collapse}
.table td{padding:0.35rem 0}
.address{white-space:pre-line}
