html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; }
h1, h2, h3 { line-height: 1.15; }

.eyebrow::before{
  content:"";
  width:7px; height:7px; border-radius:50%;
  background:#3C6E71;
  box-shadow:0 0 0 3px rgba(60,110,113,0.18);
  display:inline-block;
}

.hero-bg{
  background:
    radial-gradient(ellipse 900px 500px at 85% -10%, rgba(60,110,113,0.10), transparent 60%),
    #FAFAF9;
}

.console-glow::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(60,110,113,0.15), transparent 55%);
  pointer-events:none;
}
.console-line{ opacity:0; transform:translateY(4px); animation:line-in 0.4s ease forwards; }
.console-final{ opacity:0; animation:line-in 0.5s ease forwards; animation-delay:2.1s; }
.console-final .dot{ animation:pulse 1.8s ease-in-out infinite; animation-delay:2.1s; }
@keyframes line-in{ to{ opacity:1; transform:translateY(0); } }
@keyframes pulse{
  0%,100%{ box-shadow:0 0 0 4px rgba(60,110,113,0.28); }
  50%{ box-shadow:0 0 0 8px rgba(60,110,113,0.12); }
}

.radio-pill input{ position:absolute; opacity:0; width:100%; height:100%; cursor:pointer; margin:0; }
.radio-pill input:checked + span{
  border-color:#3C6E71; background:rgba(60,110,113,0.1); color:#2c5356; font-weight:600;
}
.radio-pill input:focus-visible + span{ outline:3px solid #3C6E71; outline-offset:2px; }

.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary .marker{ transition:transform 0.2s ease; }
.faq-item[open] summary .marker{ transform:rotate(45deg); }

/* Honeypot field for the PHP form: hidden from real visitors, still reachable by bots */
.hp-field{
  position:absolute; left:-9999px; top:-9999px;
  width:1px; height:1px; overflow:hidden;
}

/* Error banner shown when enviar.php redirects back with ?erro= */
.form-alert{
  display:flex; align-items:flex-start; gap:10px;
  background:#FCEBEB; border:1px solid #F09595; color:#791F1F;
  border-radius:10px; padding:14px 16px; margin-bottom:20px; font-size:0.92rem;
}

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .console-line, .console-final{ opacity:1; transform:none; animation:none; }
  .console-final .dot{ animation:none; }
}