/* Stockstat landing page — base styles + hover states.
   Layout/spacing/color for each section is kept inline in index.html
   (translated 1:1 from the approved design) so this file only carries
   what inline style attributes cannot express: hover states, the
   font import, and small responsive tweaks. */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: 'Inter', sans-serif;
  color: #0b0e14;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #005bff;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}

::selection {
  background: #cfe0ff;
}

img {
  display: block;
}

/* Nav links */
.nav-link {
  color: #454b54;
  transition: color 0.15s ease;
}
.nav-link:hover {
  color: #005bff;
}

/* Solid blue buttons (dark bg -> darker blue on hover) */
.btn-blue {
  transition: background 0.18s ease;
  background: #005bff;
}
.btn-blue:hover {
  background: #0043c4;
}

/* White button on blue background */
.btn-white {
  transition: background 0.18s ease;
  background: #fff;
}
.btn-white:hover {
  background: #eaf1ff;
}

/* Outlined button on blue background */
.btn-outline-white {
  transition: background 0.18s ease;
}
.btn-outline-white:hover {
  background: rgba(255, 255, 255, 0.16);
}

/* Feature/effect cards that lift on hover */
.card-hover-lift {
  transition: transform 0.18s ease, border-color 0.18s ease;
}
.card-hover-lift:hover {
  border-color: #005bff;
  transform: translateY(-3px);
}

/* Cards that only change border color on hover */
.card-hover-border {
  transition: border-color 0.18s ease;
}
.card-hover-border:hover {
  border-color: #005bff;
}

/* Footer links */
.footer-link {
  color: #5b6472;
}
.footer-link:hover {
  color: #005bff;
}

/* Advantage stats: fade + rise in as the block scrolls into view */
.stat-item {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.stat-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 640px) {
  .logos-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}