.screenshot-carousel{margin-top:var(--space-12);position:relative}.carousel-track{display:flex;gap:var(--space-6);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:var(--space-4) var(--space-4) var(--space-8);scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 85%;max-width:720px;scroll-snap-align:center;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);transition:transform .4s ease,box-shadow .4s ease}.carousel-slide:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f,0 4px 12px #00000014}.carousel-slide img{display:block;width:100%;height:auto}.carousel-slide-label{padding:var(--space-3) var(--space-4);text-align:center;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.carousel-slide-label p{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.carousel-dots{display:flex;justify-content:center;gap:var(--space-2)}.carousel-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--border-primary);border:none;padding:0;cursor:pointer;transition:var(--transition-base)}.carousel-dot.active{width:24px;background:var(--primary-blue)}.carousel-arrow{position:absolute;top:calc(50% - 20px);transform:translateY(-50%);width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4;transition:var(--transition-base);color:var(--text-primary)}.carousel-arrow:hover{background:var(--bg-secondary);box-shadow:var(--shadow-lg)}.carousel-arrow--prev{left:var(--space-2)}.carousel-arrow--next{right:var(--space-2)}.carousel-arrow svg{width:18px;height:18px}@media (max-width: 768px){.screenshot-carousel{margin-top:var(--space-8)}.carousel-track{gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-6)}.carousel-slide{flex:0 0 90%}.carousel-arrow{display:none}}@media (min-width: 1024px){.carousel-slide{flex:0 0 60%}}