.hero-ruletka{
  position:relative;
}
.hero-ruletka__grid{
  align-items:center;
  gap:var(--space-10);
}
.hero-ruletka__content{
  max-width:38rem;
}
.hero-ruletka__actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-top:var(--space-4);
  margin-bottom:var(--space-3);
}
.hero-ruletka__meta{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
}
.hero-ruletka__image-wrap{
  max-width:520px;
  margin-inline:auto;
}
.hero-ruletka__image-card{
  padding:var(--space-4);
}
.hero-ruletka__image{
  border-radius:var(--radius-lg);
}

.ruletka-flow{
  align-items:flex-start;
  gap:var(--space-8);
}
.ruletka-flow__list{
  margin:0;
  padding-left:1.1rem;
  font-size:var(--font-size-sm);
  color:var(--color-text-muted);
}
.ruletka-flow__list li+li{
  margin-top:0.3rem;
}

.strefa-ruletki{
  align-items:center;
  gap:var(--space-10);
}
.strefa-ruletki__image{
  max-width:520px;
  margin-inline:auto;
}
.strefa-ruletki__photo{
  border-radius:var(--radius-lg);
}
.strefa-ruletki__list{
  margin:0;
  padding-left:1.1rem;
  font-size:var(--font-size-sm);
  color:var(--color-text-muted);
}
.strefa-ruletki__list li+li{
  margin-top:0.3rem;
}

.prowadzacy{
  align-items:flex-start;
  gap:var(--space-8);
}
.prowadzacy__list{
  margin:0;
  padding-left:1.1rem;
  font-size:var(--font-size-sm);
  color:var(--color-text-muted);
}
.prowadzacy__list li+li{
  margin-top:0.3rem;
}
.prowadzacy__cta{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--space-4);
}
.prowadzacy__cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
}

.use-cases__grid{
  gap:var(--space-8);
}
.use-case__image{
  margin-bottom:var(--space-4);
}
.use-case__photo{
  border-radius:var(--radius-md);
}

.combo-section{
  align-items:center;
  gap:var(--space-10);
}
.combo-section__photo{
  border-radius:var(--radius-lg);
}
.combo-section__links{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-top:var(--space-4);
}

.formal-info__card{
  max-width:900px;
  margin-inline:auto;
}
.formal-info__list{
  margin:0;
  padding-left:1.1rem;
  font-size:var(--font-size-sm);
  color:var(--color-text-muted);
}
.formal-info__list li+li{
  margin-top:0.3rem;
}
.formal-info__cta{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-top:var(--space-4);
}

@media (max-width:767px){
  .hero-ruletka{
    padding-block:var(--space-10);
  }
}

@media (max-width:899px){
  .hero-ruletka__image-wrap,
  .strefa-ruletki__image{
    order:-1;
  }
}