:root {
  --rallyo-primary: #2563eb;
  --rallyo-accent: #14b8a6;
  --rallyo-soft: #f6f8fc;
}

body.landing-bg {
  color: #0f172a;
  background-color: #ffffff;
}

.py-lg-6 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.text-accent {
  color: var(--rallyo-accent);
}

.hero-image-shell {
  border-radius: 1.5rem;
  background: linear-gradient(180deg, #f8fbff 0%, #f5f7ff 100%);
}

.hero-phone {
  max-width: 55%;
}

.section-soft {
  background-color: var(--rallyo-soft);
}

.use-case-image {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background-color: #e2e8f0;
}

.bottom-cta {
  background: #eff6ff;
}

.footer-link {
  text-decoration: none;
  color: #475569;
}

.footer-link:hover {
  color: var(--rallyo-primary);
}

@media (max-width: 576px) {
  .display-5 {
    font-size: 2rem;
  }

  .hero-phone {
    max-width: 70%;
  }
}