/* ==========================================================================
   home.css — NTWeb 2026
   Estilos não críticos carregados somente na homepage.
   ========================================================================== */

.nt-cta-final.nt-cta-final--soft {
  border-top: 0;
  padding: var(--space-6) 0 6rem;
}

.nt-home-bg {
  isolation: isolate;
}

.nt-home-bg .nt-container {
  position: relative;
  z-index: 2;
}

.nt-page-home .nt-hero__eyebrow,
.nt-page-home .nt-hero__lead,
.nt-page-home .nt-hero__ctas,
.nt-page-home .nt-statusbar,
.nt-page-home .nt-hero__proof {
  animation: nt-home-hero-rise .72s var(--ease-out) both;
}

.nt-page-home .nt-hero__title {
  animation: nt-home-hero-rise-title .72s var(--ease-out) both;
}

@keyframes nt-home-hero-rise-title {
  from {
    opacity: 1;
    transform: translate3d(0, 14px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.nt-page-home .nt-hero__lead {
  animation-delay: .12s;
}

.nt-page-home .nt-hero__ctas {
  animation-delay: .18s;
}

.nt-page-home .nt-statusbar {
  animation-delay: .24s;
}

.nt-page-home .nt-hero__proof {
  animation-delay: .30s;
}

.nt-home-bg + .nt-section--soft {
  padding-top: var(--space-10) !important;
}

.nt-page-home .nt-footer {
  border-top: 0;
}

.nt-text-center {
  text-align: center;
}

.nt-lead {
  font-family: var(--font-body);
  font-size: var(--text-lg);
  color: var(--text-2);
  line-height: var(--lh-body);
  margin: 0;
  text-wrap: pretty;
  max-width: 60ch;
}

.nt-section--soft {
  background: var(--surface-translucent);
  padding: var(--space-16) 0;
}

.nt-container--sm {
  max-width: 760px;
  margin-inline: auto;
  padding: 0 var(--container-pad);
}

.nt-trust {
  padding: var(--space-20) 0;
  background: var(--surface-translucent);
}

@media (prefers-reduced-motion: reduce) {
  .nt-page-home .nt-hero__eyebrow,
  .nt-page-home .nt-hero__title,
  .nt-page-home .nt-hero__lead,
  .nt-page-home .nt-hero__ctas,
  .nt-page-home .nt-statusbar,
  .nt-page-home .nt-hero__proof {
    animation: none !important;
  }
}

@keyframes nt-home-hero-rise {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes nt-eco-spin {
  to { transform: rotate(360deg); }
}

@keyframes nt-eco-draw {
  to { stroke-dashoffset: 0; }
}

@keyframes nt-eco-pulse {
  0%   { transform: scale(1);    opacity: 0.55; }
  70%  { transform: scale(1.45); opacity: 0; }
  100% { transform: scale(1.45); opacity: 0; }
}

@keyframes nt-eco-node-pop {
  from { opacity: 0; scale: 0.6; }
  to   { opacity: 1; scale: 1; }
}

/* leve "respiro" do nó ativo (só após reveal {
  animation: none;
}

/* ==========================================================================
   Responsivo — abaixo de 720px o layout radial vira lista limpa
   ========================================================================== */

/* ==========================================================================
   Movimento reduzido — sem traçado/órbita/pulso; tudo estático e legível
   ========================================================================== */