.showcase{position:relative;margin:0 0 0 auto;width:100%;max-width:460px;aspect-ratio:460/540}
.showcase .shot{position:absolute;left:0;top:0;width:74%;height:84%;object-fit:cover;object-position:center 45%;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.4)}
.showcase .phone{position:absolute;right:0;top:20%;width:37%;padding:7px;background:#081413;border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.12)}
.showcase .phone img{width:100%;height:auto;aspect-ratio:250/412;object-fit:cover;object-position:top;border-radius:21px}
.showcase .proofcard{position:absolute;left:4%;bottom:0;width:62%;background:#fbf9f4;color:#123739;border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:3px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.showcase .ok{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1d6b55}
.showcase strong{font-size:20px;letter-spacing:-.01em}
.showcase .when{font-size:13px;color:#3d4b48}
.showcase code{font-family:var(--mono);font-size:11px;color:#4a5a57;background:none;padding:0;word-break:break-all}
.showcase .window{margin-top:6px;padding-top:7px;border-top:1px solid #e1dccf;font-size:12px;color:#1d5254;font-weight:600}
@media (max-width:880px){.showcase{margin:8px auto 0}}
@media (max-width:520px){.showcase .proofcard{width:70%;padding:11px 13px}.showcase strong{font-size:17px}.showcase .ok{font-size:10px}.showcase .window{font-size:11px}}