/* V32: Presentation-only changes. Existing hero image, gradient and behavior remain untouched. */
#bn21Hero .bn32-benefits {
  list-style: none;
  padding: 0;
  margin: 13px 0 16px;
  max-width: 480px;
  color: #e2ebef;
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.5;
}
#bn21Hero .bn32-benefits li {
  position: relative;
  padding-left: 18px;
  margin: 0 0 6px;
}
#bn21Hero .bn32-benefits li::before {
  content: "";
  position: absolute;
  top: .65em;
  left: 1px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #8ddfed;
}
/* Match the 20px gap above the banner beneath it; no width/background changes. */
#bn21Hero.bn21-hero { margin-bottom: 20px; }
#bn21Hero + .intro + #dateGate.date-gate { margin-top: 0; }
@media (max-width: 700px) {
  #bn21Hero .bn32-benefits { font-size: 12px; max-width: 300px; }
  #bn21Hero.bn21-hero { margin-bottom: 20px; }
}