.landing { max-width: 1120px; margin: 0 auto; padding: 24px 20px 80px; }
.landing-topo { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48px; }
.landing-topo .marca { padding: 0; }
.landing-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.landing-hero h1 { font-size: 40px; line-height: 1.1; margin: 10px 0 16px; }
.landing-hero > div > .sutil { font-size: 16px; }
.rotulo-ouro { font: 600 12px var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ouro); }
.beneficios { list-style: none; padding: 0; margin: 28px 0 0; display: grid; gap: 14px; }
.beneficios li { padding-left: 16px; border-left: 2px solid var(--ouro); color: var(--sutil); }
.beneficios strong { display: block; color: var(--texto); }
.landing .cartao { padding: 28px; }
.landing h2 { margin-bottom: 4px; }
.isca { position: absolute; left: -9999px; }
@media (max-width: 860px) {
  .landing-hero { grid-template-columns: 1fr; gap: 28px; }
  .landing-hero h1 { font-size: 30px; }
}