.landing{padding-top:56px}
.carousel{
  height: calc(100vh - 56px);
  min-height: 560px;
  overflow:hidden;
}
.carousel__track{
  display:flex;
  height:100%;
  transition: transform .45s ease;
}
.slide{
  min-width:100%;
  height:100%;
  display:flex;
  align-items:flex-end;
  padding: 24px 18px 92px;
  background:
    radial-gradient(900px 650px at 50% 20%, rgba(120,170,255,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.slide__content{
  width:min(520px, 100%);
}
.slide h1{
  margin:0 0 10px;
  font-size: clamp(28px, 4.8vw, 44px);
  letter-spacing:.3px;
}
.slide p{
  margin:0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}
.carousel__dots{
  position:absolute; left:0; right:0;
  bottom: 88px;
  display:flex; justify-content:center; gap:8px;
}
.carousel__dots button{
  width: 18px; height: 6px; border-radius: 999px;
  background: rgba(255,255,255,.20);
  border: 1px solid rgba(120,170,255,.20);
  cursor:pointer;
}
.carousel__dots button[aria-current="true"]{
  background: rgba(120,170,255,.62);
  box-shadow: 0 0 0 6px rgba(120,170,255,.08);
}