.page-header { padding-block: clamp(3rem, 8vw, var(--space-7)) var(--space-5); }
.page-header__eyebrow { }
.page-header__title { font-size: clamp(2.25rem, 6vw, 3.75rem); max-width: 20ch; }
.page-header__intro {
  font-family: var(--font-body); font-size: clamp(1.0625rem, 1.8vw, 1.25rem);
  max-width: 60ch; margin-top: var(--space-3); color: rgba(18,18,26,0.75);
}
.section--dark .page-header__intro { color: rgba(245,245,247,0.82); }

.content-block { max-width: 68ch; }
.content-block p { margin-bottom: var(--space-3); font-size: 1.0625rem; line-height: 1.65; }
.content-block h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-top: var(--space-5); margin-bottom: var(--space-2); }

.beneficios-list {
  list-style: none; margin: var(--space-4) 0; padding: 0;
  display: grid; gap: var(--space-3); grid-template-columns: 1fr;
}
.beneficios-list li {
  padding-left: var(--space-3); position: relative; font-size: 1.0625rem;
  max-width: 52ch;
}
.beneficios-list li::before {
  content: ''; position: absolute; left: 0; top: 0.5em; width: 8px; height: 8px;
  border-radius: 50%; background: var(--c3-gradient);
}
@media (min-width: 720px) { .beneficios-list { grid-template-columns: repeat(2, 1fr); } }

.como-funciona-steps {
  list-style: none; margin: var(--space-4) 0; padding: 0;
  display: grid; gap: var(--space-4); grid-template-columns: 1fr;
  counter-reset: passo;
}
.como-funciona-steps li { border-top: 1px solid rgba(18,18,26,0.12); padding-top: var(--space-2); counter-increment: passo; }
.como-funciona-steps li::before {
  content: counter(passo, decimal-leading-zero);
  font-family: var(--font-display); color: var(--c3-accent-orange); display: block;
}
.como-funciona-steps h3 { font-size: 1.25rem; margin-block: var(--space-1) 0.25rem; }
.como-funciona-steps p { font-size: 0.9375rem; max-width: 40ch; }
@media (min-width: 860px) { .como-funciona-steps { grid-template-columns: repeat(3, 1fr); } }

.faq-list { margin-top: var(--space-4); max-width: 68ch; }
.faq-item { border-top: 1px solid rgba(18,18,26,0.12); padding-block: var(--space-3); }
.faq-item summary {
  font-family: var(--font-display); font-size: 1.125rem; cursor: pointer;
  list-style: none;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::before { content: '+ '; color: var(--c3-accent-orange); font-family: var(--font-display); }
.faq-item[open] summary::before { content: '– '; }
.faq-item p { margin-top: var(--space-2); max-width: 60ch; color: rgba(18,18,26,0.75); }