.hero--features {
  position: relative;
}

.section-header {
  margin-bottom: var(--space-12);
}

.section-lead {
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.hero-cta-row,
.speed-cta-row,
.updates-cta-row,
.multidevice-actions,
.live-spinner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  justify-content: center;
  margin-top: var(--space-8);
}

.hero-age-line {
  margin-top: var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-items: center;
  text-align: center;
}

.features-pillar-grid,
.free-play-grid,
.live-spinner-grid,
.multidevice-grid,
.hungarian-ui-grid,
.speed-grid,
.responsible-grid,
.updates-grid {
  margin-top: var(--space-16);
}

.features-pillar__cta {
  margin-top: var(--space-6);
}

.live-spinner-media,
.multidevice-media,
.design-media {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.live-spinner-media img,
.multidevice-media img,
.design-media img {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-strong);
}

.live-spinner-media figcaption,
.multidevice-media figcaption,
.design-media figcaption {
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.speed-card h3,
.updates-card h3 {
  margin-top: var(--space-4);
}

.speed-card p,
.updates-card p {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .hero-cta-row,
  .speed-cta-row,
  .updates-cta-row,
  .multidevice-actions,
  .live-spinner-actions {
    justify-content: flex-start;
  }

  .hero-age-line {
    align-items: flex-start;
    text-align: left;
  }
}