.demoshot{position:relative;width:100%;perspective:1600px;opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.demoshot.in{opacity:1;transform:translateY(0)}.demoshot-glow{position:absolute;inset:-12% -6% -18% -6%;z-index:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 42%,rgba(210,216,230,.14),rgba(210,216,230,.04) 45%,transparent 72%);filter:blur(6px)}.demoshot-frame{position:relative;z-index:1;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:#0b0b0d;overflow:hidden;box-shadow:0 40px 90px -46px rgba(0,0,0,.9),inset 0 2px 0 0 rgba(255,255,255,.05);transform:rotateY(-8deg) rotateX(2.5deg) translateZ(0);transform-origin:center;transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}.demoshot.flip .demoshot-frame{transform:rotateY(8deg) rotateX(2.5deg)}.demoshot:hover .demoshot-frame{transform:rotateY(0deg) rotateX(0deg)}.demoshot-top{position:absolute;top:0;left:8%;right:8%;height:1px;z-index:2;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}.demoshot-frame img{display:block;width:100%;height:auto}.demoshot-ph{position:relative;aspect-ratio:16/11;background:linear-gradient(145deg,#121214,#0b0b0c);padding:0;overflow:hidden}.demoshot-ph-bar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.demoshot-ph-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}.demoshot-ph-body{padding:20px 18px;display:flex;flex-direction:column;gap:12px}.demoshot-ph-line{height:11px;border-radius:6px;background:rgba(255,255,255,.08)}.demoshot-ph-line.w70{width:70%}.demoshot-ph-line.w40{width:40%}.demoshot-ph-grid{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demoshot-ph-grid span{aspect-ratio:3/4;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05)}.demoshot-ph-label{position:absolute;bottom:12px;right:14px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.32)}@media (prefers-reduced-motion:reduce){.demoshot,.demoshot .demoshot-frame,.demoshot.flip .demoshot-frame{transform:none;transition:none}}@media (max-width:820px){.demoshot-frame,.demoshot.flip .demoshot-frame{transform:none}}