/* Front page: the original peanutty.pet landing page's own styles, unchanged (Tailwind supplies the rest). */
body {
  background-color: #000000;
  color: #FFFFFF;
  font-family: 'SF Pro', sans-serif; /* Approximate font */
}
.text-hero {
  font-size: 6rem; /* 96px */
  font-weight: 700;
  line-height: 1.13;
  letter-spacing: -0.004em;
  text-align: center;
}
.text-highlight {
  color: #5856D6;
}
.text-hero-mobile {
  font-size: 3rem; /* 48px */
  font-weight: 700;
  line-height: 1.19;
  letter-spacing: -0.008em;
  text-align: center;
}
.text-section-title {
  font-size: 4rem; /* 64px */
  font-weight: 700;
  line-height: 1.19;
  letter-spacing: -0.006em;
  text-align: center;
}
.text-section-title-mobile {
  font-size: 2.5rem; /* 40px */
  font-weight: 700;
  line-height: 1.19;
  letter-spacing: -0.01em;
  text-align: center;
}
.text-body {
  font-size: 1.5rem; /* 24px */
  line-height: 1.19;
  letter-spacing: -0.016em;
  color: #C7C7CC;
  text-align: center;
}
.text-body-mobile {
  font-size: 1rem; /* 16px */
  line-height: 1.19;
  letter-spacing: -0.025em;
  color: #C7C7CC;
  text-align: center;
}
.text-small {
  font-size: 0.875rem; /* 14px */
  line-height: 1.19;
  letter-spacing: -0.028em;
  color: #999999;
  text-align: center;
}
.gradient-overlay {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.category-icon-bg {
  border-radius: 50%;
  padding: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(2px);
}
.feature-button {
  background-color: #007AFF;
  border-radius: 9999px;
  padding: 0.5rem 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: white;
  font-size: 0.9375rem; /* 15px */
}