.waitlist-hero{
  padding:76px 0 84px;
  background:
    radial-gradient(circle at 85% 15%,rgba(107,174,124,.18),transparent 32%),
    radial-gradient(circle at 12% 10%,rgba(26,94,90,.09),transparent 28%),
    linear-gradient(180deg,#f8fbfa 0%,#fff 100%);
}

.waitlist-hero-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:64px;
  align-items:center;
}

.waitlist-copy h1{
  margin:18px 0 24px;
  font-size:clamp(44px,5vw,68px);
}

.waitlist-copy .lead{
  max-width:650px;
}

.waitlist-audiences{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:28px;
}

.waitlist-audiences span{
  padding:8px 12px;
  border:1px solid #d6e5e1;
  border-radius:999px;
  background:#fff;
  color:#49635e;
  font-size:12px;
  font-weight:800;
}

.waitlist-demo-link{
  margin-top:26px;
  color:#6c7d79;
  font-size:14px;
}

.waitlist-demo-link a{
  margin-left:5px;
  color:#1a5e5a;
  font-weight:850;
}

.waitlist-card{
  padding:36px;
  background:#fff;
  border:1px solid #dbe7e4;
  border-radius:24px;
  box-shadow:0 28px 75px rgba(16,60,57,.12);
}

.waitlist-card h2{
  margin:12px 0 10px;
  font-size:34px;
}

.waitlist-card>p{
  margin:0 0 27px;
  color:#667873;
}

.waitlist-submit{
  width:100%;
}

.waitlist-privacy{
  margin:3px 0 0;
  color:#7b8b87;
  font-size:12px;
  text-align:center;
}

.waitlist-why{
  background:#f7faf9;
}

.waitlist-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:36px;
}

.waitlist-benefit-grid article{
  padding:28px;
  background:#fff;
  border:1px solid #dce7e4;
  border-radius:18px;
}

.waitlist-benefit-grid article>span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:18px;
  border-radius:10px;
  background:#e7f1ef;
  color:#1a5e5a;
  font-size:12px;
  font-weight:900;
}

.waitlist-benefit-grid h3{
  margin-bottom:10px;
}

.waitlist-benefit-grid p{
  margin:0;
  color:#667873;
}

@media(max-width:950px){
  .waitlist-hero-grid{
    grid-template-columns:1fr;
    gap:38px;
  }
}

@media(max-width:720px){
  .waitlist-hero{
    padding:48px 0 60px;
  }

  .waitlist-card{
    padding:24px;
  }

  .waitlist-benefit-grid{
    grid-template-columns:1fr;
  }

  .waitlist-copy h1{
    font-size:42px;
  }
}