/* ===== THE APP ===== */
.appshow{padding:clamp(72px,9vw,120px) 0;position:relative}
.appshow-head{text-align:center;max-width:58ch;margin:0 auto clamp(34px,5vw,56px)}
.appshow-stage{position:relative;perspective:1600px;margin:0 auto;max-width:1060px}
.appshow-frame{
  position:relative;border-radius:16px;overflow:hidden;
  border:1px solid var(--hairline-strong);
  background:var(--bg-2);
  box-shadow:0 40px 120px -30px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.03) inset,
             0 0 90px -40px var(--accent);
  transform:rotateX(6deg) rotateY(0deg) scale(.985);
  transform-style:preserve-3d;
  transition:transform .45s cubic-bezier(.22,.9,.24,1), box-shadow .45s ease;
  will-change:transform}
.appshow-frame img{display:block;width:100%;height:auto}
.appshow-stage:hover .appshow-frame{box-shadow:0 44px 130px -28px rgba(0,0,0,.88), 0 0 110px -36px var(--accent)}
.appshow-floor{
  position:absolute;left:8%;right:8%;bottom:-38px;height:70px;border-radius:50%;
  background:radial-gradient(60% 100% at 50% 0%, rgba(34,211,197,.22), transparent 72%);
  filter:blur(14px);pointer-events:none}
.appshow-points{
  list-style:none;margin:clamp(52px,6vw,78px) auto 0;padding:0;max-width:1000px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.appshow-points li{display:flex;flex-direction:column;gap:7px;padding-left:16px;border-left:2px solid var(--accent)}
.appshow-points strong{font-size:15px;color:var(--text);font-weight:650}
.appshow-points span{font-size:14px;color:var(--text-dim);line-height:1.6}
@media (max-width:900px){
  .appshow-points{grid-template-columns:1fr;gap:18px}
  .appshow-frame{transform:none}
}