/* ============================================================
   Radar de Leads — sistema visual (inspirado no kit "Pharmacy")
   Azul-marinho + azul vivo, verde-esmeralda de destaque,
   cantos arredondados, botões pílula, sombras suaves.
   ============================================================ */
:root{
  --navy:#0E2A47; --navy-2:#16375B; --navy-3:#1F4A78;
  --blue:#2563EB; --blue-600:#1D4FD8; --blue-soft:#EAF1FE; --blue-tint:#F3F7FF;
  --green:#10B981; --green-600:#059669; --green-soft:#E6F7F1;
  --mustard:#E0A82E; --clay:#B5713B;
  --ink:#16283B; --ink-soft:#5A7185; --ink-faint:#8CA0B3;
  --bg:#F3F7FC; --surface:#FFFFFF; --surface-2:#F7FAFE;
  --line:#E1E9F2; --line-soft:#EEF3F9;
  --ok:#0F7B4A; --erro:#C0392B;

  /* faixas de score no radar */
  --tier-a:#10B981; --tier-b:#2563EB; --tier-c:#E0A82E; --tier-d:#94A8BC;

  --display:'Poppins',system-ui,-apple-system,sans-serif;
  --body:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;

  --r-sm:8px; --r:12px; --r-lg:18px; --r-xl:26px; --pill:999px;
  --sh-1:0 2px 10px -4px rgba(14,42,71,.10);
  --sh-2:0 10px 30px -12px rgba(14,42,71,.18);
  --sh-3:0 28px 60px -24px rgba(14,42,71,.28);
  --ring:0 0 0 4px rgba(37,99,235,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--body); font-size:15px; line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}
a{color:var(--blue-600);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;cursor:pointer;color:inherit}
img{max-width:100%}
:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}

.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--blue-600);
  background:var(--blue-soft);border-radius:var(--pill);padding:5px 12px;
}
.eyebrow.green{color:var(--green-600);background:var(--green-soft)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.muted{color:var(--ink-soft)}

/* -------- botões -------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid transparent;border-radius:var(--pill);
  padding:12px 22px;font-family:var(--body);font-weight:600;font-size:14px;
  line-height:1;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
  text-decoration:none;
}
.btn:hover{text-decoration:none}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px -14px rgba(37,99,235,.8)}
.btn-primary:hover{background:var(--blue-600);transform:translateY(-2px)}
.btn-green{background:var(--green);color:#fff;box-shadow:0 14px 30px -14px rgba(16,185,129,.8)}
.btn-green:hover{background:var(--green-600);transform:translateY(-2px)}
.btn-ghost{background:var(--surface);color:var(--navy);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue-600);transform:translateY(-2px)}
.btn-dark{background:var(--navy);color:#fff}
.btn-dark:hover{background:var(--navy-2);transform:translateY(-2px)}
.btn-sm{padding:8px 14px;font-size:12.5px}
.btn-block{width:100%}
.btn[disabled]{opacity:.55;pointer-events:none}

/* -------- cartões -------- */
.card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-1);
}
.card-hover{transition:transform .18s ease,box-shadow .18s ease}
.card-hover:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}

/* -------- formulários -------- */
label{
  display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:14px 0 5px;
}
input,select,textarea{
  width:100%;border:1px solid var(--line);border-radius:var(--r-sm);
  padding:12px 13px;font-family:var(--body);font-size:14px;background:var(--surface);color:var(--ink);
  transition:border-color .15s ease,box-shadow .15s ease;
}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:var(--ring)}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235A7185' d='M6 8 0 1.4 1.4 0 6 5.2 10.6 0 12 1.4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}

/* -------- pills / chips / badges -------- */
.pill{
  display:inline-block;font-family:var(--mono);font-size:10px;font-weight:500;
  letter-spacing:.06em;text-transform:uppercase;border-radius:var(--pill);
  padding:4px 10px;border:1px solid var(--line);color:var(--ink-soft);background:var(--surface);
}
.pill.ok{background:var(--green-soft);border-color:#B7E6D3;color:var(--ok)}
.pill.warn{background:#FCF3E2;border-color:#F0DCAF;color:#8A6516}
.pill.bad{background:#FBEBE8;border-color:#F1CDC6;color:var(--erro)}

.badge{
  display:inline-block;font-family:var(--mono);font-size:9.5px;font-weight:500;
  letter-spacing:.07em;text-transform:uppercase;background:var(--green);color:#fff;
  border-radius:var(--pill);padding:2px 8px;
}

/* -------- mensagens -------- */
.msg{font-size:13px;min-height:18px;margin-top:10px}
.msg.erro{color:var(--erro)}
.msg.ok{color:var(--ok)}

/* -------- seções (landing / docs) -------- */
section{padding:84px 0}
h2.sec{font-size:clamp(26px,3.4vw,36px);margin:12px 0 8px}
p.sub{color:var(--ink-soft);font-size:16px;max-width:60ch;margin:0 0 40px}

/* -------- blobs decorativos -------- */
.blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;z-index:0;pointer-events:none}
.blob.blue{background:radial-gradient(circle at 30% 30%,#5B8DEF,#2563EB);opacity:.14}
.blob.green{background:radial-gradient(circle at 30% 30%,#5FE0B7,#10B981);opacity:.13}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}