/* landing.css */

body {
  background-color: #0D1B2A;
  color: #C4D7ED;
  font-family: 'Inter', sans-serif;
  margin: 0;
}

.hero {
  padding: 6rem 1rem;
  background: linear-gradient(to bottom, #0D1B2A, #1B263B);
}

.hero h1 {
  color: #3DA9FC;
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.hero .lead {
  font-size: 1.2rem;
  color: #C4D7ED;
  max-width: 700px;
  margin: 0 auto;
}

.price-highlight h2 {
  font-size: 2rem;
  font-weight: bold;
  color: #FFFFFF;
}

.price-highlight h2 span {
  color: #3DA9FC;
}

.price-highlight p {
  color: #A9BCD0;
  margin-top: 0.25rem;
}

.usage h5 {
  color: #3DA9FC;
  font-weight: 600;
}

.clients {
  background-color: #162A49;
}

.client-logos {
  margin-top: 2rem;
}

.logo-placeholder {
  width: 120px;
  height: 60px;
  background-color: #1B2A41;
  color: #C4D7ED;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  font-weight: 600;
}

.testimonials {
  background-color: #1B263B;
}

.testimonial-box {
  background-color: #243B55;
  padding: 1.5rem;
  border-radius: 10px;
  color: #E0E6ED;
  box-shadow: 0 6px 12px rgba(0,0,0,0.3);
  height: 100%;
}

.testimonial-box p {
  font-style: italic;
}

.testimonial-box span {
  display: block;
  margin-top: 1rem;
  color: #89B4E5;
  font-weight: 600;
}

.final-cta {
  background-color: #0F1E33;
}

.landing-footer {
  background-color: #1B263B;
  padding: 2rem 1rem;
  font-size: 0.9rem;
  border-top: 1px solid #162A49;
  color: #7A9CC6;
}