/* ---------- 2 · BASE + TIPOGRAFIA ---------------------------------------- */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%;}
html,body{overflow-x:hidden;}
body{font-family:var(--f-ui);font-size:var(--t-bd);background:var(--void);color:#f4f2ff;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:none;}
a,button,input,select{cursor:none;font-family:inherit;}
@media(pointer:coarse){body,a,button,input,select{cursor:auto;}}
::selection{background:var(--vio);color:#fff;}
img{display:block;max-width:100%;}

/* quebra de linha: equilíbrio no título, sem viúva no parágrafo */
h1,h2,h3,h4,.giant,.ncard h3,.lcard h3,.verdict{text-wrap:balance;}
p,li,dd,figcaption,.l,.fine,.sub{text-wrap:pretty;}
h1,h2,h3,h4,p,li,a,.sub{overflow-wrap:break-word;}

h1,h2{font-family:var(--f-disp);font-weight:500;letter-spacing:-.034em;}
h1{font-size:var(--t-h1);line-height:var(--lh-tight);}
h2{font-size:var(--t-h2);line-height:var(--lh-head);max-width:17ch;}
h2.w{max-width:22ch;}
h1 em,h2 em{font-style:normal;color:var(--vios);
  text-shadow:0 0 44px rgb(var(--m-luz) / .55);}
.light h1 em,.light h2 em{color:var(--viod);text-shadow:none;}
h3{font-family:var(--f-disp);font-weight:500;font-size:var(--t-h3);line-height:1.18;letter-spacing:-.018em;}
h4{font-family:var(--f-disp);font-weight:500;font-size:var(--t-h4);line-height:1.24;letter-spacing:-.012em;}

.sub{font-size:var(--t-sub);line-height:var(--lh-body);color:var(--tdark);
  max-width:60ch;margin-top:var(--s5);}
.light .sub{color:var(--txt);}
.sub.wide{max-width:78ch;margin-top:var(--s7);}
.sub em{font-style:normal;font-family:var(--f-disp);font-weight:500;color:var(--vios);}
/* a pergunta de abertura do hero: destaque de peso, não de cor, para não
   competir com o violeta que já marca as palavras-chave da marca */
.sub strong{color:#efecff;font-weight:600;}
.light .sub em{color:var(--viod);}
.fine{font-size:12.5px;line-height:1.55;color:#7d78a0;margin-top:var(--s3);max-width:74ch;}
.light .fine{color:var(--mut);}
.fine.mt{margin-top:var(--s5);}

/* rótulo mono: o vocabulário técnico da casa */
.eyebrow,.antag,.chip,.tag,.mi,.k,.n,.mono,.lgcap,.ptag{font-family:var(--f-mono);
  font-variant-numeric:tabular-nums;}
.eyebrow{font-size:var(--t-mono);font-weight:500;letter-spacing:var(--ls-mono);
  text-transform:uppercase;color:var(--vios);margin-bottom:var(--s5);display:block;}
.light .eyebrow{color:var(--viod);}
.eyebrow::before{content:"// ";opacity:.5;}

section{position:relative;padding:var(--sec) var(--gut);background:var(--deep);}
.wrap{max-width:1180px;margin:0 auto;position:relative;z-index:2;}
.wrap.mid{text-align:center;}
.wrap.mid h2,.wrap.mid .sub,.wrap.mid .fine{margin-inline:auto;}