.landing-showcase-hero{background:linear-gradient(125deg,hsl(var(--showcase-hero)),hsl(var(--showcase-accent) / .86),hsl(var(--showcase-blue)));padding:64px 24px}.landing-showcase-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:44px}.landing-showcase-copy{text-align:left}.landing-showcase-copy p{margin-left:0!important}.landing-showcase-copy>div{justify-content:flex-start!important}.app-showcase{min-width:0;color:hsl(var(--showcase-ink))}.showcase-frame{width:min(100%,350px);margin:0 auto;padding:7px;border:5px solid hsl(var(--showcase-ink));border-radius:38px;position:relative;overflow:hidden;box-shadow:0 24px 60px hsl(var(--showcase-ink) / .35);background:hsl(var(--showcase-ink))}.showcase-frame:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:70px;height:15px;border-radius:0 0 12px 12px;background:hsl(var(--showcase-ink));z-index:1}.showcase-screenshot-stage{overflow:hidden;border-radius:27px;aspect-ratio:580 / 1024;position:relative;background:hsl(var(--showcase-ink))}.showcase-screenshot{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.showcase-lineup-shot{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s ease-in-out}.showcase-lineup-shot.is-active{opacity:1}.showcase-lineup-shot.no-motion{transition:none}.showcase-caption{color:hsl(var(--showcase-surface));text-align:center;font-size:15px;font-weight:700;margin-top:12px}.showcase-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:10px}.showcase-tabs button{border:1px solid hsl(var(--showcase-surface) / .3);background:hsl(var(--showcase-surface) / .08);color:hsl(var(--showcase-surface));border-radius:999px;padding:9px 12px;font-size:11px;font-weight:600;transition:background .2s,color .2s}.showcase-tabs button[aria-selected=true]{background:hsl(var(--showcase-surface));color:hsl(var(--showcase-accent))}.showcase-tabs button:focus-visible{outline:2px solid hsl(var(--showcase-surface));outline-offset:3px}.showcase-status{font-size:10px;text-align:center;color:hsl(var(--showcase-surface) / .7);margin-top:10px}.showcase-languages{display:inline-flex;align-items:center;gap:6px;margin:12px auto 0;padding:8px 14px;border:1px solid hsl(var(--showcase-surface) / .3);background:hsl(var(--showcase-surface) / .1);color:hsl(var(--showcase-surface));border-radius:14px;font-size:11px;font-weight:600;line-height:1.45;text-align:left;max-width:330px}.showcase-languages svg{flex:none;margin-top:1px}.app-showcase{text-align:center}.app-showcase .showcase-languages{display:inline-flex}@media(max-width:1023px){.landing-showcase-grid{grid-template-columns:minmax(0,1fr);max-width:680px;gap:32px}.landing-showcase-copy{text-align:center}.landing-showcase-copy p{margin-left:auto!important}.landing-showcase-copy>div{justify-content:center!important}}@media(max-width:480px){.landing-showcase-hero{padding:24px 16px}.landing-showcase-grid{gap:18px}.landing-showcase-copy h1{font-size:1.75rem!important;margin-bottom:10px!important}.landing-showcase-copy p{font-size:15px!important;line-height:1.45!important;margin-bottom:16px!important}.landing-showcase-copy>div{gap:8px!important}.landing-showcase-copy>div button{padding:10px 18px!important;font-size:14px!important}.showcase-frame{width:min(100%,235px)}.showcase-tabs{margin-top:10px;gap:4px}.showcase-tabs button{font-size:10px;padding:7px 9px}.showcase-status{margin-top:5px;font-size:9px}}