/* real-screen device frames + motion (P1/P2 2026-07-22) */
.scrframe{background:#0d0f14;border-radius:16px;padding:11px;box-shadow:0 28px 64px rgba(0,0,0,.24)}
.scrframe img{width:100%;height:auto;display:block;border-radius:9px}
.scrframe--deck{border-radius:16px 16px 0 0;padding-bottom:0}
.scrdeck{height:15px;background:linear-gradient(180deg,#e2e3e7,#c9cad0);border-radius:0 0 14px 14px;position:relative}
.scrdeck::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:90px;height:6px;background:#b7b8bf;border-radius:0 0 7px 7px}
.scrphone{background:#0d0f14;border-radius:32px;padding:9px;box-shadow:0 24px 56px rgba(0,0,0,.26);position:relative;width:min(230px,60vw)}
.scrphone img{width:100%;height:auto;display:block;border-radius:24px}
.scrcap{font-size:13px;color:#86868b;text-align:center;margin-top:12px}
.scrcap b{color:#1d1d1f}
.livechip{display:inline-flex;align-items:center;gap:7px;background:rgba(52,199,89,.12);border:1px solid rgba(52,199,89,.4);color:#1d7a3d;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 12px}
.livechip i{width:8px;height:8px;border-radius:50%;background:#34c759;animation:lp 1.6s ease-in-out infinite}
@keyframes lp{50%{opacity:.35;transform:scale(.8)}}
.floaty{animation:scrfloat 7s ease-in-out infinite}
.floaty.f2{animation-delay:1.8s}
@keyframes scrfloat{50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.floaty,.livechip i{animation:none}}
.pstat{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:980px;margin:0 auto}
.pstat .ps{background:#fff;border:1px solid #e8e8ed;border-radius:16px;padding:20px 12px;text-align:center;box-shadow:0 6px 22px rgba(0,0,0,.05)}
.pstat .ps b{display:block;font-size:clamp(24px,3.2vw,36px);font-weight:800;letter-spacing:-.02em;color:#1d1d1f;line-height:1}
.pstat .ps span{display:block;font-size:12px;color:#86868b;margin-top:7px;line-height:1.35}
@media(max-width:760px){.pstat{grid-template-columns:1fr 1fr}}