/* ============================================================
   O QUE ESTÁ INCLUSO — romaneio de entregas em 2 colunas:
   número mono + título display + linha fina por item.
   Mais compacto que o "Como funciona" (que tem passos gigantes) —
   aqui a informação é lista de conferência, não narrativa.
   ============================================================ */
.inc__head{
  font-family:var(--font-display);font-stretch:78%;font-weight:900;text-transform:uppercase;
  font-size:clamp(1.9rem,7.5vw,4rem);line-height:.96;letter-spacing:-.03em;
  max-width:19ch;margin-bottom:clamp(36px,7vw,64px);
}
.inc__grid{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr;column-gap:clamp(32px,5vw,88px);
}
@media(min-width:760px){.inc__grid{grid-template-columns:1fr 1fr}}

/* ---------- a lista virou uma lista CONFERIDA ----------
   Os itens vinham numerados 01 / 02 / 03. Numeração promete sequência, e
   esta lista não tem nenhuma: são as oito coisas que vão junto na
   entrega, e a ordem entre elas não muda nada para quem lê. Numerar o que
   não é sequência é o enfeite mais fácil de confundir com estrutura (e o
   "Como funciona", logo acima, TEM uma sequência de verdade e é
   numerado — dois blocos numerados seguidos apagavam essa diferença).

   No lugar do número entra o ✓ encostado na MARGEM DIREITA, entre
   filetes. É o mesmo gesto que a /vitrine-digital usa na ficha de entrega
   dos cases: o de quem passa o dedo por uma lista dando baixa item por
   item, que é literalmente o que esta seção descreve.

   O `::after` dentro de um flex vira item de flex, então encosta sozinho
   na direita, sem posicionamento absoluto e sem largura reservada. */
.inc__item{
  border-top:1px solid var(--linha);padding-block:clamp(20px,3.6vw,30px);
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
}
.inc__item::after{
  content:"✓";flex:none;font-size:15px;line-height:1.2;color:var(--green);
}
.inc__num{display:none}
/* o miolo do item (título + texto) precisa de um bloco próprio agora que
   o `.inc__item` é flex e o ✓ é o segundo item da linha */
.inc__title{
  font-family:var(--font-display);font-stretch:78%;font-weight:900;text-transform:uppercase;
  font-size:clamp(1.15rem,4.6vw,1.5rem);line-height:1.05;letter-spacing:-.015em;
}
.inc__text{
  margin-top:9px;font-size:clamp(.95rem,3.6vw,1.05rem);
  line-height:1.5;color:var(--ink-soft);max-width:44ch;
}
.inc__item > div{min-width:0}