/* CloudINX editorial refinement — restrained, readable and responsive */
:root{--cx-editorial-accent:#56bccc}
.cx-editorial-note{position:relative;isolation:isolate;margin:clamp(32px,5vw,76px) auto;padding:clamp(26px,4vw,58px);max-width:1180px;border:1px solid rgba(83,167,186,.22);border-radius:12px;background:linear-gradient(120deg,#081d2c,#0b2939);color:#eaf5f8;overflow:hidden}
.cx-editorial-note:before{content:"";position:absolute;right:-90px;top:-130px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(80,198,220,.13);box-shadow:0 0 0 42px rgba(80,198,220,.018),0 0 0 90px rgba(80,198,220,.014);pointer-events:none;z-index:-1}
.cx-editorial-note .cx-editorial-eyebrow{color:#8bd3df;letter-spacing:.16em;text-transform:uppercase;font-size:.73rem;font-weight:700}
.cx-editorial-note h2{font-size:clamp(1.6rem,3.1vw,2.65rem);line-height:1.14;max-width:780px;margin:.6em 0 .5em;color:#fff}
.cx-editorial-note p{font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.75;max-width:800px;color:#c8dce5}
.cx-editorial-note a{display:inline-flex;margin-top:18px;color:#a5f0f6;font-weight:700;text-underline-offset:5px}
.cx-editorial-note a:focus-visible{outline:3px solid #9ce6ef;outline-offset:5px}
/* Geometry should support the copy, never compete with it. */
.cx-geometry-statement:before,.cx-geometry-statement:after,.cx-geometry-watermark:before,.cx-geometry-watermark:after{opacity:.18!important}
.cx-mockup-accent:before,.cx-mockup-accent:after{opacity:.12!important}
@media(max-width:700px){.cx-editorial-note{margin:28px 16px;padding:26px 22px}.cx-editorial-note:before{opacity:.4}}
@media(prefers-reduced-motion:reduce){.cx-editorial-note *{animation:none!important;transition:none!important}}