.brand-mark {
  width: 42px;
  height: 42px;
  background: linear-gradient(135deg, #2bc08a, #11704f);
  border-radius: 12px;
}

.hero-section {
  background: radial-gradient(140% 120% at 25% 20%, #e9f7f0 0%, #ffffff 60%);
}

.stat-tile {
  background: #eef8f5;
  border: 1px solid #def3eb;
}

.hero-orb {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #ffb7a6, #e06a6a 60%);
  display: grid;
  place-items: center;
  box-shadow: 0 18px 40px rgba(223, 121, 121, 0.35);
}

.hero-orb-inner {
  width: 120px;
  height: 120px;
  background: linear-gradient(180deg, #ffede7, #ffb9a6);
  border-radius: 12px;
}

.icon-pill {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #e8f5ef;
  color: #0f6f52;
  display: grid;
  place-items: center;
  font-weight: 700;
}

.placeholder-img {
  min-height: 200px;
  background: linear-gradient(135deg, #c2e7d9, #9cd3c3);
}
.placeholder-img.tall { min-height: 260px; }
.placeholder-img.small { min-height: 140px; }
.placeholder-img.mailer {
  min-height: 220px;
  background: linear-gradient(135deg, #f6f6f6, #ffffff);
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.badge.bg-success-subtle {
  background: #e8f5ef !important;
  color: #0f6f52 !important;
}

.card {
  border-radius: 16px;
}

.footer a { color: #fff; }