@charset "UTF-8";

.hero--jtkmenet {
  background: radial-gradient(circle at top, rgba(56,189,248,0.4), rgba(129,140,248,0.4) 30%, #020617 80%);
}

.jtkmenet-grid {
  align-items: flex-start;
}

.jtkmenet-grid--reverse {
  display: grid;
  gap: var(--space-6);
}

@media (min-width: 768px) {
  .jtkmenet-grid--reverse {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: center;
  }
}

.jtkmenet-media {
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid rgba(148,163,184,0.5);
  box-shadow: var(--shadow-lg);
}

.jtkmenet-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jtkmenet-media--download {
  max-width: 22rem;
  margin-inline: auto;
}

.card--flow {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.card--download {
  background: radial-gradient(circle at top left, rgba(34,197,94,0.22), rgba(15,23,42,0.98));
}

.jtkmenet-download-grid {
  align-items: center;
}

.hero__meta-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

@media (min-width: 640px) {
  .hero__meta-group {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}