@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&display=swap");

:root {
  --il-font: "Plus Jakarta Sans", "Manrope", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --il-blue: #1d4ed8;
  --il-blue-2: #3b82f6;
  --il-slate: #475569;
}

.il-step-title,
.il-step-progress,
.il-step-subtitle,
.step-sr-only {
  font-family: var(--il-font);
}

.il-step-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--il-blue);
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  text-shadow: none;
  font-size: clamp(1.75rem, 2.8vw, 2.9rem);
  line-height: 1.12;
}

.il-step-progress {
  font-weight: 600;
  color: var(--il-slate);
  letter-spacing: 0.02em;
}

.il-step-subtitle {
  font-weight: 600;
  color: var(--il-blue-2);
  opacity: 0.9;
}

.step-sr-only {
  color: var(--il-blue);
  font-weight: 600;
  letter-spacing: 0.02em;
}

@media (max-width: 640px) {
  .il-step-title {
    font-size: clamp(1.5rem, 6vw, 2.2rem);
  }
}