.newsletter-page-hero { padding-top: var(--space-lg); padding-bottom: var(--space-md); }
.newsletter-page-intro { max-width: 760px; text-align: center; }
.newsletter-page-intro h1 { margin-bottom: var(--space-sm); }
.newsletter-page-lead { font-size: 1.1rem; color: var(--color-text); margin: 0 auto var(--space-sm); max-width: 620px; }
.newsletter-page-note { font-size: 0.9rem; color: var(--color-muted); }

.newsletter-page-benefits-section { padding-top: 0; }
.newsletter-page-benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-sm);
  max-width: 1000px;
  margin: 0 auto;
}
.newsletter-page-benefit {
  border: 1px solid var(--color-sand);
  border-radius: var(--radius-lg);
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}
.newsletter-page-benefit p { color: var(--color-muted); font-size: 0.95rem; flex: 1; }
.newsletter-page-icon { width: 2rem; height: 2rem; color: var(--color-gold); }
.newsletter-page-icon svg { width: 100%; height: 100%; }
.newsletter-page-link {
  font-size: 0.85rem;
  color: var(--color-logo);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: var(--color-gold-light);
  transition: color var(--transition);
}
.newsletter-page-link:hover, .newsletter-page-link:focus-visible { color: var(--color-dark); }
.newsletter-page-explore {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-sm) var(--space-md);
  margin-top: var(--space-md);
}

@media (min-width: 768px) {
  .newsletter-page-benefits { grid-template-columns: repeat(3, 1fr); gap: var(--space-md); }
}