.cdx-brand-world {
  position: relative;
  overflow: hidden;
  color: #f6fbff;
  background:
    radial-gradient(circle at 76% 18%, rgba(39, 186, 201, .2), transparent 28rem),
    linear-gradient(135deg, #041a3e 0%, #072d61 58%, #075d70 100%);
}

.cdx-brand-world::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .3;
  background-image: radial-gradient(circle, rgba(255,255,255,.6) 1px, transparent 1.5px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, #000 45%, #000);
}

.cdx-brand-world-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(18rem, .8fr) minmax(32rem, 1.2fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}

.cdx-brand-world .cdx-eyebrow { color: #7de3ea; }
.cdx-brand-world h2 { max-width: 15ch; color: #fff; text-wrap: balance; }
.cdx-brand-world p:not(.cdx-eyebrow) { color: #dceeff; }
.cdx-brand-world .cdx-btn-light { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.1); color: #fff; }
.cdx-brand-world .cdx-btn-light:hover { background: #fff; color: #061f4d; }

.cdx-brand-visual {
  position: relative;
  margin: 0;
  transform-style: preserve-3d;
  transition: transform .5s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}

.cdx-brand-visual picture {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: clamp(1.5rem, 3vw, 2.7rem);
  background: #f8fbff;
  box-shadow: 0 40px 90px rgba(0, 10, 32, .38);
}

.cdx-brand-visual img { display: block; width: 100%; height: auto; }

.cdx-brand-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: clamp(1.5rem, 3vw, 2.7rem);
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.6) 48%, transparent 61%);
  transform: translateX(-130%);
  animation: cdxBrandShine 8s ease-in-out infinite;
  pointer-events: none;
}

.cdx-brand-visual figcaption {
  margin: .9rem .5rem 0;
  color: #dceeff;
  font-size: .95rem;
}

.cdx-brand-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
}

.cdx-brand-chip-row li {
  padding: .52rem .78rem;
  border: 1px solid rgba(125, 227, 234, .4);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-weight: 800;
  font-size: .88rem;
}

[data-brand-reveal] {
  opacity: 0;
  transform: translateY(1.5rem);
  transition: opacity .7s ease, transform .7s ease;
}

[data-brand-reveal].is-visible { opacity: 1; transform: none; }

@keyframes cdxBrandShine {
  0%, 45% { transform: translateX(-130%); }
  68%, 100% { transform: translateX(130%); }
}

@media (max-width: 980px) {
  .cdx-brand-world-grid { grid-template-columns: 1fr; }
  .cdx-brand-world h2 { max-width: 22ch; }
}

@media (prefers-reduced-motion: reduce) {
  .cdx-brand-visual { transition: none; }
  .cdx-brand-visual::after { animation: none; }
  [data-brand-reveal] { opacity: 1; transform: none; transition: none; }
}