/* Clean standard fonts that remain readable on every device. */
html,
body,
button,
input,
select,
textarea,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* Bundled hero image keeps the preferred design working without a third-party image link. */
.hero {
  background-image: url('hero.jpg');
}

.hero h1 {
  color: #ffffff !important;
  text-shadow: 0 3px 22px rgba(0, 0, 0, 0.35);
}

.hero h1 i {
  color: #b6d735 !important;
}

.founder-layout {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) 1.2fr;
  gap: 6vw;
  align-items: center;
}

.founder-photo {
  min-height: 480px;
  background: #eef3ef;
}

.founder-photo img {
  width: 100%;
  height: 100%;
  min-height: 480px;
  object-fit: cover;
}

.founder-copy p {
  color: #657069;
  line-height: 1.8;
}

.company-about {
  background: #f4f5f0;
}

@media (max-width: 800px) {
  .founder-layout { grid-template-columns: 1fr; }
  .founder-photo, .founder-photo img { min-height: 360px; }
}

.sales-stats {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
}

.sales-summary {
  margin: 18px 0;
  padding: 24px;
  background: #0c5b3d;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.sales-summary strong { font-size: clamp(22px, 3vw, 36px); }
.delete-sale { border: 0; background: #8d2828; color: #fff; padding: 8px 12px; cursor: pointer; }