/* 62 Boost minimal catalog layer */
:root {
  --minimal-radius: 18px;
}

.site-highlights { display: none !important; }
.hero-proof-grid { opacity: .82; }

.minimal-selection-note {
  display: grid;
  gap: 5px;
  margin: 0 0 18px;
  padding: 15px 17px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.035);
}
.minimal-selection-note strong { font-size: .95rem; }
.minimal-selection-note span { color: var(--muted, #a8a8a8); font-size: .84rem; line-height: 1.45; }
.minimal-selection-note--spotify { border-color: rgba(29,185,84,.38); background: rgba(29,185,84,.07); }

.platform-grid { gap: 12px !important; }
.platform-card { min-height: 138px !important; border-radius: var(--minimal-radius) !important; }
.category-grid { gap: 10px !important; }
.category-btn { min-height: 96px !important; border-radius: 16px !important; }
.category-btn span { max-width: 26ch; }

.services { gap: 12px !important; }
.service-card {
  position: relative;
  padding: 19px !important;
  border-radius: var(--minimal-radius) !important;
  box-shadow: none !important;
}
.service-card--recommended { border-color: rgba(255,255,255,.34) !important; }
.service-selection-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 12px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #fff;
  color: #000;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .11em;
}
.service-card:not(.service-card--recommended) .service-selection-badge {
  background: rgba(255,255,255,.10);
  color: #d6d6d6;
}
.service-title { gap: 12px !important; }
.service-title h3 { font-size: clamp(1rem, 2.5vw, 1.18rem) !important; line-height: 1.3 !important; }
.features { gap: 7px !important; margin-top: 14px !important; }
.feature { padding: 7px 9px !important; font-size: .76rem !important; }
.price-row { align-items: end !important; gap: 14px !important; }
.service-request {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 12px;
  background: #fff;
  color: #000;
  font-weight: 850;
  font-size: .82rem;
  text-decoration: none;
  white-space: nowrap;
}
.service-request:hover { transform: translateY(-1px); }
.service-expand-button {
  display: block;
  width: min(100%, 520px);
  margin: 18px auto 8px;
  padding: 14px 18px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  color: #fff;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.service-expand-button:hover { background: rgba(255,255,255,.10); }

@media (max-width: 640px) {
  .service-card { padding: 16px !important; }
  .price-row { align-items: stretch !important; }
  .service-request { width: 100%; }
  .copy-id { width: 100%; justify-content: center; }
  .service-title { align-items: stretch !important; }
}