/* Full screenshots at every viewport; the home screen stays central in RTL. */
.hero-stage{display:grid;grid-template-columns:minmax(0,244px) minmax(0,286px) minmax(0,244px);align-items:center;gap:24px;width:min(870px,calc(100% - 64px));max-width:870px}
.hero-stage .hero-shot{width:100%;min-width:0;flex:none;background:#fff;transition:transform .2s ease,box-shadow .2s ease}
.hero-stage .image-frame{aspect-ratio:1206/2622;border-radius:0}
.hero-stage .image-frame>img{object-fit:contain;width:100%;height:100%}
.hero-shot-label{display:block;padding:12px 5px;color:#51358b;text-align:center;font-size:14px;font-weight:600;line-height:1.5}
.hero-preview-hint{margin:22px 16px 0;text-align:center;font-size:13px;color:#6e6e73}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hero-stage .hero-shot:hover{transform:translateY(-5px);box-shadow:0 20px 46px #34216422}}
@media(max-width:760px){
 .hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.22fr) minmax(0,1fr);width:calc(100% - 24px);gap:8px;margin-top:32px}
 .hero-stage .hero-shot{border-radius:14px;box-shadow:0 8px 20px #34216416}
 .hero-shot-label{font-size:clamp(10px,2.5vw,13px);padding:9px 2px;white-space:nowrap}
 .hero-preview-hint{margin-top:17px;font-size:12px}
}
@media(max-width:360px){.hero-stage{width:calc(100% - 16px);gap:6px}.hero-stage .hero-shot{border-radius:11px}.hero-shot-label{font-size:9px}}