/* Três passos de uso, com sequência horizontal e adaptação vertical. */
.start-section .section-intro-split {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
.start-section .eyebrow { margin-bottom: 22px; }
.start-section h2 { font-size: clamp(38px, 4vw, 54px); line-height: 1.12; }
.start-section .section-intro-split > p {
  max-width: 43ch;
  padding: 0;
  color: #56624f;
  font-size: var(--reading-size);
  line-height: 1.75;
}
.start-path {
  padding: 36px;
  border: 1px solid #d8ded0;
  border-radius: 6px 32px 6px 6px;
  background: var(--white);
  overflow: hidden;
}
.start-section .steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.start-section .steps li { position: relative; min-width: 0; padding: 0; border: 0; }
.start-section .steps li:not(:last-child)::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 28px;
  left: 56px;
  right: -40px;
  border-top: 1px solid #cbd6bf;
}
.start-section .steps .step-marker {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid #c9d6bb;
  border-radius: 50%;
  background: #e8efdd;
  color: var(--forest);
  font-family: var(--serif);
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.start-section .steps h3 {
  margin: 24px 0 12px;
  font-family: var(--serif);
  font-size: 27px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -.025em;
  color: var(--forest);
}
.start-section .steps p { max-width: none; color: #56624f; font-size: var(--reading-size); line-height: 1.75; }
.start-section .honest-note {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin: 32px -36px -36px;
  padding: 26px 36px;
  background: var(--forest);
  color: var(--white);
}
.start-note-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border: 1px solid #63785a;
  border-radius: 4px 14px 4px 4px;
  background: #314c3b;
  color: var(--accent);
}
.start-section .start-note-icon svg { width: 24px; height: 24px; margin: 0; color: inherit; }
.start-section .honest-note h3 { margin: 0 0 7px; font-size: 18px; font-weight: 600; line-height: 1.5; }
.start-section .honest-note p { max-width: 90ch; margin: 0; color: #d4dfcb; font-size: var(--support-size); line-height: 1.7; }

@media (max-width: 1050px) {
  .start-section .section-intro-split { gap: 40px; }
  .start-path { padding: 30px; }
  .start-section .honest-note { margin-inline: -30px; margin-bottom: -30px; padding-inline: 30px; }
}
@media (max-width: 900px) {
  .start-section .section-intro-split { grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px; }
  .start-section .section-intro-split > p { max-width: 60ch; margin: 0; }
  .start-section .steps { grid-template-columns: 1fr; gap: 28px; }
  .start-section .steps li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 20px; }
  .start-section .steps li:not(:last-child)::after { left: 28px; right: auto; top: 56px; bottom: -28px; border-top: 0; border-left: 1px solid #cbd6bf; }
  .start-section .steps h3 { margin-top: 0; margin-bottom: 10px; }
}
@media (max-width: 480px) {
  .start-section h2 br { display: none; }
  .start-path { padding: 24px 22px; }
  .start-section .steps li { grid-template-columns: 48px minmax(0, 1fr); gap: 16px; }
  .start-section .steps .step-marker { width: 48px; height: 48px; font-size: 24px; }
  .start-section .steps li:not(:last-child)::after { left: 24px; top: 48px; }
  .start-section .steps h3 { font-size: 26px; }
  .start-section .honest-note { margin: 28px -22px -24px; padding: 24px 22px; gap: 14px; }
  .start-note-icon { flex-basis: 36px; width: 36px; height: 40px; }
  .start-section .start-note-icon svg { width: 21px; height: 21px; }
}
@media print {
  .start-path { break-inside: avoid; }
}