:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:#f4f4f4;margin:0}.showcase{flex-direction:column;gap:24px;max-width:1100px;margin:0 auto;padding:6vh 16px 16px;display:flex}.card{background:#e9e9e9;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000029}.stack{aspect-ratio:1376/768;position:relative}.stack img{object-fit:cover;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.new{opacity:0}.toggle-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toggle{z-index:2;color:#fff;letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 22px;font:600 15px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:transform .2s;display:inline-flex;position:absolute;top:14px;right:14px}.toggle-text{text-align:center;min-width:124px;display:inline-block}.when-after{display:none}.toggle:hover{transform:translateY(-1px)}.toggle:active{transform:translateY(0)scale(.97)}.toggle-input:focus-visible~.toggle{outline-offset:3px;outline:3px solid #fff}.toggle-input:checked~.stack .old{opacity:0}.toggle-input:checked~.stack .new{opacity:1}.toggle-input:checked~.toggle .when-before{display:none}.toggle-input:checked~.toggle .when-after{display:inline}@media (prefers-reduced-motion:reduce){.toggle,.stack img{transition:none}}