#pricing {
  padding-bottom: 80px;
}


/* GRID */

.price-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-content: start;   /* ✅ THE FIX */
}


.pricing-grid {
  margin-bottom: 20px; /* ✅ ensures space before next section */
}

/* CARD */

.price-card {
  background: rgba(10, 20, 18, 0.6);
  border: 1px solid rgba(0,255,156,0.15);
  border-radius: 12px;

  padding: 20px;

  text-align: left;
  position: relative;

  transition: all 0.25s ease;
}

/* subtle glow layer */

.price-card::after {
  content: "";
  position: absolute;
  inset: 0;

  background: radial-gradient(
    circle at top,
    rgba(0,255,156,0.08),
    transparent 70%
  );

  opacity: 0;
  transition: opacity 0.3s ease;
}

/* hover */

.price-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0,255,156,0.4);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.price-card:hover::after {
  opacity: 1;
}

/* TEXT */









/* price list layout */

.price-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.price-list li {
  display: flex;
  justify-content: space-between;

  padding: 8px 0;
  font-size: 0.95rem;


}


/* left text */
.price-list span:first-child {
  opacity: 0.8;
}

/* price */
.price-list span:last-child {
  color: #00ff9c;
  font-weight: 500;
}

.price-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 8px 14px;

  border-radius: 6px;
  font-size: 0.85rem;

  background: rgba(0,255,156,0.1);
  border: 1px solid rgba(0,255,156,0.3);
  color: #bfffe3;

  text-decoration: none;
  transition: all 0.25s ease;
}

.price-card.featured {
  border-color: #00ff9c;
  box-shadow: 0 0 20px rgba(0,255,156,0.2);
}

@media (max-width: 900px) {
  .price-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .price-grid {
    grid-template-columns: 1fr;
  }
}


.price-card {
  position: relative;
}

.price-btn {
  position: relative;
  z-index: 10;   /* brings button ABOVE everything */
}