.screenshot-slider{overflow:hidden;padding:2rem 0 3rem;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.screenshot-slider-track{display:flex;gap:1.5rem;will-change:transform;cursor:grab;-webkit-user-select:none;user-select:none}.screenshot-slider-track:active{cursor:grabbing}.screenshot-slide{flex-shrink:0;width:340px}.screenshot-slide-caption{text-align:center;font-size:.85rem;color:var(--gray-600);margin-top:.5rem;pointer-events:none}.screenshot-slide-frame{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.screenshot-slide:hover .screenshot-slide-frame{transform:scale(1.03);box-shadow:var(--shadow-xl)}.screenshot-slide-header{padding:.5rem .75rem;background:var(--gray-100);border-bottom:1px solid var(--gray-200);display:flex;gap:.4rem}.screenshot-slide-dot{width:10px;height:10px;border-radius:50%}.screenshot-slide-dot.red{background:#ef4444}.screenshot-slide-dot.yellow{background:#f59e0b}.screenshot-slide-dot.green{background:#10b981}.screenshot-slide-body{line-height:0}.screenshot-slide-body img{width:100%;height:auto;display:block}@media(max-width:968px){.screenshot-slide{width:280px}}@media(max-width:576px){.screenshot-slide{width:240px}.screenshot-slider{padding:1.5rem 0 2rem}.screenshot-slider-track{gap:1rem}.screenshot-slide-header{padding:.4rem .6rem}.screenshot-slide-dot{width:7px;height:7px}}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:lightbox-fade-in .2s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{width:95vw;max-width:1400px;display:flex;flex-direction:column;align-items:center}.lightbox-content img{width:100%;max-height:92vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 25px 50px #0006}.lightbox-caption{color:#fffc;font-size:.9375rem;margin-top:1rem;text-align:center}.lightbox-close{position:absolute;top:1.25rem;right:1.5rem;background:none;border:none;color:#fff;font-size:2.5rem;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s;z-index:1}.lightbox-close:hover{opacity:1}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#000000bf;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:3rem;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius);opacity:1;transition:background .2s,border-color .2s;line-height:1}.lightbox-arrow:hover{background:#000000f2;border-color:#ffffffb3}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}@media(max-width:576px){.lightbox-arrow{font-size:2rem;padding:.4rem .75rem}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-close{top:.75rem;right:.75rem;font-size:2rem}}