:root{
  --tier-cafe:#FF6A3D;
  --tier-premium:#7C3AED;
}

.landing-v2 .v2-nav{
  padding: 12px 16px;
  border-radius: 18px;
}

.v2-hero{
  padding-top: 2.5rem;
}

.tier-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow);
}

.tier-badge{
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #0b0b0f;
}

.tier-cafe{
  background: var(--tier-cafe);
}

.tier-premium{
  background: var(--tier-premium);
  color: #f6f1e6;
}

.tier-price{
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--gold-100);
}

.tier-media{
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
  height: 110px;
  margin-bottom: 14px;
}

.tier-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.95;
}

.why-media{
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
  aspect-ratio: 4 / 5;
  margin-bottom: 16px;
}

.why-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.95;
}

.step-card-v2{
  border-radius: 18px;
}

.step-icon{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-weight: 700;
  background: var(--brand-grad);
  color: #1a1408;
}

.cta-band{
  background: var(--brand-grad);
  border-radius: 24px;
  padding: 2.5rem;
  color: #1a1408;
  box-shadow: var(--shadow);
}

.cta-band .text-muted-gold{
  color: rgba(26, 20, 8, 0.75);
}


@media (max-width: 768px){
  .v2-hero{
    padding-top: 1.5rem;
  }
  .v2-nav{
    justify-content: center;
    text-align: center;
  }
  .cta-band{
    padding: 2rem;
    text-align: center;
  }
  .tier-media{
    height: 96px;
  }
}
}