/* A single device on a quiet surface: screen, hardware, caption. */
.photo-visual{background:radial-gradient(ellipse at 48% 20%,#f9fcff 0,#eef4fa 52%,#e7eff8 100%);padding:28px 28px 24px;min-height:545px}
.photo-stage{height:390px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;perspective:none;padding:10px 0 22px}
.photo-device-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;isolation:isolate}
.photo-device-scene:before{content:'';position:absolute;width:88%;height:30px;left:6%;bottom:7%;background:radial-gradient(ellipse,#4c739d20,transparent 68%);filter:blur(7px);z-index:-1}
.photo-stage .phone-landscape{position:relative;width:100%;height:auto;max-height:none;overflow:visible;padding:7px;border:1px solid #536173;border-radius:28px;background:linear-gradient(135deg,#718094 0,#263142 10%,#111925 85%,#586b80 100%);box-shadow:0 1px 1px #c6d3e9 inset,0 1px 0 1px #132238,0 18px 26px -16px #1c416b70;transform:none;transition:none}
.photo-stage .phone-landscape:before{content:'';position:absolute;left:-3px;top:32%;width:2px;height:36px;border-radius:3px 0 0 3px;background:#7c899c}
.photo-stage .phone-landscape img{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px;aspect-ratio:auto}
.photo-stage.portrait .phone-landscape{width:147px;height:auto;max-height:none;padding:5px;transform:none;border-radius:23px}
.photo-stage.portrait .phone-landscape img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:17px}
.photo-stage.portrait .photo-device-scene:before{width:44%;left:28%;bottom:0}
.photo-caption{display:flex;align-items:center;justify-content:center;gap:11px;position:relative;min-height:40px;text-align:left}
.photo-caption b{font-size:12px;font-weight:600;display:block;color:#243c5d}
.photo-caption div>span{display:block;font-size:10px;line-height:1.7;color:#5e708a;margin-top:3px}
.photo-caption .check-icon{width:26px;height:26px;font-size:11px;background:#dce9fa;flex-shrink:0}
@media(max-width:1200px){.photo-visual{padding:23px 21px 20px;min-height:510px}.photo-stage{height:360px}.photo-stage.portrait .phone-landscape{width:133px}.photo-caption b{font-size:11px}.photo-caption div>span{font-size:9px}}
@media(max-width:900px){.photo-visual{padding:20px 16px;min-height:460px}.photo-stage{height:320px;gap:10px;padding:12px 0 16px}.photo-stage .phone-landscape{padding:6px;border-radius:22px}.photo-stage .phone-landscape img{border-radius:15px}.photo-stage.portrait .phone-landscape{width:118px;padding:5px;border-radius:21px}.photo-stage.portrait .phone-landscape img{border-radius:15px}.photo-caption{gap:9px}.photo-caption b{font-size:10px}.photo-caption div>span{font-size:8px}}
@media(max-width:640px){.photo-visual{padding:21px 18px 18px;min-height:420px}.photo-stage{height:320px;padding:12px 0 18px;gap:12px}.photo-stage .phone-landscape{padding:5px;border-radius:20px}.photo-stage .phone-landscape img{border-radius:14px}.photo-stage.portrait .phone-landscape{width:118px;height:auto;padding:4px;border-radius:20px}.photo-stage.portrait .phone-landscape img{height:auto;border-radius:15px}.photo-caption b{font-size:11px}.photo-caption div>span{font-size:9px}.photo-stage .phone-landscape:before{height:24px}}
@media(prefers-reduced-motion:reduce){.photo-stage .phone-landscape{transition:none}}
