/* Narrativa comercial: benefício na abertura, implantação e retorno verificável.
   Preserva Inter/Mono, tokens carvão/laranja e abertura imersiva da marca.
   Benefícios em faixa editorial; jornada numerada porque representa uma sequência real. */
.hero-imersivo .hero-entrega {
  max-width: 58ch; margin: var(--sp-4) auto 0;
  color: var(--texto-suave); font-size: var(--fs-sm); line-height: 1.65;
  opacity: 0; transition: opacity .8s var(--ease-out) .95s;
}
.pronto .hero-imersivo .hero-entrega { opacity: 1; }
.hero-imersivo .cta { margin-top: var(--sp-6); }
.beneficios-negocio {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-8); border-top: 1px solid var(--linha); border-bottom: 1px solid var(--linha);
  padding: var(--sp-10) 0;
}
.beneficios-negocio article { min-width: 0; }
.beneficios-negocio h2 { font-size: var(--fs-h3); line-height: 1.3; margin: 0 0 var(--sp-3); }
.beneficios-negocio p, .jornada-etapas p, .retorno-criterios dd {
  color: var(--texto-suave); font-size: var(--fs-body); line-height: 1.7; margin: 0;
}
.jornada-etapas {
  list-style: none; counter-reset: implantacao; display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-8) var(--sp-12);
  padding: 0; margin: var(--sp-10) 0;
}
.jornada-etapas li { counter-increment: implantacao; padding-top: var(--sp-5); border-top: 1px solid var(--linha); }
.jornada-etapas li::before { content: '0' counter(implantacao); display: block; color: var(--accent-hover); font: 500 var(--fs-mini) var(--fonte-mono); margin-bottom: var(--sp-4); }
.jornada-etapas h3 { font-size: var(--fs-h3); line-height: 1.3; margin: 0 0 var(--sp-3); }
.jornada-compromisso { max-width: 54ch; font-size: var(--fs-lead); line-height: 1.6; color: var(--texto); margin: var(--sp-10) 0 0; }
.retorno-negocio { border-left: 2px solid var(--accent); padding-left: clamp(1.25rem, 4vw, 3rem); }
.retorno-negocio h2 { max-width: 30ch; }
.retorno-negocio > p { max-width: 64ch; font-size: var(--fs-lead); line-height: 1.7; color: var(--texto-suave); }
.retorno-criterios { margin: var(--sp-8) 0; display: grid; gap: var(--sp-5); }
.retorno-criterios > div { display: grid; grid-template-columns: minmax(9rem, .8fr) minmax(0, 2fr); gap: var(--sp-5); padding-top: var(--sp-5); border-top: 1px solid var(--linha); }
.retorno-criterios dt { font-weight: 600; color: var(--texto); line-height: 1.7; }
#implantacao, #retorno { scroll-margin-top: 6rem; }
@media (max-width: 700px) {
  .beneficios-negocio, .jornada-etapas { grid-template-columns: minmax(0, 1fr); gap: var(--sp-6); }
  .beneficios-negocio article + article { border-top: 1px solid var(--linha); padding-top: var(--sp-6); }
  .retorno-criterios > div { grid-template-columns: minmax(0, 1fr); gap: var(--sp-2); }
  .hero-imersivo .sub { font-size: var(--fs-body); }
  .hero-imersivo .hero-entrega { font-size: var(--fs-sm); max-width: 42ch; }
  .hero-imersivo .cta { gap: var(--sp-3); }
  .hero-imersivo .cta .btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-imersivo .hero-entrega { opacity: 1; transition: none; }
}
@media (min-width: 701px) and (max-height: 700px) {
  .hero-imersivo { padding: 5.5rem 1.5rem 3rem; }
  .hero-imersivo h1 { font-size: clamp(2rem, 5vw, 3.25rem); }
  .hero-imersivo .sub { margin-top: var(--sp-4); }
  .hero-imersivo .hero-entrega { margin-top: var(--sp-3); }
  .hero-imersivo .rolar { display: none; }
}

/* Adaptação à operação: composição editorial sem personagem. */
.adaptacao-marca {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.5rem, 5vw, 4rem);
  margin-bottom: var(--sp-10);
}
.adaptacao-texto { min-width: 0; }
.adaptacao-texto h2 { max-width: 24ch; }
.adaptacao-texto p {
  max-width: 58ch;
  color: var(--texto-suave);
  font-size: var(--fs-body);
  line-height: 1.7;
  margin: 0 0 var(--sp-4);
}
.jornada-assinatura { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: var(--sp-8); }
#adapta { scroll-margin-top: 6rem; }
@media (max-width: 700px) {
  .adaptacao-marca { grid-template-columns: minmax(0, 1fr); gap: var(--sp-5); }

  .jornada-assinatura { gap: var(--sp-4); grid-template-columns: minmax(0, 1fr); }

  .jornada-assinatura .jornada-compromisso { margin-top: 0; font-size: var(--fs-body); }
}