:root{
  --fundo:#F6F7FA; --superficie:#FFFFFF; --tinta:#0E1A2E; --tinta2:#46536A; --apagado:#7A8599; --linha:#DDE2EC;
  --marca:#002662; --marca-forte:#001A45; --marca-clara:#E6ECF7; --marca-tinta:#FFFFFF; --realce:#3D6FD8;
  --titulo:'Montserrat',system-ui,sans-serif; --texto:'Inter',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --fundo:#0B1220; --superficie:#111A2C; --tinta:#E8ECF4; --tinta2:#AAB4C6; --apagado:#7C879C; --linha:#22304A;
  --marca:#8FB0F0; --marca-forte:#B4CBF6; --marca-clara:#1A2742; --marca-tinta:#0B1220; --realce:#8FB0F0;
}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fundo);color:var(--tinta);font:16px/1.65 var(--texto);-webkit-text-size-adjust:100%}
a{color:var(--marca)}
h1,h2,h3{font-family:var(--titulo);line-height:1.2;margin:0 0 .6em;letter-spacing:-.01em}
h1{font-size:clamp(32px,5.2vw,54px);font-weight:700;max-width:20ch}
h2{font-size:clamp(25px,3.4vw,34px);font-weight:700}
h3{font-size:18px;font-weight:600}
.faixa{max-width:1160px;margin:0 auto;padding:0 20px}
.sobretitulo{text-transform:uppercase;letter-spacing:.14em;font:600 12.5px var(--titulo);color:var(--realce);margin:0 0 12px}
.botao{display:inline-block;background:var(--marca);color:var(--marca-tinta);text-decoration:none;font:600 15px var(--titulo);
  padding:11px 18px;border-radius:6px;border:1px solid var(--marca);white-space:nowrap}
.botao:hover{background:var(--marca-forte);border-color:var(--marca-forte)}
.botao.leve{background:transparent;color:var(--marca)}
.botao.leve:hover{background:var(--marca-clara)}
.botao.grande{padding:14px 24px;font-size:16px}

.topo{position:sticky;top:0;z-index:2;background:color-mix(in srgb,var(--superficie) 94%,transparent);backdrop-filter:blur(6px);border-bottom:1px solid var(--linha)}
.topo .faixa{display:flex;align-items:center;gap:26px;height:70px}
.marca{display:flex;flex-direction:column;text-decoration:none;color:var(--marca);margin-right:auto;line-height:1}
.marca b{font:700 25px var(--titulo);letter-spacing:.06em}
.marca small{font:500 9.5px var(--titulo);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta2);margin-top:4px}
.topo nav{display:flex;gap:22px}
.topo nav a{color:var(--tinta2);text-decoration:none;font-size:15px}
.topo nav a:hover{color:var(--marca)}

.abertura{padding:96px 0 80px;background:
  radial-gradient(1100px 420px at 85% -10%,var(--marca-clara),transparent 70%),var(--superficie);border-bottom:1px solid var(--linha)}
.lead{font-size:19px;color:var(--tinta2);max-width:64ch;margin:0 0 30px}
.acoes{display:flex;gap:12px;flex-wrap:wrap}
.selos{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;padding:0;margin:40px 0 0;color:var(--tinta2);font-size:14px}
.selos li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--realce);margin-right:8px;vertical-align:1px}

.bloco{padding:84px 0}
.bloco.alterno{background:var(--superficie);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:12px}
.cartao{background:var(--superficie);border:1px solid var(--linha);border-radius:10px;padding:24px;border-top:3px solid var(--marca-clara)}
.cartao.destaque{border-top-color:var(--marca)}
.cartao p{margin:0;color:var(--tinta2);font-size:15.5px}
.tipos{list-style:none;padding:0;margin:8px 0 36px;display:flex;flex-wrap:wrap;gap:10px}
.tipos li{border:1px solid var(--linha);background:var(--fundo);border-radius:999px;padding:8px 16px;font:500 14.5px var(--titulo);color:var(--marca)}
.publico p{color:var(--tinta2);max-width:80ch;margin:0}
.duas{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.duas p{color:var(--tinta2)}
.metodos,.lista{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.metodos li{background:var(--superficie);border:1px solid var(--linha);border-left:3px solid var(--marca);border-radius:8px;padding:14px 18px}
.metodos b{display:block;font-family:var(--titulo);font-weight:600}
.metodos span{color:var(--tinta2);font-size:15px}
.lista li{padding:12px 16px;background:var(--fundo);border:1px solid var(--linha);border-radius:8px}
.sobre{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:start}
.logo-grande{margin:0;background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden}
.logo-grande img{display:block;width:100%;height:auto}
.sobre p{color:var(--tinta2)}
.responsavel{margin-top:24px;padding:22px;background:var(--superficie);border:1px solid var(--linha);border-radius:10px}
.responsavel p{color:var(--tinta)}
.responsavel ul{margin:10px 0 0;padding-left:20px;color:var(--tinta2)}
.responsavel li{margin:6px 0}
.contato-bloco{background:var(--marca);color:#fff;border:0}
.contato-bloco h2{color:#fff}
.contato-bloco p{color:#D6DEF0;max-width:70ch}
.contato a{color:#fff;font:600 clamp(18px,4.6vw,26px) var(--titulo);overflow-wrap:anywhere;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.35)}
.local{font-size:14.5px;margin-top:18px}
@media (prefers-color-scheme:dark){.contato-bloco{background:#0F2550}}

.rodape{padding:34px 0;color:var(--apagado);font-size:14px;background:var(--superficie);border-top:1px solid var(--linha)}
.rodape p{margin:4px 0}
.rodape a{color:var(--apagado)}

@media (max-width:900px){
  .topo nav{display:none}
  .duas,.sobre{grid-template-columns:1fr;gap:32px}
  .logo-grande{max-width:280px}
  .abertura{padding:60px 0 52px}
  .bloco{padding:60px 0}
}
@media (max-width:420px){
  .topo .botao{padding:8px 12px;font-size:13.5px}
  .marca b{font-size:21px}
}