/* BASIC RESET */
* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif; }
body { line-height:1.5; color:#1f2937; background:#f9fafb; }

/* CONTAINER */
.container { max-width:1100px; margin:0 auto; padding:20px; }

/* HEADER */
.header { background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.05); position:sticky; top:0; z-index:100; }
.header-container { display:flex; justify-content:space-between; align-items:center; }
.logo { font-weight:bold; font-size:1.5rem; }
.nav a { margin-left:20px; text-decoration:none; color:#1f2937; }
.nav .btn-primary { background:#1f2937; color:#fff; padding:8px 16px; border-radius:6px; }
.burger { display:none; font-size:1.5rem; background:none; border:none; }

/* HERO */
.hero { display:flex; flex-wrap:wrap; align-items:center; padding:60px 0; }
.hero-text { flex:1; min-width:300px; }
.hero-text h2 { font-size:2rem; margin-bottom:10px; }
.hero-text p { margin-bottom:20px; color:#4b5563; }
.email-form { display:flex; flex-wrap:wrap; gap:10px; }
.email-form input { padding:10px; flex:1; border:1px solid #d1d5db; border-radius:6px; }
.email-form button { padding:10px 20px; background:#1f2937; color:#fff; border:none; border-radius:6px; cursor:pointer; }
.hero-image { flex:1; min-width:300px; }
.hero-image img { width:100%; border-radius:10px; }

/* FEATURES */
.features { padding:60px 0; background:#fff; }
.features h2 { text-align:center; margin-bottom:40px; font-size:1.8rem; }
.feature-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
.feature-card { background:#f3f4f6; padding:20px; border-radius:10px; text-align:center; }
.feature-card img { max-width:100%; margin-bottom:15px; }

/* PRICING */
.pricing { padding:60px 0; }
.pricing h2 { text-align:center; margin-bottom:40px; font-size:1.8rem; }
.pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; }
.pricing-card { background:#f3f4f6; padding:20px; border-radius:10px; text-align:center; }
.pricing-card.featured { background:#1f2937; color:#fff; }
.pricing-card ul { list-style: none; margin:15px 0; }
.pricing-card button { margin-top:10px; padding:8px 16px; border-radius:6px; border:none; cursor:pointer; }
.btn-outline { background:#fff; color:#1f2937; border:1px solid #1f2937; }

/* CONTACT */
.contact { padding:60px 0; background:#e5e7eb; }
.contact h2 { text-align:center; margin-bottom:20px; font-size:1.8rem; }
.contact-form { display:flex; flex-direction:column; gap:10px; max-width:500px; margin:0 auto; }
.contact-form input, .contact-form textarea { padding:10px; border:1px solid #d1d5db; border-radius:6px; }
.contact-form button { padding:10px; background:#1f2937; color:#fff; border:none; border-radius:6px; cursor:pointer; }

/* FOOTER */
.footer { background:#fff; padding:20px 0; text-align:center; font-size:0.9rem; color:#6b7280; }
.footer .socials a { margin:0 8px; text-decoration:none; color:#1f2937; }

/* RESPONSIVE */
@media(max-width:768px){
  .burger{display:block;}
  .nav{display:none; flex-direction:column;}
  .nav.open{display:flex; position:absolute; top:60px; left:0; right:0; background:#fff; padding:10px;}
  .hero{flex-direction:column;}
}



<style>
.hero-text {
  text-align: center; /* centraliza tudo dentro da hero-text */
  max-width: 700px; /* opcional: limita largura para melhor leitura */
  margin: 0 auto;
}

#hero-heading {
  color: #1E3A8A; /* azul escuro */
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

h3 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

p {
  font-size: 1rem;
  color: #333;
}

/* Cursor animation */
.cursor {
  display: inline-block;
  animation: blink 0.7s infinite;
  font-weight: bold;
  color: #1E3A8A; /* mesma cor do texto */
}

@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
