/* Approved dark polished jade: quiet mineral depth, never a decorative marble effect. */
:root{--jade-texture:url("../assets/materials/jade-texture.webp")}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:var(--jade-texture) left center/1250px 100% no-repeat;
  opacity:.5;
  mask-image:linear-gradient(90deg,#000 0%,#000 18%,#000a 31%,transparent 54%);
}
.hero::after{z-index:1}
.hero-copy{z-index:3}

.owner-readiness .story-copy{
  background:
    linear-gradient(rgb(19 48 38 / 64%),rgb(19 48 38 / 64%)),
    var(--jade-texture) center/cover;
}

.system-page .system-intro{
  background:
    radial-gradient(ellipse at 60% 64%,rgb(61 91 73 / 24%),transparent 62%),
    linear-gradient(rgb(19 48 38 / 35%),rgb(19 48 38 / 35%)),
    var(--jade-texture) center/cover;
}

.privacy-copy{
  color:var(--white);
  background:
    linear-gradient(rgb(19 48 38 / 58%),rgb(19 48 38 / 58%)),
    var(--jade-texture) 60% center/auto 110%;
}
.privacy-copy h2,
.privacy-principles h3{color:var(--white)}
.system-page .privacy-copy .privacy-principles p{color:#dce2de}
.privacy-principles li{border-color:var(--line-inverse)}

@media(max-width:800px){
  .hero::before{display:none}
  .hero-copy{
    background:
      linear-gradient(rgb(19 48 38 / 38%),rgb(19 48 38 / 38%)),
      var(--jade-texture) center/cover;
  }
  .system-intro .intro-copy{
    background:
      linear-gradient(rgb(19 48 38 / 32%),rgb(19 48 38 / 32%)),
      var(--jade-texture) center/cover;
  }
}