/* ─── identUP Pass – Page Specific ─── */

.pass-hero {
  background: linear-gradient(135deg, #1f1c1c 0%, #0a3320 60%, #0d4a2d 100%);
}
.pass-hero::before {
  background: radial-gradient(ellipse at 70% 30%, rgba(0, 219, 107, 0.18) 0%, transparent 65%);
}

.pass-badge { background: rgba(0, 219, 107, 0.12); border-color: rgba(0, 219, 107, 0.3); color: #86efac; }

.pass-section-label { background: var(--color-pass-light); color: var(--color-primary-darker); }

.pass-how-steps .step-number { background: var(--color-pass); color: var(--color-dark); }

.pass-feature-icon { background: var(--color-pass-light); color: var(--color-primary-darker); }

.pass-stat-value { color: var(--color-primary-darker); }

.pass-cta {
  background: linear-gradient(135deg, #1f1c1c 0%, #2d2a2a 100%);
}
.pass-cta .btn-cta-white {
  background: var(--color-pass);
  color: var(--color-dark);
}
.pass-cta .btn-cta-white:hover {
  background: var(--color-pass-dark);
  color: var(--color-dark);
  box-shadow: 0 10px 30px rgba(0, 219, 107, 0.3);
}

/* Mockup / visual */
.pass-mockup {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: var(--radius-lg);
  padding: 2rem;
}
.pass-tech-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(0, 219, 107, 0.1);
  border: 1px solid rgba(0, 219, 107, 0.25);
  color: #86efac;
  padding: 0.4rem 0.875rem;
  border-radius: 100px;
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0.25rem;
}
.pass-tech-badges { display: flex; flex-wrap: wrap; gap: 0.5rem; }

/* Integration strip */
.integration-strip {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}
.integration-strip-item {
  background: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 0.75rem 1.5rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--color-gray);
  transition: all var(--transition);
}
.integration-strip-item:hover {
  border-color: var(--color-pass);
  color: var(--color-primary-darker);
  box-shadow: var(--shadow-sm);
}
