:root{
  --papel:#F2F1EE;--tinta:#0D0D0D;--rosa:#FF2D78;--rosa-texto:#D6004F;
  --cinza:#5F5D58;--hair:#DDDBD6;
  --display:'Bebas Neue',sans-serif;--mono:'JetBrains Mono',monospace;--corpo:'Space Grotesk',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
body{background:var(--papel);color:var(--tinta);font-family:var(--corpo);font-weight:300;line-height:1.75}
a{color:var(--rosa-texto)}

.topo{
  position:sticky;top:0;z-index:10;background:var(--papel);
  border-bottom:1px solid var(--hair);
  padding:20px 40px;display:flex;justify-content:space-between;align-items:center;
}
.topo .marca{font-family:var(--display);font-size:20px;letter-spacing:5px;text-decoration:none;color:var(--tinta)}
.topo .marca span{color:var(--rosa-texto)}
.topo .voltar{font-family:var(--mono);font-size:9.5px;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none}

.folha{max-width:760px;margin:0 auto;padding:72px 40px 110px}
.eyebrow{font-family:var(--mono);font-size:9.5px;letter-spacing:3.5px;color:var(--rosa-texto);margin-bottom:18px}
h1{
  font-family:var(--display);font-size:clamp(38px,7vw,72px);letter-spacing:.05em;
  text-transform:uppercase;line-height:1.02;padding-bottom:.05em;margin-bottom:14px;
}
.atualizado{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:#8E8B84;text-transform:uppercase;margin-bottom:48px}

h2{
  font-family:var(--display);font-size:clamp(22px,3vw,30px);letter-spacing:.09em;
  text-transform:uppercase;line-height:1.1;margin:48px 0 16px;
}
h2:first-of-type{margin-top:0}
p{font-size:15px;color:var(--cinza);margin-bottom:16px}
strong{color:var(--tinta);font-weight:500}
ul{list-style:none;margin-bottom:18px}
li{font-size:15px;color:var(--cinza);padding-left:22px;position:relative;margin-bottom:9px}
li::before{content:'';position:absolute;left:0;top:13px;width:9px;height:1px;background:var(--rosa)}

table{width:100%;border-collapse:collapse;margin:22px 0 26px;font-size:13.5px}
th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--hair);vertical-align:top}
th{font-family:var(--mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#767470;font-weight:400}
td{color:var(--cinza)}
td:first-child{color:var(--tinta)}

.caixa{background:#FBFAF8;border:1px solid var(--hair);padding:24px 26px;margin:26px 0}
.caixa p:last-child{margin-bottom:0}
.preencher{background:#FFF0F5;border:1px dashed var(--rosa);padding:22px 24px;margin:26px 0}
.preencher p{color:var(--tinta)}
.preencher p:last-child{margin-bottom:0}
.preencher b{font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--rosa-texto)}

.pe{border-top:1px solid var(--hair);padding:34px 40px 44px;text-align:center}
.pe nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:18px}
.pe a{font-family:var(--mono);font-size:9px;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;color:#6E6C67}
.pe a:hover{color:var(--rosa-texto)}
.pe small{font-family:var(--mono);font-size:8.5px;letter-spacing:1.6px;color:#8E8B84}

@media(max-width:820px){
  .topo{padding:16px 20px}
  .folha{padding:48px 20px 84px}
  .pe{padding:28px 20px 40px}
  p,li{font-size:14.5px}
  table{font-size:12.5px}
  th,td{padding:11px 8px}
}