/* =========================
   Home • Entomonitec (navy+green)
   ========================= */

/* HERO refinado */
.hero{background:linear-gradient(180deg, var(--sky-50), transparent)}
.hero-copy h1{max-width:28ch}
.hero-copy .lead{max-width:60ch}
.hero-copy .actions .btn{min-width:170px}

/* Métricas */
.metrics-grid{
  display:grid;gap:.9rem;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))
}
.metric{
  background:var(--surface);border:1px solid var(--border);
  border-radius:12px;padding:1rem;text-align:center;
  transition:transform .12s ease, border-color .25s ease, box-shadow .25s ease
}
.metric h3{font-size:clamp(1.4rem,4vw,1.9rem);line-height:1;margin-bottom:.25rem}
.metric p{color:var(--text-2)}
.metric:hover{
  transform:translateY(-2px) scale(1.02);
  border-color:color-mix(in srgb, var(--green-600) 18%, var(--border));
  box-shadow:0 12px 28px rgba(16,185,129,.18)
}

/* Features (já usa estilos globais de .card) */
.features .card h3{margin-bottom:.35rem}
.features .card p{color:var(--text-2)}

/* Callout */
.callout-grid{
  display:grid;gap:clamp(1rem,3vw,2rem);
  grid-template-columns:1.05fr .95fr; align-items:center
}
.callout-visual img{
  border-radius:12px;border:1px solid var(--border);
  box-shadow:0 18px 40px rgba(7,26,47,.28), 0 6px 16px rgba(2,6,23,.12)
}
@media (max-width: 980px){
  .callout-grid{grid-template-columns:1fr}
}