/* Custom CSS for WrencheAI site to match reference design exactly */

/* Ensure logo is clean, transparent and slightly larger */
.logo img {
  max-height: 50px !important;
  width: auto !important;
}

/* Ensure images are properly sized and proportional */
.features-illustration img {
  max-width: 90%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.how-it-works-diagram img {
  max-width: 90%;
  height: auto;
  margin: 0 auto;
  display: block;
}

/* Ensure backgrounds are transparent where needed */
.features-section, .how-it-works-section {
  background: transparent !important;
}

/* Improve spacing between sections */
.section {
  padding: 4rem 0;
}

/* Center content properly */
.centered-content {
  text-align: center;
  margin: 0 auto;
}