/* V41: refinements confined to the QConnect demonstration. */
.q-index .index-showcase{padding-top:80px;padding-bottom:0}
.q-index .index-showcase-heading{max-width:890px;margin:0 auto 32px;text-align:center;text-wrap:balance}
.q-index .index-showcase-figure{margin:0;min-width:0}
.q-index .index-showcase-media{position:relative;overflow:hidden;border:1px solid #10359024;border-radius:20px;background:#0b1830;box-shadow:0 28px 64px -24px #0d1b2e44,0 2px 6px #0d1b2e0a}
.q-index .index-showcase video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b1830}
.q-index .index-showcase video:focus-visible{outline:3px solid var(--orange);outline-offset:-5px}
.q-index .index-showcase-caption{max-width:865px;margin:28px auto 0;text-align:center}
.q-index .index-showcase-caption-main{margin:0;color:var(--ink);font-size:18px;line-height:1.75;text-wrap:balance}
.q-index .index-showcase-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
.q-index .index-showcase-status{margin:14px 0 0;font-size:13px;line-height:1.7;color:#99320b}
.q-index .index-showcase [hidden]{display:none!important}
@media(min-width:768px) and (max-width:900px){.q-index .index-showcase{padding-top:65px}}
@media(max-width:767px){
 .q-index .index-showcase{padding-top:48px}
 .q-index .index-showcase-heading{margin-bottom:24px}
 .q-index .index-showcase-media{border-radius:13px;box-shadow:0 20px 38px -20px #0d1b2e44}
 .q-index .index-showcase video{aspect-ratio:3/4}
 .q-index .index-showcase-caption{margin-top:22px}
 .q-index .index-showcase-caption-main{font-size:16px;line-height:1.8}
 .q-index .index-showcase-note{font-size:12px;margin-top:10px}
}