:root{
  --accent: #2b8a3e;
  --muted: #6c757d;
  --card-radius: 12px;
  --banner-gradient: linear-gradient(120deg, rgba(43,138,62,0.92), rgba(56,178,95,0.9));
}

body{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #222;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Banner */
.banner{
  background-image: url('https://source.unsplash.com/1600x900/?garden,seeds,soil');
  background-size: cover;
  background-position: center;
  padding: 4.5rem 0;
  position: relative;
  overflow: hidden;
}
.banner-overlay {
  position: absolute; inset: 0;
  background: var(--banner-gradient);
  opacity: 0.78;
}

/* Make header text readable */
.banner .display-5, .banner p, .banner .btn { position: relative; z-index: 2; }

/* Cards */
.seed-card {
  border-radius: var(--card-radius);
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(.2,.9,.3,1), box-shadow 0.35s;
  border: none;
}
.seed-card:hover{
  transform: translateY(-10px) scale(1.01);
  box-shadow: 0 22px 50px rgba(20,20,20,0.08);
}

/* Image fit */
.seed-card .card-img-top{ height: 190px; object-fit: cover; }

/* Navbar tweaks */
.navbar .nav-link.active { color: var(--accent) !important; font-weight:600; }

/* Footer small */
footer small { font-size: .9rem; color: var(--muted); }

/* Responsive */
@media (max-width: 767px){
  .banner { padding: 3rem 0; }
  .seed-card .card-img-top { height: 140px; }
}

/* Animated underline for links */
a.stretched-link::after{
  content: ''; display: block; width: 0; height: 2px; background: var(--accent); transition: width .25s;
}
a.stretched-link:hover::after{ width: 40%; }

/* Small utilities */
.lead { color: #eef9ef; }