@import url("base.css");

/* Home page specific overrides */

#services.section--light,
#insights.section--light {
  background: linear-gradient(
    180deg,
    rgba(163, 180, 156, 0.92) 0%,
    rgba(163, 180, 156, 0.78) 100%
  );
  color: var(--color-text-dark);
}

#services.section--light::before,
#insights.section--light::before {
  display: none;
}

#services .section__intro p,
#insights .section__intro p {
  color: rgba(16, 22, 35, 0.72);
}

#services .eyebrow,
#insights .eyebrow {
  color: rgba(16, 22, 35, 0.62);
}

.hero__actions .btn--ghost {
  min-width: 220px;
  width: auto;
}

@media (max-width: 768px) {
  .hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero__actions .btn {
    width: 100%;
  }

  .hero__actions .btn--ghost {
    min-width: 0;
  }
}