/* Quick overrides to shrink whitespace, adjust hero screenshot and force dark background */

html, body {
  background: #0b0b12 !important;
  color: #fff;
}

/* ensure sections stretch full width with no body gaps */

/* Navigation bar color */
.header, .navbar {
  background: #0e0e14 !important;
  border-bottom: 1px solid rgba(0,255,255,0.2);
}

/* Powerful Features section dark background */
.features {
  background: #121218 !important;
}

/* Universal Vehicle & Adapter Support (compatibility) section */
.compatibility {
  background: #0e0e14 !important;
  color: #fff !important;
}
.compatibility h2, .compatibility h3, .compatibility p, .compatibility li, .compatibility span, .compatibility strong {
  color: #fff !important;
}
body {
  margin: 0;
}

/* previous comment */

/* Reduce padding for lower sections to fix blank areas */
.pricing, .testimonials, .support, .final-cta {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Hero screenshot sizing */
.phone-mockup img,
.hero-visual .app-screenshot {
  width: 20rem;
  max-width: 90%;
  height: auto;
}

@media (max-width: 768px) {
  .phone-mockup img,
  .hero-visual .app-screenshot {
    width: 14rem;
  }
  .pricing, .testimonials, .support, .final-cta {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}