.showcase-band { padding: 80px 0; background: #182320; border-top: 1px solid #34463f; }
.showcase-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 32px 0 24px; }
.showcase-tabs[hidden], .showcase-panel[hidden] { display: none; }
.showcase-tabs button { min-height: 46px; padding: 10px 18px; border: 1px solid #7b9488; border-radius: 2px; color: #eff6f1; background: transparent; }
.showcase-tabs button[aria-selected="true"] { background: #ccf66c; border-color: #ccf66c; color: #17220c; }
.showcase-panel { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); align-items: center; gap: 36px; margin-top: 24px; }
.showcase-panel video { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; background: #101218; }
.showcase-copy { min-width: 0; }
.showcase-copy h3 { font-size: 27px; margin-bottom: 18px; }
.showcase-copy p:not(.eyebrow) { color: #c5d3cd; }
.showcase-copy .eyebrow { margin-bottom: 16px; }
.showcase-copy .text-link { display: block; margin: 22px 0; }
.showcase-copy .button { max-width: 100%; }
@media (max-width: 850px) {
  .showcase-panel { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .showcase-band { padding: 56px 0; }
  .showcase-copy h3 { font-size: 24px; }
  .showcase-tabs button { flex: 1 1 auto; }
}