/* Jornada do lead (Tráfego): fundo preto, texto no topo, chamada com seta e o iPhone animado. */
.tn-js { background: #0b0b0c; color: #fff; padding-block: clamp(4rem, 8vw, 8rem); scroll-margin-block-start: 5rem; }
.tn-js__head { max-inline-size: 38rem; }
.tn-js__eyebrow { margin: 0 0 0.75rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: #d2a833; }
.tn-js__title { margin: 0; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(2rem, 1rem + 3vw, 3.5rem); line-height: 1.05; letter-spacing: -0.02em; text-wrap: balance; }
.tn-js__title em { font-style: normal; color: #d2a833; }
.tn-js__text { margin: 1.25rem 0 0; font-size: 1.0625rem; line-height: 1.55; color: rgba(255, 255, 255, 0.74); }
.tn-js__watch { display: flex; align-items: center; gap: 0.75rem; margin: 2rem 0 0; font-family: var(--tn-font-display, inherit); font-weight: 600; font-size: clamp(1.125rem, 1rem + 0.6vw, 1.5rem); color: #d2a833; }
.tn-js__watch svg { inline-size: 1.4rem; block-size: 1.1rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
@media (prefers-reduced-motion: no-preference) { .tn-js__watch svg { animation: tn-js-bob 1.6s ease-in-out infinite; } }
@keyframes tn-js-bob { 50% { transform: translateX(0.35rem); } }

/* Layout dividido: texto + passos à esquerda, iPhone à direita. */
.tn-jp--split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.tn-jp--split .tn-jp__phone { justify-self: center; }
.tn-jp--split .tn-jp__left { display: grid; gap: 2.25rem; }
.tn-jp--split .tn-jp__steps { padding-block-start: 0.5rem; }
@media (max-width: 899px) {
  .tn-jp--split { grid-template-columns: 1fr; justify-items: stretch; }
  .tn-jp--split .tn-jp__phone { justify-self: center; inline-size: min(70vw, 15.5rem); }
  .tn-js__watch svg { transform: rotate(90deg); }
  @media (prefers-reduced-motion: no-preference) { .tn-js__watch svg { animation: none; } }
}