/* Camada de marketing — a PALETA é a mesma do produto (tokens/colors.css).
   Aqui sobrou só o que de fato difere: a escala tipográfica grande da landing
   e os tamanhos de ícone. Aplicar em .ipalete-marketing. */
:root{
--mkt-h1:56px;--mkt-h1-lh:64px;--mkt-h2:40px;--mkt-h2-lh:48px;
--mkt-h3:28px;--mkt-h3-lh:36px;--mkt-card-title:18px;--mkt-body:16px;
--mkt-label:14px;--mkt-helper:13px;--mkt-caption:12px;
--mkt-number-lg:40px;--mkt-number-md:28px;
--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;
--icon-stroke:1.5px; /* @kind other */
}
.ipalete-marketing{font-family:var(--font-sans);color:var(--neutral-800)}
.ipalete-marketing-dark{font-family:var(--font-sans);background:var(--gradient-hero);color:#fff}