:root{
  --brand:#0d6efd;
  --muted:#6c757d;
  --card-radius:14px;
  --accent:#0b5ed7;
}
body{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  line-height:1.45;
  color:#212529;
  background:#f8f9fa;
}
.hero{
  background:linear-gradient(90deg, rgba(13,110,253,0.06), rgba(13,110,253,0.02));
  padding:4.5rem 0;
}
.hero h1{ font-weight:700; }
.badge-pill{ border-radius: 999px; }
.service-card {
  border-radius: var(--card-radius);
  box-shadow: 0 6px 18px rgba(16,24,40,0.06);
  transition: transform .18s ease, box-shadow .18s ease;
  background:white;
}
.service-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 14px 40px rgba(16,24,40,0.10);
}
.cta-phone{
  background:linear-gradient(90deg,var(--brand), var(--accent));
  color:#fff;
  border:none;
}
.sticky-call {
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1080;
  border-radius:999px;
  box-shadow: 0 10px 30px rgba(13,110,253,0.18);
}
.compare-table th{ background: #fff; }
.before-after img{ max-width:100%; border-radius:10px; }
footer{ background:#fff; border-top:1px solid #e9ecef; padding:2rem 0; }
.trust-badges img{ max-height:40px; margin-right:10px; }

@media (max-width:576px){
  .hero{ padding:3rem 0; }
}

.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 90px;
  right: 20px;
  background-color: #25d366;
  border-radius: 50%;
  box-shadow: 0 6px 20px rgba(0,0,0,0.2);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.whatsapp-float img {
  width: 35px;
  height: 35px;
}


/* Green Call Buttons */
.call-btn {
  background: #25d366;
  color: #fff !important;
  border: none;
}

.call-btn:hover {
  background: #1ebe5d;
  color: #fff !important;
}

/* Sticky call button updated */
.sticky-call.call-btn {
  background: #25d366;
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.3);
}

/* For buttons that originally used .cta-phone */
.cta-phone {
  background: #25d366 !important;
  color: #fff !important;
  border: none !important;
}

.cta-phone:hover {
  background: #1ebe5d !important;
}