:is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s { background: #050505; padding-bottom: 110px; font: 400 16px/1.55 "Manrope", ui-sans-serif, system-ui, sans-serif; letter-spacing: normal; word-spacing: normal; text-transform: none; -webkit-font-smoothing: antialiased; color: #1d1d1f; }
@media (max-width: 760px) { :is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s { padding-bottom: 70px; } }
/* Phones (12 Nov): the showcase is a still picture here, so it opens the demo video when tapped. flow-root keeps the
   showcase's top margin inside this dark box (it used to show the page's grey background as a strip). */
:is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s-play { display: none; }
@media (max-width: 760px) {
  :is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s { display: flow-root; position: relative; padding-bottom: 36px; }
  :is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s .wpos-showcase { --wpos-showcase-gap: 20px; }
  :is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s-play { display: flex; position: absolute; left: 0; right: 0; top: 20px; bottom: 36px; z-index: 3; align-items: center; justify-content: center;
    text-decoration: none; -webkit-tap-highlight-color: transparent; }
  :is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s-play-pill { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 20px 0 7px; border-radius: 999px;
    background: rgba(5, 5, 5, 0.8); border: 1px solid rgba(255, 255, 255, 0.24); box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55); color: #FFFFFF;
    font: 500 14px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: -0.01em; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  :is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s-play-i { flex: none; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #FFFFFF; color: #050505; }
  :is(#wpc-s-be828a98d8d9,.wpc-s-be828a98d8d9) .b3s-play-i svg { width: 12px; height: 12px; margin-left: 2px; }
}