/* ===== BUTTONS ===== */
.btn-primary {
  background: var(--green); color: #fff;
  padding: .8rem 1.9rem; border-radius: 100px;
  font-family: 'Figtree', sans-serif; font-weight: 600; font-size: .925rem;
  border: none; cursor: pointer; text-decoration: none;
  display: inline-flex; align-items: center; gap: 8px;
  transition: background .2s, transform .2s, box-shadow .2s;
}
.btn-primary:hover { background: var(--green-dark); transform: translateY(-2px); box-shadow: 0 10px 28px rgba(34,197,94,0.32); }

.btn-ghost {
  background: transparent; color: var(--charcoal);
  padding: .8rem 1.9rem; border-radius: 100px;
  border: 1.5px solid rgba(0,0,0,0.13);
  font-family: 'Figtree', sans-serif; font-weight: 600; font-size: .925rem;
  cursor: pointer; text-decoration: none;
  display: inline-flex; align-items: center; gap: 8px;
  transition: border-color .2s, background .2s;
}
.btn-ghost:hover { border-color: var(--green); background: rgba(34,197,94,0.05); }

/* ===== SECTION COMMONS ===== */
section { padding: 6rem 5%; }
.section-tag {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--sage); font-size: .74rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; margin-bottom: .75rem;
}
.section-tag::before { content:''; width:16px; height:2px; background:var(--green); border-radius:2px; }
.section-title { font-size: clamp(1.75rem, 3.2vw, 2.55rem); margin-bottom: .75rem; }
.section-sub { color: var(--muted); font-size: 1rem; line-height: 1.8; max-width: 500px; }