.showcase-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding-block:clamp(3rem,8vw,7rem)}
.showcase-copy h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.98;letter-spacing:-.065em;margin:1rem 0}
.showcase-copy h1 em{font-style:normal;color:#70b9ff}
.showcase-note{font-size:.88rem;color:var(--lo);margin-top:1rem}
.showcase-stage{position:relative;padding:1rem 9% 1rem 0;isolation:isolate}
.showcase-stage::before{content:"";position:absolute;inset:-12% -5%;z-index:-1;background:radial-gradient(ellipse,#2868c93b,transparent 68%)}
.showcase-tv,.showcase-phone,.showcase-shot{margin:0}
.showcase-tv,.showcase-phone{overflow:hidden;border:1px solid #395171;background:#080e19;box-shadow:0 18px 52px #0009}
.showcase-tv{border-radius:clamp(.6rem,1.6vw,1.25rem);padding:.3rem}
.showcase-phone{position:absolute;right:0;bottom:0;width:24%;border-radius:clamp(.65rem,1.8vw,1.3rem);padding:.2rem}
.showcase-tv img,.showcase-phone img,.showcase-shot img{display:block;width:100%;height:auto}
.showcase-tv img,.showcase-phone img{border-radius:inherit}
.feature-kicker{font-size:.7rem;letter-spacing:.11em;color:#92caff;font-weight:700}
.showcase-features .card h3{margin-top:.55rem}
.showcase-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.showcase-shot{overflow:hidden;border:1px solid #263b56;border-radius:1rem;background:#0e192a}
.showcase-shot figcaption{padding:.85rem 1rem;display:grid;gap:.24rem}
.showcase-shot figcaption span{color:var(--mid);font-size:.9rem}
.showcase-platforms{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}
.showcase-platforms p{color:var(--mid)}
@media(max-width:850px){.showcase-hero{grid-template-columns:1fr;gap:1rem}.showcase-stage{max-width:680px}.showcase-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.showcase-gallery{grid-template-columns:1fr}.showcase-platforms{align-items:flex-start;flex-direction:column}.showcase-copy h1{font-size:3.7rem}}
.showcase-shot a{display:block}
.showcase-shot a:focus-visible{outline:2px solid #70b9ff;outline-offset:-3px}
@media(max-width:540px){.showcase-hero{padding-block:2.5rem}.showcase-copy .badge{white-space:normal}}
.showcase-brand{width:min(100%,31rem);aspect-ratio:1280/479;margin:0 auto 1.4rem;overflow:hidden;border-radius:1rem;border:1px solid #395171;background:#061329}
.showcase-brand img{display:block;width:100%;height:auto}
.showcase-brand{width:min(100%,48rem);aspect-ratio:auto}
.brand-caption{font-size:.82rem;color:var(--lo)}
.showcase-viewer{padding:0;border:1px solid #395171;border-radius:1rem;background:#08111f;color:#eff6ff;max-width:min(94vw,1400px);max-height:94dvh}
.showcase-viewer::backdrop{background:#030710df}
.showcase-viewer-content{position:relative}
.showcase-viewer img{display:block;max-width:100%;max-height:82dvh;object-fit:contain;margin:auto}
.showcase-viewer p{margin:0;padding:.7rem 1rem}
.showcase-viewer form{position:absolute;right:.6rem;top:.6rem}
.showcase-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #6d85a6;background:#101b2ef5;color:white;font-size:1.75rem;cursor:pointer}
.showcase-close:focus-visible{outline:2px solid #75c4ff}
.showcase-language{padding-block:1.5rem}
.showcase-language form{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}
.showcase-language select{padding:.55rem .7rem;background:#142238;color:#f0f6ff;border:1px solid #405678;border-radius:.5rem}
.showcase-language p{flex-basis:100%;margin:.2rem 0;color:var(--mid)}
.showcase-stage{padding-right:0}
.showcase-mobile-gallery{max-width:820px;margin-inline:auto}
.showcase-mobile-gallery img{max-height:570px;object-fit:contain;background:#080e19}
@media(max-width:540px){.showcase-mobile-gallery{max-width:310px}}