.shell-code {
  display: block;
  padding: 8px 12px;
  background: #1e1e1e;
  color: #f5f5f5;
  font-size: 0.9em;
  line-height: 1.5;
  border-radius: 4px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* ==========================================================================
   OrkaTV homepage hero update (Oct 2026) - added via Additional CSS because
   theme files are read-only. Scoped to the front page (body.home #hero) and
   the header Contact button. Remove this block to revert.
   ========================================================================== */

/* (a) Hide the glowing "orka (tv)" logo under the headline, keep spacing tidy */
body.home #hero .pitch > span:has(> img[src*="watch-orka-logo"]) { display: none; }
body.home #hero img[src*="watch-orka-logo"] { display: none; } /* fallback */
body.home #hero .pitch > div.m-auto { margin-top: 1.5rem; }

/* (b) Hide "Can't download the app? Try our web player." */
body.home #hero a[href^="https://tv.orka.tv"] { display: none; }

/* (c) "More platforms coming soon": hide Samsung (1st) and LG (3rd), keep Vizio + Apple TV */
body.home #hero .border-2 > span:nth-child(1),
body.home #hero .border-2 > span:nth-child(3) { display: none; }

/* (d) Add LG + Samsung after Android in the platform box (flex items via pseudo-elements) */
body.home #hero .bg-secondary\/15 > div:first-child::before,
body.home #hero .bg-secondary\/15 > div:first-child::after {
  content: "";
  display: block;
  flex: none;
  height: 1.75rem;              /* 28px, matches h-7 on mobile */
  background: no-repeat center / contain;
}
body.home #hero .bg-secondary\/15 > div:first-child::before {
  order: 1;                     /* after the 4 existing logos */
  aspect-ratio: 579.98 / 255.45;
  width: calc(1.75rem * 579.98 / 255.45);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 579.98 255.45' class='h-full' fill='%23fff'%3E%3Cpath d='M513.76,146.66h31.07v28.9c-5.7,2.17-16.89,4.35-27.5,4.35-34.37,0-45.8-17.45-45.8-52.87s10.88-53.71,45.22-53.71c19.14,0,29.99,6,38.99,17.45l23.74-21.81c-14.5-20.67-39.8-26.94-63.56-26.94-53.41-.02-81.5,29.11-81.5,84.72s25.38,85.33,81.21,85.33c25.64,0,50.7-6.53,64.34-16.09v-80.14h-66.22v30.8ZM350.78,177.47h79.07v32.17h-117.23V44.46h38.16v133Z' /%3E%3Cpath d='M218.04,37.41c-49.88-49.88-130.76-49.88-180.63,0-49.88,49.88-49.88,130.76,0,180.63,49.88,49.88,130.76,49.89,180.63,0h0c49.88-49.88,49.88-130.76,0-180.63ZM158.99,181.48h-26.1v.06h-9.67v-107.76h9.65v98.07h26.1l.02,9.62ZM128.3,232.66c-58.23,0-105.46-46.93-105.46-104.9S70.05,22.86,128.29,22.86c1.54,0,3.07.03,4.59.09v9.55c-1.52-.07-3.05-.1-4.58-.1-52.93,0-95.86,42.69-95.86,95.35s42.92,95.36,95.86,95.36,93.54-40.4,95.77-91.07v-.27s-64.95,0-64.95,0v-9.62h74.47c.1,1.86.15,3.73.15,5.61,0,57.94-47.22,104.9-105.45,104.9ZM88.98,102.81h0,0c-1.94,0-3.86-.37-5.66-1.11-1.79-.74-3.43-1.82-4.8-3.19-1.38-1.37-2.47-2.99-3.22-4.79-.75-1.79-1.13-3.71-1.14-5.65,0-2.91.86-5.76,2.48-8.18,1.62-2.42,3.91-4.31,6.6-5.43,2.69-1.12,5.65-1.41,8.51-.85,2.86.56,5.48,1.96,7.55,4.01,2.06,2.05,3.47,4.67,4.05,7.53.58,2.85.3,5.82-.81,8.51-1.1,2.69-2.98,5-5.4,6.63-2.41,1.63-5.26,2.51-8.17,2.52h0Z'/%3E%3C/svg%3E");
}
body.home #hero .bg-secondary\/15 > div:first-child::after {
  order: 2;
  aspect-ratio: 401.67 / 102.9;
  width: calc(1.75rem * 401.67 / 102.9);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 401.67 102.9' class='h-full' fill='%23fff'%3E%3Cpath d='M128.8,18.9h-5.5v54.2c0,4.9-4,8.9-8.9,8.9h-19.6v5.9c0,3.1-2.5,5.7-5.7,5.7h-36.4c-3.1,0-5.7-2.5-5.7-5.7v-5.9h-29.6v9.1c0,6.5,5.3,11.8,11.8,11.8h99.6c6.5,0,11.8-5.3,11.8-11.8V30.7c0-6.5-5.3-11.8-11.8-11.8ZM26,18.9h97.3v-7.2c0-6.4-5.2-11.7-11.7-11.7H11.7C5.3,0,0,5.2,0,11.7v58.6c0,6.4,5.2,11.7,11.7,11.7h5.7V27.5c0-4.7,3.9-8.6,8.6-8.6Z'/%3E%3Cpath d='M169.75,66.23l6.27-4.89c1.88,3.26,4.64,5.02,8.03,5.02,3.64,0,5.52-2.38,5.52-4.89,0-3.01-3.76-4.02-7.66-5.27-5.02-1.63-10.42-3.51-10.42-10.42,0-5.9,5.15-10.54,12.17-10.54,5.9,0,9.29,2.26,12.3,5.27l-5.65,4.27c-1.51-2.38-3.76-3.51-6.65-3.51-3.39,0-5.15,1.76-5.15,4.14,0,3.01,3.51,3.76,7.53,5.15,5.02,1.63,10.54,3.76,10.54,10.79,0,5.77-4.64,11.42-12.68,11.42-6.4,0-10.79-2.76-14.18-6.53ZM199.61,57.57c0-9.79,7.15-15.31,14.56-15.31,3.89,0,7.28,1.51,9.41,4.14v-3.51h6.78v29.37h-6.78v-3.76c-2.13,2.76-5.65,4.39-9.54,4.39-7.03,0-14.43-5.65-14.43-15.31ZM223.96,57.45c0-5.02-3.76-9.04-8.78-9.04s-8.91,4.02-8.91,9.04,3.89,9.16,8.91,9.16c5.02,0,8.78-4.02,8.78-9.16ZM234.5,42.89h6.78v3.39c1.88-2.51,4.77-4.02,8.41-4.02,4.64,0,7.78,1.88,9.54,5.02,2.01-3.01,5.4-5.02,9.66-5.02,8.03,0,11.92,4.64,11.92,12.3v17.7h-6.9v-17.07c0-4.27-2.13-7.03-6.4-7.03-3.64,0-6.53,2.51-6.53,7.66v16.44h-6.9v-17.32c0-4.27-2.13-6.78-6.15-6.78-3.76,0-6.65,2.64-6.65,7.78v16.19h-6.78s0-29.24,0-29.24ZM282.57,65.73l6.27-3.01c1.38,2.76,3.89,4.27,7.03,4.27,3.39,0,5.02-1.63,5.02-3.51,0-2.13-3.26-2.51-6.9-3.39-5.02-1-10.29-2.64-10.29-8.78,0-4.77,4.52-9.04,11.55-9.04,6.02,0,9.79,2.26,12.05,6.02l-5.77,2.89c-1.25-2.01-3.39-3.39-6.27-3.39-3.26,0-4.77,1.51-4.77,3.14,0,2.01,2.26,2.51,6.78,3.39,4.77,1,10.29,2.64,10.29,8.78,0,4.14-3.64,9.54-12.05,9.54-6.53.25-10.67-2.26-12.93-6.9ZM336.66,72.26h-6.78v-3.39c-1.88,2.51-4.64,4.02-8.41,4.02-7.03,0-11.29-4.52-11.29-12.55v-17.44h6.9v16.69c0,4.52,2.01,7.4,6.27,7.4,3.76,0,6.53-2.76,6.53-8.03v-16.06h6.78v29.37ZM340.8,42.89h6.78v3.64c2.01-2.51,5.02-4.27,8.78-4.27,7.4,0,11.67,4.52,11.67,12.55v17.44h-6.9v-16.69c0-4.52-2.26-7.4-6.65-7.4-3.89,0-6.9,2.76-6.9,8.03v16.06h-6.78v-29.37ZM394.89,68.37c-2.13,2.76-5.65,4.52-9.54,4.52-7.03,0-14.43-5.65-14.43-15.19s7.15-15.31,14.56-15.31c3.89,0,7.28,1.76,9.41,4.39v-3.76h6.78v28.61c0,8.28-5.27,14.93-15.19,14.93-7.66,0-12.42-3.51-15.06-8.41l6.02-3.64c2.13,4.02,4.52,5.9,9.16,5.9,5.15,0,8.28-4.02,8.28-8.53v-3.51ZM395.27,57.45c0-5.02-3.76-9.04-8.78-9.04s-8.91,4.02-8.91,9.04,3.89,9.16,8.91,9.16c5.02,0,8.78-4.02,8.78-9.16Z'/%3E%3C/svg%3E");
}
@media (min-width: 768px) {
  body.home #hero .bg-secondary\/15 > div:first-child::before,
  body.home #hero .bg-secondary\/15 > div:first-child::after { height: 2.5rem; } /* 40px, md:h-10 */
  body.home #hero .bg-secondary\/15 > div:first-child::before { width: calc(2.5rem * 579.98 / 255.45); }
  body.home #hero .bg-secondary\/15 > div:first-child::after { width: calc(2.5rem * 401.67 / 102.9); }
}

/* (e) Header button: show "Contact Us" on large screens (theme's lg:static never un-hides " Us").
   Page 938 keeps hiding the whole button via its own a.contact-us rule. */
@media (min-width: 1024px) {
  #nav-container a.contact-us > span.hidden { display: inline; }
}
/* (f) "More about OrkaTV" scroll cue: put it in normal flow under the "coming soon" box
   (it was absolutely positioned at the hero's bottom and overlapped the box on shorter screens) */
body.home #hero { align-content: center; }
body.home #hero > .arrow { position: relative; bottom: auto; margin-top: 1.25rem; }
body.home #hero > .arrow svg { margin-bottom: 0; }
/* Short desktop/laptop screens (e.g. 1280x800): no room for the cue without crowding the nav/footer curve */
@media (min-width: 768px) and (max-height: 860px) {
  body.home #hero > .arrow { display: none; }
}
/* ===================== end OrkaTV homepage hero update ===================== */

.hero {
  position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	align-items: center;
	min-height: 70vh;
  border: 1px cyan dashed;
}
  .hero__copy {
    position: relative;
  	z-index: 2;
    order: 2;
  }
  .hero__bg {
    position: absolute;
    z-index: 1;
    order: 1;
  }

@media (min-width: 400px) {
  .hero {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1.15fr);
  }
  .hero__copy {
    order: 1;
  }
  .hero__bg {
    order: 2;
  }
}