:root { --azul:#2563eb; --texto:#172033; --fundo:#f5f7fb; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,sans-serif; color:var(--texto); background:var(--fundo); }
a { color:inherit; }
.topo, .hero, .grade, .preco, .limites, footer { width:min(1040px, calc(100% - 32px)); margin:0 auto; }
.topo { display:flex; justify-content:space-between; align-items:center; padding:22px 0; }
.marca { display:flex; align-items:center; gap:10px; font-weight:700; font-size:22px; text-decoration:none; color:var(--texto); }
.marca img { width:42px; height:42px; object-fit:contain; }
nav { display:flex; gap:18px; align-items:center; }
nav a { text-decoration:none; }
.botao { background:var(--azul); color:#fff; text-decoration:none; padding:12px 18px; border-radius:10px; font-weight:700; }
.botao.secundario { background:#fff; color:var(--azul); border:1px solid #dbe3f0; }
.hero { padding:54px 0 28px; }
.selo { color:var(--azul); font-weight:700; }
h1 { font-size:48px; line-height:1.05; margin:10px 0; }
.lead { font-size:18px; max-width:680px; }
.acoes { display:flex; gap:12px; margin-top:22px; }
.grade { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; padding:20px 0 36px; }
.grade article, .preco, .limites { background:#fff; border-radius:16px; padding:22px; }
.preco { margin-bottom:14px; }
.preco ul { padding-left:18px; }
.limites { margin-bottom:28px; }
footer { display:flex; justify-content:space-between; padding:10px 0 28px; color:#687386; }
@media (max-width:700px) { h1 { font-size:34px; } .grade, .topo, .acoes, footer { display:block; } nav, .acoes { margin-top:12px; } }