/* =========================================================
   BRAND TEXTURE — Light Clean Corporate Edition
   Tekstur halus untuk layout terang, tanpa glow neon gelap.
   ========================================================= */

/* ---------------------------------------------------------
   1) HERO PARALLAX — pola jaringan tipis di atas foto hero
   (hero ini tetap dark bg, jadi efek screen tetap OK)
   --------------------------------------------------------- */
.hero-parallax .pxl-bg::after {
  background-image:
    radial-gradient(circle at 85% 12%, rgba(37, 99, 235, .22), transparent 42%),
    radial-gradient(rgba(96, 165, 250, .10) 1px, transparent 1px);
  background-size: auto, 26px 26px;
  mix-blend-mode: screen;
  opacity: .7;
}

/* ---------------------------------------------------------
   2) CTA BOX — deep royal navy gradient
   --------------------------------------------------------- */
.cta-box {
  background:
    radial-gradient(circle at 90% 10%, rgba(25, 211, 197, .12), transparent 45%),
    radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(135deg, #093564, #051b34) !important;
  background-size: auto, 24px 24px, auto;
  border-color: rgba(25, 211, 197, .25) !important;
}

/* ---------------------------------------------------------
   3) FLOATING CTA CARD — deep navy style
   --------------------------------------------------------- */
.floating-cta-card {
  background:
    radial-gradient(circle at top right, rgba(25, 211, 197, .12), transparent 45%),
    radial-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),
    linear-gradient(135deg, #0b3666 0%, #062548 100%) !important;
  background-size: auto, 24px 24px, auto;
  border-color: rgba(25, 211, 197, .2) !important;
}

/* ---------------------------------------------------------
   4) PORTFOLIO — overlay sangat tipis agar foto tetap segar
   (light theme tidak perlu overlay navy gelap pekat)
   --------------------------------------------------------- */
.portfolio-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(15, 23, 42, .18) 100%);
  pointer-events: none;
}