.launch-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  border: 1px solid #ffffff55;
  background: #ffffff12;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: .82rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.launch-pill span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--copper);
  box-shadow: 0 0 0 5px #d39a6325;
}
.coming {
  position: relative;
  overflow: hidden;
  padding: clamp(85px, 11vw, 155px) clamp(22px, 8vw, 125px);
  display: grid;
  grid-template-columns: 1fr .78fr;
  gap: 9vw;
  align-items: center;
  background: #fff;
}
.coming::before {
  content: '';
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background: #d39a6315;
  left: -180px;
  bottom: -240px;
}
.coming-badge {
  position: absolute;
  right: clamp(22px, 8vw, 125px);
  top: 40px;
  text-transform: uppercase;
  letter-spacing: .15em;
  color: #8c603b;
  font-size: .74rem;
  font-weight: 800;
}
.coming-copy { position: relative; }
.coming-copy > p:last-child {
  color: #5d6b71;
  font-size: 1.12rem;
  max-width: 650px;
}
.interest-card {
  position: relative;
  background: var(--navy);
  color: #fff;
  padding: clamp(30px, 4vw, 52px);
  box-shadow: 0 26px 70px #0b293b25;
}
.interest-card > p:first-child {
  color: #e2b58b;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .75rem;
  font-weight: 700;
}
.interest-card h3 {
  font-size: clamp(1.65rem, 3vw, 2.3rem);
  margin: .45em 0;
}
.interest-card > p:not(:first-child) { color: #bdcbd0; }
.interest-card .button { width: 100%; margin-top: 18px; }
.interest-email {
  display: block;
  color: #d7e2e4;
  text-align: center;
  margin-top: 16px;
  text-underline-offset: 3px;
}
@media (max-width: 900px) {
  .coming { grid-template-columns: 1fr; gap: 45px; }
  .coming-badge { position: static; width: max-content; }
}