/* ═══════════════════════════════════════════════════════════════
   BRIST ERP — tema claro com navy da marca e verde de ação.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --bg: #F5F8FA;
  --bg-soft: #FFFFFF;
  --surface: #FFFFFF;
  --surface-strong: #EDF2F7;
  --line: rgba(19, 29, 43, .12);
  --text: #15202E;
  --muted: rgba(21, 32, 46, .68);
  --accent: #1F9733;
  --accent-soft: rgba(79, 206, 93, .15);
  --on-accent: #07140B;
  --glow: rgba(79, 206, 93, .4);
}

.btn-primary { background: #4FCE5D; color: #0A1A10; }
.list-label { color: rgba(21, 32, 46, .55); }

/* ── Hero compacto ──────────────────────────────────────────── */
.hero {
  position: relative;
  isolation: isolate;
  text-align: center;
  padding-block: clamp(32px, 5vw, 56px) clamp(8px, 2vw, 16px);
  overflow: clip;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(rgba(21, 32, 46, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21, 32, 46, .05) 1px, transparent 1px);
  background-size: 54px 54px;
  -webkit-mask-image: radial-gradient(ellipse 85% 65% at 50% 0%, #000 20%, transparent 72%);
  mask-image: radial-gradient(ellipse 85% 65% at 50% 0%, #000 20%, transparent 72%);
}
.hero::after {
  content: "";
  position: absolute;
  top: -170px;
  left: 50%;
  translate: -50% 0;
  width: min(680px, 95vw);
  height: 440px;
  z-index: -2;
  background: radial-gradient(ellipse at center, rgba(79, 206, 93, .16), transparent 62%);
  filter: blur(10px);
}
.hero h1 {
  font-size: clamp(1.65rem, 4.6vw, 2.4rem);
  font-weight: 800;
  margin: 10px auto 0;
}
.hero h1 .accent { color: var(--accent); }
.hero-lead {
  max-width: 560px;
  margin: 14px auto 0;
  color: var(--muted);
  font-size: clamp(.97rem, 1.8vw, 1.05rem);
}
.hero-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: clamp(24px, 4vw, 32px);
}

/* ── Lista ──────────────────────────────────────────────────── */
.page-list { padding-bottom: clamp(56px, 8vw, 80px); }
.link-row:hover { box-shadow: 0 14px 34px -18px rgba(21, 32, 46, .3); }