/* "Easy to get" three-step gray band. */

.easy-to-get {
  padding-block: var(--space-6);
}

.easy-to-get__band {
  background: #dcdcdc; /* darker grey — matches the live section */
  border-radius: 10px;
  padding: 4.5rem var(--space-6) 5.25rem; /* rem so the box scales with the root */
}

/* Heading/sub use the global section-title master styles; just a bit more room
   below them in this band. */
.easy-to-get .section-title {
  margin-bottom: var(--space-6);
}

.easy-to-get__steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.easy-to-get__steps i {
  font-size: 4.5rem; /* big, prominent icons like the live section */
  color: var(--color-primary);
  margin-bottom: var(--space-5);
}

.easy-to-get__steps p {
  font-size: 1.125rem;
  margin: 0 auto;
  max-width: 22ch; /* keep each step's copy to a tidy two lines */
}

@media (max-width: 767px) {
  .easy-to-get__steps {
    grid-template-columns: 1fr;
  }
}