/* Home module: price-tier bands. */

.bjs-tiers {
  padding: 30px clamp(24px, 7vw, 112px) 96px;
  border-bottom: 1px solid var(--home-line);
  background: var(--home-panel);
}

.bjs-tiers__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--home-line);
}

.bjs-tier {
  display: flex;
  min-height: 180px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  border-right: 1px solid var(--home-line);
  text-decoration: none;
  transition: background .2s ease;
}

.bjs-tier:last-child { border-right: 0; }
.bjs-tier:hover { background: var(--home-panel-2); }

.bjs-tier__name { color: var(--home-muted); font: 700 11px/1 Inter, sans-serif; text-transform: uppercase; }
.bjs-tier__range { margin-top: 12px; color: var(--home-copy); font: 600 clamp(26px, 2.4vw, 38px)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.bjs-tier__note { margin-top: 8px; color: var(--home-muted); font: 400 12px/1.5 Inter, sans-serif; }

@media (max-width: 900px) {
  .bjs-tiers__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bjs-tier { min-height: 140px; border-bottom: 1px solid var(--home-line); }
  .bjs-tier:nth-child(2n) { border-right: 0; }
  .bjs-tier:nth-child(n+3) { border-bottom: 0; }
}

@media (max-width: 620px) {
  .bjs-tiers { padding-inline: 18px; }
}