:root{--azul:#0b3d5c;--azul-claro:#e8f1f7;--texto:#1b2630;--fundo:#fff;--destaque:#0a7c59;--borda:#c9d6df}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Verdana,Geneva,sans-serif;font-size:1.0625rem;line-height:1.5;color:var(--texto);background:var(--fundo);text-align:left}
a{color:var(--azul)}
a:focus-visible,button:focus-visible{outline:3px solid #f2a900;outline-offset:2px}
.pular{position:absolute;left:-999px}
.pular:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;z-index:10}
.container{max-width:62rem;margin:0 auto;padding:0 1.25rem}
header{border-bottom:1px solid var(--borda)}
header .container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}
.marca{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--azul);text-decoration:none}
.marca img{width:2rem;height:2rem}
nav a{margin-right:1.25rem;text-decoration:none;font-weight:700}
nav a:last-child{margin-right:0}
.hero{background:var(--azul);color:#fff;padding:4rem 0}
.hero h1{font-size:2.1rem;line-height:1.3;margin:0 0 1rem;max-width:40rem}
.hero p{max-width:40rem;margin:0 0 2rem}
.botao{display:inline-block;background:#fff;color:var(--azul);font-weight:700;padding:.85rem 1.5rem;border-radius:.4rem;text-decoration:none}
.botao:hover{background:var(--azul-claro)}
section{padding:3.5rem 0}
section.alt{background:var(--azul-claro)}
h2{font-size:1.6rem;line-height:1.3;margin:0 0 1.5rem;color:var(--azul)}
.grade{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.cartao{background:#fff;border:1px solid var(--borda);border-radius:.5rem;padding:1.5rem}
.cartao h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--azul)}
.cartao p{margin:0}
ol.passos{padding-left:1.25rem;margin:0}
ol.passos li{margin-bottom:.75rem}
footer{background:#10202c;color:#dbe6ee;padding:2rem 0;font-size:.95rem}
footer a{color:#fff}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}