/* ST Budget Sound - Shared funnel styles (packages + quote) */

.pkg-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(250, 204, 21, 0.12), transparent 55%),
    radial-gradient(ellipse 50% 40% at 100% 100%, rgba(250, 204, 21, 0.06), transparent 50%),
    #000;
}

.pkg-chooser {
  display: grid;
  gap: 1rem;
}
@media (min-width: 768px) {
  .pkg-chooser { grid-template-columns: repeat(3, 1fr); }
}

.pkg-tier-card--signature {
  background: linear-gradient(135deg, rgba(31, 31, 31, 0.95) 0%, rgba(21, 21, 21, 0.98) 100%);
  border: 1px solid rgb(31 41 55);
}

.pkg-tier-card--premier {
  background: linear-gradient(to bottom right, #713f12, #854d0e, #713f12);
  border-color: #eab308;
}

.pkg-chooser-card {
  cursor: pointer;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.pkg-chooser-card:hover {
  border-color: #eab308;
  transform: translateY(-2px);
}
.pkg-chooser-card.is-active {
  background: linear-gradient(to bottom right, #713f12, #854d0e, #713f12);
  border: 2px solid #eab308;
  box-shadow: 0 0 0 1px rgba(234, 179, 8, 0.35), 0 10px 15px -3px rgb(0 0 0 / 0.1);
}
.pkg-chooser-card.is-active p {
  color: #fef9c3;
}
.pkg-chooser-card:focus-visible {
  outline: 2px solid #eab308;
  outline-offset: 2px;
}

@keyframes pkgFadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}