:root{
  --tinta:#0F2E3A; --petroleo:#0E7490; --petroleo-escuro:#0B5566; --fundo:#F3F6F9; --branco:#fff;
  --cinza:#5E6773; --borda:#E3E9EE; --verde:#157347; --vermelho:#C0392B; --amarelo:#B7791F;
  --sombra:0 6px 24px rgba(16,86,120,.10); --raio:16px; --max:720px;
}
*{box-sizing:border-box} html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--tinta);background:var(--fundo);line-height:1.55;font-size:17px}
img{max-width:100%;display:block}
a{color:var(--petroleo)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
h1{font-size:28px;line-height:1.25;margin:0 0 14px;letter-spacing:-.01em}
h2{font-size:22px;margin:32px 0 12px}
h3{font-size:18px;margin:20px 0 8px}
.lead{font-size:19px;color:var(--petroleo-escuro)}
.btn{display:inline-block;background:var(--petroleo);color:#fff;text-decoration:none;font-size:18px;font-weight:600;
  padding:16px 28px;border-radius:999px;border:0;cursor:pointer;text-align:center;width:100%}
.btn:active{background:var(--petroleo-escuro)}
.btn.sec{background:#fff;color:var(--petroleo);border:1.5px solid var(--petroleo)}
.card{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);padding:18px;box-shadow:var(--sombra);margin:14px 0}
.muted{color:var(--cinza);font-size:14px}
.pill{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;border-radius:999px;background:#E6F2F6;color:var(--petroleo-escuro)}
.hero{padding:40px 0 8px;text-align:center}
.passos{display:grid;gap:12px;grid-template-columns:1fr}
.passo{display:flex;gap:12px;align-items:flex-start}
.passo .n{flex:0 0 32px;height:32px;border-radius:50%;background:var(--petroleo);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.quadro{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quadro .col{background:#fff;border-radius:14px;padding:16px;border:1px solid var(--borda)}
.quadro .sim li::before{content:"✓ ";color:var(--verde);font-weight:700}
.quadro .nao li::before{content:"✕ ";color:var(--vermelho);font-weight:700}
.quadro ul{list-style:none;padding:0;margin:0;font-size:15px;line-height:1.9}
.preco{text-align:center;font-size:40px;font-weight:800;color:var(--tinta);margin:6px 0}
.faq details{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:4px 16px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:600;padding:12px 0}
.barra{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--borda);padding:12px 20px;box-shadow:0 -4px 16px rgba(0,0,0,.06)}
.aviso{background:#FFF8E6;border:1px solid #F0D98C;border-radius:12px;padding:14px 16px;font-size:14px;color:#6b5618}
footer{padding:32px 0;color:var(--cinza);font-size:13px;text-align:center}
footer a{color:var(--cinza);margin:0 8px}
.campo{display:block;margin:12px 0}
.campo label{display:block;font-size:14px;color:var(--cinza);margin-bottom:6px}
.campo input,.campo select,.campo textarea{width:100%;font-size:17px;padding:13px 14px;border:1.5px solid var(--borda);border-radius:12px;background:#fff;color:var(--tinta)}
.erro{color:var(--vermelho);font-size:14px;margin-top:8px}
@media(max-width:420px){.quadro{grid-template-columns:1fr}h1{font-size:25px}}
