/* ===== DASHBOARD MOCKUP ===== */
.product-shot{background:#fff}
.dashboard-mockup{max-width:700px;margin:0 auto;background:#1a1a2e;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.dash-header{display:flex;align-items:center;gap:8px;padding:14px 20px;background:#111827;border-bottom:1px solid #1f2937}
.dash-dot{width:12px;height:12px;border-radius:50%}
.dash-dot.red{background:#ef4444}.dash-dot.yellow{background:#f59e0b}.dash-dot.green{background:#22c55e}
.dash-title{color:#9ca3af;font-size:13px;font-weight:500}
.dash-body{padding:24px}
.dash-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.dash-stat{text-align:center;background:#111827;border-radius:10px;padding:16px 12px}
.dash-stat-num{font-size:20px;font-weight:800;color:#fff}
.dash-stat-label{font-size:11px;color:#9ca3af;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}
.dash-stat-pct{font-size:13px;font-weight:600;margin-top:6px}
.dash-stat-pct.green{color:#22c55e}.dash-stat-pct.blue{color:#60a5fa}.dash-stat-pct.warn{color:#fbbf24}
.dash-chart-row{display:flex;flex-direction:column;gap:14px}
.dash-chart-bar-group{display:flex;align-items:center;gap:12px}
.dash-chart-label{width:90px;font-size:12px;color:#9ca3af;text-align:right;flex-shrink:0}
.dash-bar-track{flex:1;height:26px;background:#111827;border-radius:6px;overflow:hidden}
.dash-bar-fill{height:100%;border-radius:6px;display:flex;align-items:center;padding-left:12px;font-size:13px;font-weight:700;color:#fff;min-width:0}
.dash-bar-fill.green{background:linear-gradient(90deg,#166534,#22c55e)}
.dash-bar-fill.blue{background:linear-gradient(90deg,#1e3a5f,#2563eb)}
@media(max-width:768px){
  .dash-stats-grid{grid-template-columns:repeat(2,1fr)}
  .dash-stat-num{font-size:16px}
  .dash-chart-label{width:60px;font-size:10px}
}

/* ===== LOGO CLOUD ===== */
.logo-cloud{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px 40px;margin-top:24px;padding:32px 0;border-top:1px solid #f1f5f9}
.logo-item{font-size:18px;font-weight:600;color:#94a3b8;letter-spacing:-.3px;transition:.2s}
.logo-item:hover{color:#475569}
@media(max-width:768px){
  .logo-cloud{gap:20px 24px}
  .logo-item{font-size:15px}
}

/* ===== URGENCY STRIP ===== */
.urgency-strip{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px;background:linear-gradient(90deg,#2563eb,#1d4ed8);color:#fff;font-size:14px;font-weight:500;flex-wrap:wrap;text-align:center}
.urgency-cta{background:#fff;color:#2563eb;padding:4px 14px;border-radius:6px;font-weight:700;font-size:13px;white-space:nowrap}
.urgency-cta:hover{background:#f1f5f9}