:root{}

.homePage{
  display:flex;
  flex-direction:column;
  gap: 14px;
}

/* Slide placeholder */
.homeSlide{
  padding: 12px;
  overflow:hidden;
}
.homeSlide__img{
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.06);
  background:
    radial-gradient(circle at 70% 30%, rgba(59,130,246,.22), transparent 55%),
    radial-gradient(circle at 20% 70%, rgba(255,143,31,.16), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.70));
  padding: 14px 14px;
  min-height: 116px;
  position: relative;
}
.homeSlide__brand{
  font-size: 13px;
  font-weight: 950;
  color: rgba(15,23,42,.55);
  letter-spacing: .2px;
}
.homeSlide__title{
  margin-top: 10px;
  font-size: 22px;
  font-weight: 950;
  color: rgba(15,23,42,.88);
}
.homeSlide__sub{
  margin-top: 6px;
  font-size: 12px;
  font-weight: 900;
  color: rgba(15,23,42,.45);
}
.homeSlide__cta{
  margin-top: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(59,130,246,.25);
  background: rgba(59,130,246,.10);
  font-size: 12px;
  font-weight: 950;
  color: rgba(59,130,246,.95);
}
.homeSlide__dots{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 6px;
}
.homeDot{
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(15,23,42,.18);
}
.homeDot--on{
  width: 18px;
  background: rgba(15,23,42,.35);
}