.section-vivid-overview {
  background: var(--color-canvas) !important;
  padding: clamp(4rem, 9vw, 7rem) 0 !important;
}

.watercolor-cloud-backdrop {
  display: none !important;
}

.overview-info-col,
.overview-form-col {
  /* leave layout alone */
}

.couple-illus-img,
.bikes-illus-img {
  max-width: 100% !important;
  mix-blend-mode: multiply !important;
  opacity: .9 !important;
}

.vivid-section-title {
  font-family: var(--font-serif) !important;
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
  text-transform: none !important;
  color: var(--ink) !important;
}

.overview-lead-paragraph {
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
  color: var(--color-text-body) !important;
}

.specs-pill-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: .6rem !important;
}

@media (max-width: 480px) {
  .specs-pill-grid {
    grid-template-columns: 1fr !important;
  }
}

.spec-pill-item {
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
  padding: .75rem 1rem !important;
  background: var(--color-surface-card) !important;
  border: 1px solid var(--color-border-card) !important;
  border-radius: 999px !important;
}

.spec-icon-cyan {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  background: var(--olive) !important;
  color: #fff !important;
  flex-shrink: 0 !important;
}

.spec-pill-text {
  font-size: .95rem !important;
}

.vivid-form-card {
  background: var(--color-surface-card) !important;
  border: 1px solid var(--color-border-card) !important;
  border-radius: 32px !important;
  padding: clamp(1.5rem, 3vw, 2.5rem) !important;
  box-shadow: 0 30px 60px -30px rgba(52, 56, 41, .25) !important;
}

.vivid-field input,
.vivid-field textarea {
  background: var(--color-canvas) !important;
  border: 1px solid var(--color-border-card) !important;
  border-radius: 18px !important;
  padding: .9rem 1.1rem !important;
  font: inherit !important;
  color: var(--ink) !important;
  width: 100% !important;
}

.vivid-field input:focus,
.vivid-field textarea:focus {
  outline: none !important;
  border-color: var(--color-cyan) !important;
  box-shadow: 0 0 0 3px rgba(70, 88, 111, .18) !important;
}

.radio-group-label {
  color: var(--color-text-muted) !important;
}

.form-regulatory-note {
  font-size: .78rem !important;
  line-height: 1.5 !important;
  color: var(--color-text-muted) !important;
}

.form-success-banner {
  background: var(--color-surface-soft) !important;
  border-radius: 20px !important;
  padding: 1.25rem !important;
}

.btn-cyan-submit {
  width: 100% !important;
}

.section-vivid-incentives {
  background: var(--color-canvas) !important;
  padding: clamp(3rem, 8vw, 6rem) 0 !important;
}

@media (min-width: 769px) {
  .incentives-four-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.25rem !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .incentives-four-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.vivid-incentive-box {
  background: var(--color-surface-soft) !important;
  border: none !important;
  border-radius: 32px !important;
  box-shadow: none !important;
  transition: transform .3s !important;
}

.vivid-incentive-box:hover {
  transform: translateY(-4px) !important;
}

.incentive-box-title {
  font-family: var(--font-serif) !important;
  font-weight: 400 !important;
  font-size: 1.35rem !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  color: var(--ink) !important;
  margin-bottom: .75rem !important;
}

.incentive-box-copy {
  color: var(--color-text-muted) !important;
  font-size: .98rem !important;
  line-height: 1.6 !important;
}

.carousel-swipe-hint {
  color: var(--sage) !important;
}
@media (min-width: 769px) {
  .vivid-incentive-box {
    padding: 2rem 1.75rem !important;
  }
}