:root{--azul:#0b3d91;--azul2:#1656c6;--verde:#1a8f4e;--cinza:#f4f6fa;--texto:#1c2430;--borda:#d9dfe8;--erro:#b3261e}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:#fff;line-height:1.5}
a{color:var(--azul2)}main{max-width:820px;margin:0 auto;padding:0 16px 60px}
.topo{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--borda)}
.logo{font-weight:800;font-size:22px;color:var(--azul);text-decoration:none}.logo span{color:var(--verde)}
.hero{padding:40px 0 20px}.hero h1{font-size:34px;line-height:1.15;margin:0 0 12px;color:var(--azul)}
.sub{font-size:18px;color:#3a4453;margin:0 0 16px}.beneficios{padding-left:20px;margin:0 0 16px}.beneficios li{margin:4px 0}
.preco{font-size:17px}.preco strong{color:var(--verde);font-size:22px}
.fluxo{background:var(--cinza);border-radius:14px;padding:22px;margin:10px 0 40px}
.passos{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 18px;counter-reset:p}
.passos li{flex:1;text-align:center;font-size:13px;padding:8px 4px;border-radius:8px;background:#e6eaf2;color:#6a7484}
.passos li.ativo{background:var(--azul);color:#fff;font-weight:600}.passos li.feito{background:#cfe9da;color:#1a6b3d}
.painel h2{margin:0 0 8px;font-size:22px}.painel h3{margin:22px 0 4px;font-size:17px}
.upload{display:block;border:2px dashed var(--azul2);border-radius:12px;padding:28px;text-align:center;cursor:pointer;background:#fff;margin:14px 0}
.upload img{max-width:100%;max-height:360px;border-radius:8px;margin-top:10px}
.manual summary{cursor:pointer;color:var(--azul2);margin:6px 0 10px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid label{display:flex;flex-direction:column;font-size:13px;gap:4px}.col2{grid-column:span 2}
input,select,textarea{font:inherit;padding:9px 10px;border:1px solid var(--borda);border-radius:8px;background:#fff;width:100%}
.btn{display:inline-block;background:var(--verde);color:#fff;border:0;border-radius:10px;padding:14px 22px;font-size:17px;font-weight:700;cursor:pointer;margin-top:16px;text-decoration:none}
.btn:disabled{opacity:.6;cursor:wait}.btn-sec{background:#fff;border:1px solid var(--borda);border-radius:8px;padding:8px 14px;cursor:pointer;text-decoration:none;color:var(--texto);font-size:14px;margin-top:8px}
.erro{color:var(--erro);font-weight:600}.aviso,.mini{font-size:13px;color:#5b6675}
.resumo{background:#fff;border-left:4px solid var(--azul);padding:12px 14px;border-radius:8px;margin-bottom:12px}
.vicio{background:#fff;border:1px solid var(--borda);border-radius:10px;padding:12px 14px;margin:8px 0}
.vicio .tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;margin-right:6px;text-transform:uppercase}
.forte{background:#d9f2e3;color:#146b3a}.media{background:#fff2cc;color:#7a5a00}.fraca{background:#eee;color:#555}
.vicio b{display:block;margin:2px 0}.vicio small{color:#5b6675}
.pergunta{background:#fff;border-radius:10px;padding:12px 14px;margin:8px 0}.pergunta p{margin:0 0 6px;font-weight:600}
.opcoes label{margin-right:16px;font-size:15px}.opcoes input{width:auto;margin-right:4px}
.orgao-sel{display:block;margin-top:14px;font-size:13px}
.previa{background:#fff;border-radius:10px;padding:16px;border:1px solid var(--borda)}
.previa .blur{filter:blur(4px);user-select:none;color:#666}
.pagamento{margin-top:18px}#pix{background:#fff;border-radius:10px;padding:14px;margin-top:12px;text-align:center}
#pix img{width:220px;height:220px}#pix textarea{font-size:12px;margin:6px 0}
.checklist{background:#fff;border-radius:10px;padding:14px;margin-top:16px}.checklist li{margin:6px 0}
.como h2{color:var(--azul)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0 26px}
.cards div{background:var(--cinza);border-radius:10px;padding:14px}.cards p{margin:6px 0 0;font-size:14px}
.como details{border-bottom:1px solid var(--borda);padding:8px 0}.como summary{cursor:pointer;font-weight:600}
footer{border-top:1px solid var(--borda);padding:18px;font-size:12px;color:#5b6675;text-align:center}
.desconto{background:#fff8e1;border:1px solid #ffe08a;border-radius:10px;padding:12px 14px;margin:12px 0;font-size:14px}
@media(max-width:600px){.hero h1{font-size:27px}.grid{grid-template-columns:1fr}.col2{grid-column:span 1}.passos li{font-size:11px}}