/* Exact approved visual mockup art direction — concept image crops, not operating network evidence */
.cx39-hero{position:relative;isolation:isolate;overflow:hidden}
.cx39-hero::before{content:"";position:absolute;z-index:-1;inset:0 0 0 42%;background:url('assets/cloudinx-mockup-home.webp') center center/cover no-repeat;opacity:.82;pointer-events:none}
.cx39-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#061522 4%,rgba(6,21,34,.97) 32%,rgba(6,21,34,.56) 64%,rgba(6,21,34,.22));pointer-events:none}
.cx-mockup-accent{position:relative;isolation:isolate;overflow:hidden}
.cx-mockup-accent::before{content:"";position:absolute;inset:0 0 0 57%;background-image:var(--cx-mockup-art);background-position:center;background-size:cover;opacity:.34;z-index:-1;pointer-events:none}
.cx-mockup-accent::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,32,.9) 0%,rgba(5,18,32,.6) 65%,rgba(5,18,32,.25));z-index:-1;pointer-events:none}
.cx-mockup-accent{background-color:#061522;color:#fff}
.cx-mockup-accent h1,.cx-mockup-accent h2,.cx-mockup-accent p{color:inherit}
.cx-brand-art{display:block;width:100%;max-height:800px;object-fit:contain;background:#061522}
@media(max-width:760px){.cx39-hero::before{inset:30% 0 0 10%;opacity:.4}.cx39-hero::after{background:linear-gradient(180deg,#061522 0%,rgba(6,21,34,.9) 52%,rgba(6,21,34,.56))}.cx-mockup-accent::before{inset:15% 0 0 25%;opacity:.2}}
@media(prefers-reduced-motion:reduce){.cx39-hero::before,.cx-mockup-accent::before{animation:none!important}}