.appshow{--phone-w:270px;--phone-h:585px;width:100%;display:flex;flex-direction:column;align-items:center}.appshow-stage{position:relative;width:100%;max-width:900px;height:calc(var(--phone-h) + 40px);perspective:1700px;transform-style:preserve-3d;outline:none;touch-action:pan-y;cursor:grab}.appshow-stage:active{cursor:grabbing}.appshow-phone{position:absolute;top:50%;left:50%;width:var(--phone-w);height:var(--phone-h);margin-left:calc(var(--phone-w) / -2);margin-top:calc(var(--phone-h) / -2);padding:10px;border-radius:46px;background:linear-gradient(160deg,#14161c,#05060a);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px -30px rgba(0,0,0,.75),inset 0 0 0 2px rgba(255,255,255,.04);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .6s ease;will-change:transform,opacity;cursor:pointer;-webkit-tap-highlight-color:transparent}.appshow-phone.is-active{cursor:default;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 60px -6px var(--gold,#e4b84c),inset 0 0 0 2px rgba(255,255,255,.06)}.appshow-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:14px;background:#05060a;z-index:2}.appshow-screen{position:relative;display:block;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#0a1628}.appshow-screen img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appshow-caption{margin:22px 0 0;font-family:var(--mono,ui-monospace,monospace);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-blue,#4a8dcb);min-height:16px}.appshow-controls{display:flex;align-items:center;gap:18px;margin-top:16px}.appshow-arrow{width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--ink,#f4efe7);font-size:22px;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease}.appshow-arrow:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.32)}.appshow-dots{display:flex;gap:9px}.appshow-dot{width:9px;height:9px;padding:0;border:none;border-radius:999px;background:rgba(255,255,255,.24);cursor:pointer;transition:background .2s ease,width .2s ease}.appshow-dot.is-active{width:26px;background:var(--gold,#e4b84c)}@media (max-width:640px){.appshow{--phone-w:210px;--phone-h:455px}.appshow-stage{perspective:1200px}}@media (prefers-reduced-motion:reduce){.appshow-stage{display:flex;gap:20px;height:auto;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;perspective:none;padding:12px 4px 20px;-webkit-overflow-scrolling:touch}.appshow-phone{position:relative;top:auto;left:auto;margin:0;flex:0 0 auto;transform:none!important;opacity:1!important;scroll-snap-align:center;transition:none}}