/* Kartu layanan + performa / CLS */
.bg-mesh {
  background-image:
    radial-gradient(at 20% 20%, rgba(43, 183, 188, 0.08) 0, transparent 50%),
    radial-gradient(at 85% 10%, rgba(43, 79, 158, 0.06) 0, transparent 48%),
    radial-gradient(at 70% 80%, rgba(67, 163, 73, 0.05) 0, transparent 50%) !important;
}

#services-section .group.relative {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
}

#services-section .group.relative:hover {
  background: #ffffff;
}

#services-section h3:not(.text-gradient) {
  color: #0f172a;
}

#services-section p,
#services-section li {
  color: #475569;
}

/* Reserve space to cut CLS (GTmetrix 0.27) */
#root {
  min-height: 100vh;
}

img,
video {
  max-width: 100%;
  height: auto;
}

/* Floating WhatsApp / chat — reserved box avoids layout jump */
a[href*="wa.me"],
button[aria-label*="WhatsApp" i],
[class*="whatsapp" i] {
  contain: layout;
}

/* Prefer async paint for below-fold cards */
#services-section,
#products-section,
#portfolio-section {
  content-visibility: auto;
  contain-intrinsic-size: 1px 640px;
}