/* Home comercial: texto em superfície aberta, processo conectado e produto como prova.
   Escopo por seção; preços, checkout e páginas internas mantêm seus componentes. */
#problema .prob-wrap,
#como-funciona .como-wrap { align-items: stretch; text-align: left; }
#problema .prob-title,
#como-funciona .como-title { max-width: 22ch; }
#problema .prob-sub,
#como-funciona .como-sub { margin-left: 0; max-width: 60ch; }
#problema .prob-eyebrow,
#como-funciona .como-eyebrow { text-align: left; }
#problema .prob-eyebrow::after,
#como-funciona .como-eyebrow::after { margin-left: 0; }
#como-funciona .como-tour { align-items: flex-start; }

/* Dores: três observações, sem molduras ou ícones decorativos repetidos. */
#problema .prob-grid { gap: 32px; margin-bottom: 32px; }
#problema .prob-card {
  display: block;
  min-height: 0;
  padding: 24px 0;
  border: 0;
  border-top: 1px solid var(--border-2);
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
  transform: none;
}
#problema .prob-card::before,
#problema .prob-card::after,
#problema .prob-icon,
#problema .prob-index,
#problema .fx-spot { display: none; }
#problema .prob-signal { color: var(--text-2); font-size: 11px; letter-spacing: .08em; min-height: 0; margin-bottom: 0; }
#problema .prob-signal::before { display: none; }
#problema .prob-card h3 { margin-top: 12px; font-size: 25px; line-height: 1.15; }
#problema .prob-card p { font-size: 15px; line-height: 1.7; }
#problema .prob-cta-strip {
  padding: 28px 0 0;
  border: 0;
  border-top: 1px solid var(--border-2);
  border-radius: 0;
  background: none;
  box-shadow: none;
}

/* Processo: uma linha contínua liga cadastro, atendimento e resultado. */
#como-funciona .como-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  overflow: visible;
}
#como-funciona .como-steps::before,
#como-funciona .como-steps::after,
#como-funciona .como-step--operate::before,
#como-funciona .como-step-icon,
#como-funciona .fx-spot { display: none; }
#como-funciona .como-step {
  display: block;
  min-height: 0;
  padding: 24px 32px 0 0;
  border: 0;
  border-top: 1px solid rgba(167, 139, 250, .35);
  background: none;
  transform: none;
}
#como-funciona .como-step-num {
  display: block;
  width: auto;
  height: auto;
  margin-bottom: 28px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.06em;
  color: var(--accent-3);
}
#como-funciona .como-step-copy { max-width: none; }
#como-funciona .como-step-tag {
  padding: 0;
  border: 0;
  background: none;
  border-radius: 0;
  font-size: 11px;
  letter-spacing: .12em;
}
#como-funciona .como-step h3 { font-size: 26px; line-height: 1.15; }
#como-funciona .como-step p { font-size: 15px; line-height: 1.7; }
#como-funciona .como-step-list { gap: 8px; }
#como-funciona .como-step-list li { font-size: 13px; font-weight: 400; }
#como-funciona .como-step-list li::before { width: 3px; height: 3px; box-shadow: none; }

/* Segmentos: índice de aplicações, sem seis cartões de cores diferentes. */
#segmentos .segs-header { text-align: left; }
#segmentos .segs-title { max-width: 26ch; margin-left: 0; }
#segmentos .segs-sub { max-width: 62ch; margin-left: 0; }
#segmentos .segs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
#segmentos .segs-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px 16px;
  padding: 28px 0;
  border: 0;
  border-top: 1px solid var(--border-2);
  border-radius: 0;
  background: none;
  box-shadow: none;
  transform: none;
  overflow: visible;
}
#segmentos .segs-card::before,
#segmentos .segs-card-glow,
#segmentos .fx-spot { display: none; }
#segmentos .segs-card-mark {
  grid-column: 1;
  grid-row: 1;
  width: 28px;
  height: 28px;
  font-size: 21px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--accent-3);
  box-shadow: none;
  transform: none;
}
#segmentos .segs-card-title { grid-column: 2; font-size: 21px; line-height: 1.3; }
#segmentos .segs-card-pain,
#segmentos .segs-feat-list,
#segmentos .segs-cta { grid-column: 2; min-height: 0; margin: 0; }
#segmentos .segs-card-pain { font-size: 15px; line-height: 1.6; }
#segmentos .segs-feat-list { gap: 8px; }
#segmentos .segs-feat-list li { font-size: 13px; line-height: 1.6; }
#segmentos .segs-cta { min-height: 44px; align-items: center; }
#segmentos .segs-card--bridge {
  display: flex;
  padding: 32px 0 0;
  margin-top: 16px;
  border-top: 1px solid rgba(167, 139, 250, .35);
}
#segmentos .segs-card--bridge h3 { max-width: 30ch; margin-top: 0; }

/* As abas são navegação; a moldura pertence apenas ao vídeo do produto. */
#solucoes .features-nav { justify-content: flex-start; gap: 0 24px; border-bottom: 1px solid var(--border-2); }
#solucoes .feature-tab {
  padding: 12px 0;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: none;
  min-height: 48px;
}
#solucoes .feature-tab.active { border-bottom-color: var(--accent-3); color: var(--text); background: none; }
#solucoes .sol-wrap { text-align: left; }
#solucoes .sol-sub { margin-left: 0; text-align: left; }
#solucoes .sol-title { max-width: 28ch; text-align: left; }

@media (max-width: 700px) {
  #problema, #como-funciona, #segmentos, #solucoes { padding-top: 64px; padding-bottom: 64px; }
  #problema .prob-title, #como-funciona .como-title,
  #segmentos .segs-title, #solucoes .sol-title { font-size: 32px; line-height: 1.12; letter-spacing: -.04em; }
  #problema .prob-sub, #como-funciona .como-sub,
  #segmentos .segs-sub, #solucoes .sol-sub { font-size: 16px; line-height: 1.7; }
  #problema .prob-grid { grid-template-columns: 1fr; gap: 0; }
  #problema .prob-card { padding: 24px 0; }
  #problema .prob-cta-strip { gap: 16px; }
  #como-funciona .como-steps { grid-template-columns: 1fr; }
  #como-funciona .como-step {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto;
    gap: 20px;
    padding: 0 0 36px;
    border: 0;
  }
  #como-funciona .como-step + .como-step { padding-top: 0; border: 0; }
  #como-funciona .como-step::after {
    content: '';
    position: absolute;
    top: 44px;
    bottom: 12px;
    left: 20px;
    width: 1px;
    background: linear-gradient(var(--accent-3), rgba(167, 139, 250, .12));
  }
  #como-funciona .como-step:last-child::after { display: none; }
  #como-funciona .como-step-num { font-size: 32px; margin: 0; }
  #como-funciona .como-step h3 { font-size: 24px; }
  #como-funciona .como-step-tag { margin-bottom: 8px; }
  #como-funciona .como-proof { margin-top: 0; text-align: left; }
  #segmentos .segs-grid { grid-template-columns: 1fr; gap: 0; }
  #segmentos .segs-card--bridge { flex-direction: column; align-items: flex-start; gap: 24px; }
  #segmentos .segs-bridge-cta { width: 100%; justify-content: center; min-height: 48px; }
  #solucoes .features-nav { flex-wrap: nowrap; overflow-x: auto; gap: 24px; padding: 0 0 2px; margin-inline: 0; }
  #solucoes .feature-tab { flex-shrink: 0; white-space: nowrap; }
}