/* Screenshot-Grid v2017 */
.screenshots-section { padding: 80px 0; }
.screenshot-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin-top: 40px; }
.screenshot-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(108,99,255,0.2); border-radius: 10px; overflow: hidden; cursor: zoom-in; transition: all 0.3s; }
.screenshot-card:hover { border-color: #6c63ff; transform: translateY(-4px); box-shadow: 0 8px 24px rgba(108,99,255,0.3); }
.screenshot-caption { padding: 8px 12px; display: flex; justify-content: space-between; align-items: center; color: #aaaacc; font-size: 12px; }
.zoom-icon { font-size: 14px; opacity: 0.6; }

/* Feature-Card Scrollbar v2017 */
.feature-card, .stat-card, .feature-box {
  overflow-y: auto;
  max-height: 200px;
  scrollbar-width: thin;
  scrollbar-color: #6c63ff rgba(255,255,255,0.05);
}
.feature-card::-webkit-scrollbar { width: 4px; }
.feature-card::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 2px; }
.feature-card::-webkit-scrollbar-thumb { background: #6c63ff; border-radius: 2px; }


/* v482019 Feature-Card Scrollbar */
.feature-card,.feature,[class*="feature-card"],[class*="feature-box"],.stat-card{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6c63ff rgba(255,255,255,0.05);}
.feature-card::-webkit-scrollbar,.feature::-webkit-scrollbar{width:6px;}
.feature-card::-webkit-scrollbar-track{background:rgba(255,255,255,0.04);border-radius:3px;}
.feature-card::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c63ff,#a855f7);border-radius:3px;}
.feature-card::-webkit-scrollbar-thumb:hover{background:#8b85ff;}