.home-hero-copy {
  max-width: 40rem;
}

.home-constrained {
  margin-inline: auto;
  max-width: 80%;
}

.hero-carousel .hero-overlay-card {
  max-width: 42rem;
}

.hero-carousel .hero-overlay-card .display-5 {
  font-size: clamp(2.1rem, 3vw, 3.2rem);
  line-height: 1.08;
}

.hero-carousel .hero-overlay-card .lead {
  font-size: clamp(1.02rem, 1.25vw, 1.3rem);
  line-height: 1.6;
}

.home-trust-panel {
  background:
    linear-gradient(135deg, rgba(17, 86, 140, 0.08), rgba(255, 255, 255, 0.94)),
    var(--color-surface);
  border-top: 5px solid var(--color-secondary);
}

.home-trust-panel .eyebrow,
.home-section-heading .eyebrow {
  font-size: 0.98rem;
}

.home-trust-panel .h3 {
  font-size: clamp(1.8rem, 2.4vw, 2.5rem);
  line-height: 1.18;
}

.home-app-grid .app-card {
  min-height: 100%;
}

.home-section-heading .display-6 {
  font-size: clamp(2.35rem, 3.6vw, 3.35rem);
  line-height: 1.12;
}

.home-section-heading p {
  font-size: 1.25rem;
  line-height: 1.7;
}

.home-value-props .feature-card {
  border-top: 4px solid rgba(17, 86, 140, 0.14);
}

.home-value-props .h4,
.home-app-grid .h4 {
  font-size: 1.55rem;
  line-height: 1.2;
}

.home-value-props p,
.home-app-grid p {
  font-size: 1.14rem;
  line-height: 1.7;
}

@media (max-width: 991.98px) {
  .home-constrained {
    max-width: 92%;
  }
}

@media (max-width: 575.98px) {
  .home-constrained {
    max-width: 100%;
  }

  .hero-carousel .hero-overlay-card {
    max-width: 100%;
  }

  .hero-carousel .hero-overlay-card .display-5 {
    font-size: clamp(2rem, 7vw, 2.7rem);
  }

  .home-section-heading p,
  .home-value-props p,
  .home-app-grid p {
    font-size: 1.05rem;
  }
}