/* "Por que ter uma contabilidade?" — título fixo à esquerda, razões numeradas em 2 colunas à direita. */

.ns-why__grid { display: grid; gap: clamp(2.5rem, 5vw, 3.5rem); }
@media (min-width: 1024px) {
  .ns-why__grid { grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); column-gap: clamp(3rem, 6vw, 6rem); align-items: start; }
  .ns-why__head { position: sticky; inset-block-start: calc(var(--ns-header-h) + 2rem); }
}

.ns-why__head { display: grid; gap: var(--ns-s-6); justify-items: start; }
.ns-why__title { display: grid; margin: 0; font-family: var(--ns-font-display); line-height: 0.98; letter-spacing: -0.045em; font-size: clamp(3rem, 1.2rem + 4.6vw, 5.5rem); }
.ns-why__title-light { font-weight: 300; color: var(--ns-text); }
.ns-why__title-strong { font-weight: 600; color: var(--ns-blue); }
.ns-why__lead { font-size: var(--ns-fs-lead); line-height: 1.6; color: var(--ns-text-2); max-inline-size: 38ch; }
@media (max-width: 767px) { .ns-why__cta { inline-size: 100%; } }

.ns-why__list { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .ns-why__list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(1.5rem, 3vw, 2.5rem); } }

.ns-why__item { display: grid; gap: 0.625rem; align-content: start; padding-block: 1.75rem 2rem; border-block-start: 1px solid var(--ns-line); }
.ns-why__num { font-family: var(--ns-font-display); font-weight: 300; font-size: 2.75rem; line-height: 1; letter-spacing: -0.04em; color: var(--ns-blue); }
/* Traço verde sob o número: a faixa da marca. */
.ns-why__num::after { content: ""; display: block; inline-size: 1.75rem; block-size: 3px; margin-block-start: 0.875rem; border-radius: 3px; background: var(--ns-green); }
.ns-why__name { margin: 0.375rem 0 0; font-family: var(--ns-font-display); font-weight: 500; font-size: clamp(1.375rem, 1.2rem + 0.6vw, 1.75rem); line-height: 1.15; letter-spacing: -0.02em; color: var(--ns-text); }
.ns-why__text { margin: 0; font-size: 1rem; line-height: 1.6; color: var(--ns-text-2); max-inline-size: 38ch; }
