/* ═══════════════════════════════════════════════════════════
   TIPOGRAFIA
   ═══════════════════════════════════════════════════════════ */
h1,h2,h3,h4{margin:0;font-family:var(--f-disp);font-weight:700;line-height:1.08;letter-spacing:-.03em}
h1{font-size:clamp(28px,5.4vw,56px);letter-spacing:-.036em}
h2{font-size:clamp(25px,5.2vw,44px)}
h1,h2,h3,h4,p,li{overflow-wrap:break-word;word-break:normal}
h1,h2,h3{text-wrap:balance}
h3{font-size:clamp(18px,2vw,21px);letter-spacing:-.02em}
p{margin:0}
.lead{font-size:clamp(15.5px,1.7vw,18px);color:var(--tx-2);line-height:1.72;max-width:64ch}

.head{max-width:66ch;margin-bottom:56px}
.head.center{margin-left:auto;margin-right:auto;text-align:center}
.head h2{margin-bottom:18px}
.grad{
  background:linear-gradient(96deg,#7FA4FF 0%,#A98CFF 48%,#DCCFFF 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  /* evita corte do último glifo com tracking negativo */
  padding-right:.07em;margin-right:-.07em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
.muted{color:var(--tx-3)}
.mono{font-family:var(--f-mono)}