/* ================= FEATURES TITLE ================= */
/* Cards section title base color follows theme */
.cards-title {
  color: var(--text); /* black in light, white in dark */
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 0px;
  
  background: none; /* remove gradient */
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
  text-align: center;
}

/* Highlight part stays green gradient */
.cards-title .highlight {
  background: linear-gradient(90deg, var(--grad-1), var(--grad-2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cards-subtext {
  font-size: 1.2rem;       /* slightly smaller than the title */
  line-height: 1.45;        /* same as hero sub-headline */
  color: #000;               /* black in light mode */
  margin: 0 auto 60px auto;  /* centered horizontally + spacing below */
  max-width: 600px;          /* constrain width for readability */
  text-align: center;        /* center the text */
}

body.dark .cards-subtext {
  color: #b0bec7;            /* light gray in dark mode */
}

#services {
  position: relative;
  height: 0;
  width: 0;
  overflow: hidden;
}

#features {
  scroll-margin-top: 120px;
}


@media (max-width: 768px) {
  .cards-section {
    padding-top: calc(95px + 4rem);
  }
  
  .cards-title {
    font-size: 2.2rem;
    margin-top: 20px;
  }
}