:root{
  --tinta:#f5f2ee; --tinta-fraca:#b9b2a9; --fundo:#0b0b0c; --caixa:#141416;
  --linha:#2a2a2e; --laranja:#E8690A; --roxo:#7C3AED;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--tinta);
  font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.env{max-width:760px;margin:0 auto;padding:48px 20px 96px}
header{border-bottom:1px solid var(--linha);padding-bottom:24px;margin-bottom:36px}
.marca{font-weight:900;font-size:22px;letter-spacing:-.02em}
.marca em{font-style:normal;color:var(--laranja)}
h1{font-size:30px;line-height:1.2;letter-spacing:-.02em;margin:.4em 0 .2em}
h2{font-size:19px;margin:2.2em 0 .5em;letter-spacing:-.01em}
h2::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;
  background:var(--laranja);margin-right:10px;vertical-align:middle}
p,li{color:var(--tinta-fraca)}
strong{color:var(--tinta);font-weight:650}
a{color:var(--laranja)}
.data{font-size:14px;color:var(--tinta-fraca);margin:0}
.caixa{background:var(--caixa);border:1px solid var(--linha);border-radius:12px;
  padding:18px 22px;margin:26px 0}
.caixa p:last-child{margin-bottom:0}
.caixa p:first-child{margin-top:0}
ul{padding-left:22px}
li{margin:.4em 0}
hr{border:0;border-top:1px solid var(--linha);margin:56px 0 36px}
.en h2::before{background:var(--roxo)}
footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--linha);font-size:14px}
footer a{margin-right:18px}
@media(max-width:480px){.env{padding:32px 16px 72px}h1{font-size:25px}}

/* ---- página inicial ---- */
.capa{display:flex;gap:26px;align-items:center;margin:8px 0 34px}
.capa img{width:104px;height:104px;border-radius:22px;flex:0 0 auto;
  box-shadow:0 10px 40px rgba(232,105,10,.22)}
.capa h1{margin:0 0 6px}
.lede{font-size:18px;color:var(--tinta-fraca);margin:0}
.cta{display:inline-block;background:var(--laranja);color:#fff;text-decoration:none;
  font-weight:700;padding:13px 26px;border-radius:10px;margin:8px 0 6px}
.cta:hover{filter:brightness(1.08)}
.grelha{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}
.cartao{background:var(--caixa);border:1px solid var(--linha);border-radius:12px;padding:18px 20px}
.cartao h3{margin:0 0 6px;font-size:16px;color:var(--tinta)}
.cartao p{margin:0;font-size:15px}
@media(max-width:560px){
  .capa{flex-direction:column;align-items:flex-start;gap:18px}
  .grelha{grid-template-columns:1fr}
}