/* Reset & tokens */
:root{
  --brand:#00c16a;
  --dark:#0b0b0d;
  --accent:#157347;
}
body{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;}
.logo{filter: drop-shadow(0 2px 2px rgba(0,0,0,.35));}

/* Hero */
.hero{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(0,193,106,.2), transparent),
              radial-gradient(1200px 600px at 90% 20%, rgba(21,115,71,.2), transparent),
              linear-gradient(135deg, #0d0f12, #161a1d);
  position: relative;
  color:#fff;
}
.hero .overlay{
  position:absolute; inset:0;
  background: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 400 400%22><defs><linearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22><stop stop-color=%22%2300c16a%22/><stop offset=%221%22 stop-color=%22%23157347%22/></linearGradient></defs><g fill=%22none%22 stroke=%22url(%23g)%22 stroke-width=%221%22 opacity=%220.15%22><path d=%22M50 200c40-80 120-80 160 0s120 80 160 0%22/><path d=%22M0 240c80-160 240-160 320 0s240 160 320 0%22 transform=%22scale(.5)%22/></g></svg>') center/cover no-repeat;
  mix-blend-mode: screen;
  opacity:.6;
}

/* Cards */
.service .card-body{border-left:4px solid var(--brand);}

/* Buttons */
.btn-success{background:var(--brand); border-color:var(--brand);}
.btn-success:hover{filter: brightness(0.95);}

/* Footer */
footer{background:#fff;}

.badge{border:1px solid rgba(0,0,0,.08);}