/* ===== Home / Hero ===== */
.hero{
  background: linear-gradient(
    180deg,
    var(--brand-600) 0%,
    rgba(30,125,223,.12) 46%,
    rgba(30,125,223,.06) 70%,
    transparent 100%
  );
  padding: clamp(72px, 12vw, 140px) 0;
}
.hero .wrap{
  display:grid; align-items:center; gap:36px;
  grid-template-columns:1.2fr .8fr;
}
@media (max-width:900px){ .hero .wrap{ grid-template-columns:1fr; } }

.hero h1{
  font-size:clamp(28px,4vw,44px);
  line-height:1.15; margin:0 0 10px;
}
.hero p{ color:var(--muted); font-size:clamp(16px,2vw,18px); margin:0; }
.hero .card{ padding:28px; } /* keep hero callout a touch roomier */


/* remove bullets + align icons neatly */
.bullet {
  list-style: none;       /* removes the bullets */
  padding: 0;
  margin: 10px 0 0 0;
}

.bullet li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;     /* space between lines */
}

.bullet img {
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
  opacity: 0.85;
}

.card-img {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  filter: brightness(0.96);
  border: 1px solid rgba(230, 240, 255, 0.6);
}