:root{
  --c-primary: #284830;
  --c-accent: #D87808;

  --c-bg: #ffffff;
  --c-surface: #F0F0F0;
  --c-text: #2B2B2B;
  --c-muted: #666666;

  --radius: 14px;
}

*{ box-sizing:border-box; }
body{ margin:0; color:var(--c-text); background:var(--c-bg); font:16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
a{ color:var(--c-primary); text-decoration:none; }
a:hover{ text-decoration:underline; }

.wrap{ max-width:1100px; margin:0 auto; padding:18px 16px; }

.header{ display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e7e7e7; }
.brand{ font-weight:700; letter-spacing:.2px; }
.nav a{ margin-left:14px; color:var(--c-text); }
.nav a:hover{ color:var(--c-primary); }

.footer{ border-top:1px solid #e7e7e7; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.muted{ color:var(--c-muted); font-size:14px; }

.hero{ padding:28px 0; }
.lead{ font-size:18px; color:var(--c-muted); max-width:70ch; }

.card{ margin:18px 0; padding:16px; background:var(--c-surface); border-radius:var(--radius); }
.ctaRow{ display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }

.btn{ display:inline-block; padding:10px 14px; border-radius:12px; background:var(--c-accent); color:#fff; font-weight:600; }
.btn:hover{ text-decoration:none; filter:brightness(0.98); }
.btnOutline{ background:transparent; border:1px solid var(--c-primary); color:var(--c-primary); }