:root {
      --brand-orange: #F47C5B;
      --brand-purple: #A68FBF;
      --brand-green: #9AB8A6;
      --brand-navy: #2F3E5C;
      --bg-light: #FFF8F1;
    }body {
  margin: 0;
  font-family: 'Manrope', sans-serif;
  background-color: var(--bg-light);
  color: var(--brand-navy);
}

header {
  background: var(--brand-orange);
  padding: 2rem 1rem;
  text-align: center;
  color: white;
}

header h1 {
  margin: 0;
  font-size: 2rem;
}

header p {
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

.carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 1rem;
  padding: 2rem 1rem;
}

.carousel::-webkit-scrollbar {
  display: none;
}

input[type="email"] {
  max-width:250px;
}

#hs-form-virality-container{
  visibility: hidden;
}


.slide {
  background: white;
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  flex: 0 0 90%;
  scroll-snap-align: center;
}

.slide h3 {
  color: var(--brand-orange);
}

.cta {
  text-align: center;
  padding: 2rem 1rem;
}

.cta input[type="email"] {
  padding: 0.75rem;
  font-size: 1rem;
  width: 80%;
  max-width: 300px;
  border: 1px solid var(--brand-green);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

.cta button {
  background: var(--brand-orange);
  color: white;
  font-size: 1rem;
  border: none;
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem;
  cursor: pointer;
}

footer {
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
  color: #666;
}

@media (min-width: 600px) {
  .slide {
    flex: 0 0 45%;
  }

  .cta input[type="email"] {
    margin-bottom: 0;
    margin-right: 0.5rem;
  }
}
