/* Real mobile captures: preserve the full frame and its aspect ratio. */
.app-screenshot-section .sec-head{text-align:center;margin-bottom:24px}
.app-hero.wrap{padding-left:22px;padding-right:22px}
.app-screenshot{margin:0 auto;max-width:390px}
.app-screenshot.landscape{max-width:940px}
.app-screenshot a{display:block;border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden;background:#111827;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.app-screenshot a:focus-visible{outline:3px solid #7cc4ff;outline-offset:6px}
.app-screenshot img{display:block;width:100%;height:auto;object-fit:contain}
.app-screenshot figcaption{margin:18px auto 0;max-width:680px;color:#d1d5e3;font-size:.86rem;line-height:1.8;text-align:center}
.app-screenshot figcaption span{display:block;color:#a1acc2;font-size:.76rem;margin-top:8px}
@media(max-width:600px){.app-screenshot{max-width:350px}.app-screenshot.landscape{max-width:100%}.app-screenshot a{border-radius:14px}}

.card-icon-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.card .card-icon-row .ico{margin-bottom:0;flex-shrink:0}
.vr-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #bca4ff;border-radius:999px;background:#30224f;color:#f1eaff;font-size:.85rem;font-weight:900;line-height:1.2;white-space:nowrap}
.vr-badge small{font-size:.65rem;font-weight:600}