:root {
  --jada-green: #2f5f46;
  --jada-green-dark: #214433;
  --jada-sand: #f5efe4;
  --jada-ivory: #fffdf8;
  --jada-blue: #6faec1;
  --jada-gold: #c9a35a;
  --jada-text: #1f2a24;
  --jada-muted: #5f6f66;
}
body { color: var(--jada-text); background: var(--jada-ivory); }
.jada-container { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
.jada-container.narrow { width: min(820px, calc(100% - 40px)); }
.jada-hero {
  padding: 110px 0;
  background: linear-gradient(105deg, rgba(33,68,51,.88), rgba(47,95,70,.60)), linear-gradient(135deg, #2f5f46, #6faec1);
  color: #fff;
}
.jada-hero.compact { padding: 78px 0; }
.jada-kicker { text-transform: uppercase; letter-spacing: .14em; font-weight: 700; font-size: .82rem; color: #f2d99b; margin: 0 0 16px; }
.jada-hero h1 { font-size: clamp(2.2rem, 5vw, 4.6rem); line-height: 1.03; max-width: 900px; margin: 0 0 22px; font-weight: 800; }
.jada-hero p { font-size: clamp(1.05rem, 2vw, 1.35rem); max-width: 760px; line-height: 1.65; margin: 0 0 28px; }
.jada-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.jada-btn { display: inline-block; padding: 13px 22px; border-radius: 999px; text-decoration: none; font-weight: 700; transition: transform .2s ease, opacity .2s ease; }
.jada-btn:hover { transform: translateY(-1px); opacity: .92; }
.jada-btn.primary { background: var(--jada-green); color: #fff; }
.jada-btn.secondary { background: #fff; color: var(--jada-green-dark); border: 1px solid rgba(33,68,51,.15); }
.jada-btn.light { background: #fff; color: var(--jada-green-dark); }
.jada-section { padding: 74px 0; background: var(--jada-ivory); }
.jada-section.soft { background: var(--jada-sand); }
.jada-section h2 { font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.15; margin: 0 0 18px; color: var(--jada-green-dark); }
.jada-section h3 { margin: 0 0 10px; color: var(--jada-green-dark); }
.jada-section p, .jada-list { font-size: 1.05rem; line-height: 1.75; color: var(--jada-muted); }
.jada-grid { display: grid; gap: 18px; margin-top: 28px; }
.jada-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.jada-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.jada-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.jada-grid.six { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.jada-card { background: #fff; border: 1px solid rgba(33,68,51,.12); border-radius: 18px; padding: 22px; box-shadow: 0 12px 35px rgba(33,68,51,.06); font-weight: 700; color: var(--jada-green-dark); }
.jada-list { padding-left: 20px; }
.jada-list li { margin: 8px 0; }
.jada-cta { padding: 76px 0; background: var(--jada-green-dark); color: #fff; text-align: center; }
.jada-cta h2 { font-size: clamp(1.9rem, 4vw, 3.2rem); margin: 0 0 14px; }
.jada-cta p { font-size: 1.12rem; max-width: 720px; margin: 0 auto 26px; line-height: 1.7; color: rgba(255,255,255,.86); }
@media (max-width: 900px) {
  .jada-grid.two, .jada-grid.three, .jada-grid.four, .jada-grid.six { grid-template-columns: 1fr 1fr; }
  .jada-hero { padding: 80px 0; }
}
@media (max-width: 640px) {
  .jada-grid.two, .jada-grid.three, .jada-grid.four, .jada-grid.six { grid-template-columns: 1fr; }
  .jada-container, .jada-container.narrow { width: min(100% - 28px, 1120px); }
  .jada-hero { padding: 62px 0; }
}