/*
  Cohesumm × AHACX — The Operating Edge
  LIGHT VERSION
  Safe incremental / namespaced CSS only.

  Every selector begins with .cxm-edge
  No global resets.
  No header/nav/footer rules.
  No existing Cohesumm classes are modified.
*/

.cxm-edge{
  --cxm-edge-bg:#F3F0E8;
  --cxm-edge-bg2:#E8EEF0;
  --cxm-edge-paper:#071016;
  --cxm-edge-muted:#536873;
  --cxm-edge-line:rgba(7,16,22,.14);
  --cxm-edge-blue:#6F8793;

  position:relative;
  overflow:hidden;

  background:
    radial-gradient(circle at 76% 22%, rgba(118,145,158,.12), transparent 28%),
    linear-gradient(118deg, var(--cxm-edge-bg) 0%, #F6F3EC 54%, var(--cxm-edge-bg2) 100%);

  color:var(--cxm-edge-paper);
  padding:88px 52px 82px;
  border-top:1px solid rgba(7,16,22,.09);
  border-bottom:1px solid rgba(7,16,22,.09);
  isolation:isolate;
}

.cxm-edge::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.45;
  background-image:
    linear-gradient(rgba(7,16,22,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,16,22,.04) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to right, transparent, black 35%, black 100%);
}

.cxm-edge::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-150px;
  top:-150px;
  border:1px solid rgba(7,16,22,.07);
  border-radius:50%;
  box-shadow:
    0 0 0 70px rgba(7,16,22,.016),
    0 0 0 140px rgba(7,16,22,.010);
  pointer-events:none;
}

.cxm-edge__grid{
  position:relative;
  z-index:1;
  width:min(100%,1500px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) 130px minmax(0,.88fr);
  align-items:center;
  gap:48px;
}

.cxm-edge__eyebrow{
  margin:0 0 23px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.30em;
  color:#49606C;
}

.cxm-edge__title{
  margin:0;
  max-width:740px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(44px,4.4vw,72px);
  line-height:.95;
  letter-spacing:-.045em;
  font-weight:400;
  color:#071016;
}

.cxm-edge__intro{
  margin:31px 0 0;
  max-width:650px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.58;
  color:#536873;
}

.cxm-edge__signals{
  margin-top:38px;
  padding-top:23px;
  border-top:1px solid var(--cxm-edge-line);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 28px;
  max-width:610px;
}

.cxm-edge__signals span{
  position:relative;
  padding-left:15px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  line-height:1.3;
  letter-spacing:.17em;
  color:#5C707A;
}

.cxm-edge__signals span::before{
  content:"";
  position:absolute;
  left:0;
  top:.38em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#718995;
  box-shadow:0 0 10px rgba(113,137,149,.35);
}

.cxm-edge__bridge{
  align-self:stretch;
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cxm-edge__beam{
  position:absolute;
  top:8%;
  bottom:8%;
  left:50%;
  width:1px;
  background:linear-gradient(
    to bottom,
    transparent,
    rgba(77,103,115,.18) 15%,
    rgba(77,103,115,.65) 48%,
    rgba(77,103,115,.18) 82%,
    transparent
  );
}

.cxm-edge__beam::before,
.cxm-edge__beam::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  width:7px;
  height:7px;
  border-radius:50%;
  background:#5E7885;
  box-shadow:0 0 18px rgba(93,121,134,.35);
}

.cxm-edge__beam::before{ top:31%; }
.cxm-edge__beam::after{ bottom:31%; }

.cxm-edge__bridge-label{
  position:relative;
  z-index:1;
  display:inline-block;
  transform:rotate(-90deg);
  white-space:nowrap;
  padding:7px 13px;
  background:#F3F0E8;
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  line-height:1;
  font-weight:700;
  letter-spacing:.25em;
  color:#667E89;
}

.cxm-edge__right{
  padding:9px 0 6px;
}

.cxm-edge__brand{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:700;
  letter-spacing:.36em;
  color:#18323E;
}

.cxm-edge__ahacx-title{
  margin:28px 0 25px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(41px,4.2vw,67px);
  line-height:.92;
  letter-spacing:-.04em;
  font-weight:400;
  color:#071016;
}

.cxm-edge__ahacx-copy{
  margin:0;
  max-width:620px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.62;
  color:#536873;
}

.cxm-edge__loop{
  margin-top:31px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:700;
  letter-spacing:.19em;
  color:#4F6671;
}

.cxm-edge__loop i{
  font-style:normal;
  color:#7B909A;
}

.cxm-edge__statement{
  margin:36px 0 0;
  padding-top:29px;
  border-top:1px solid var(--cxm-edge-line);
  font-family:Georgia,"Times New Roman",serif;
  font-size:24px;
  line-height:1.27;
  color:#071016;
}

.cxm-edge__statement strong{
  font-weight:400;
}

.cxm-edge__cta{
  margin-top:30px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  min-width:198px;
  padding:14px 19px;
  border:1px solid #071016;
  border-radius:999px;
  background:#071016;
  font-family:Arial,Helvetica,sans-serif;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.13em;
  color:#F4F1EA;
  text-decoration:none;
  transition:
    background-color .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.cxm-edge__cta:hover,
.cxm-edge__cta:focus-visible{
  background:#17313D;
  color:#F4F1EA;
  border-color:#17313D;
  transform:translateY(-1px);
}

.cxm-edge__cta span{
  font-size:15px;
  letter-spacing:0;
}

@media (max-width:1050px){
  .cxm-edge__grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .cxm-edge__bridge{
    min-height:1px;
    height:1px;
    display:block;
  }

  .cxm-edge__beam{
    left:0;
    right:0;
    top:0;
    bottom:auto;
    width:auto;
    height:1px;
    background:linear-gradient(
      to right,
      transparent,
      rgba(77,103,115,.55) 50%,
      transparent
    );
  }

  .cxm-edge__beam::before,
  .cxm-edge__beam::after,
  .cxm-edge__bridge-label{
    display:none;
  }
}

@media (max-width:720px){
  .cxm-edge{
    padding:62px 24px 58px;
  }

  .cxm-edge__title,
  .cxm-edge__ahacx-title{
    font-size:44px;
  }

  .cxm-edge__signals{
    grid-template-columns:1fr;
  }

  .cxm-edge__statement{
    font-size:22px;
  }
}

@media (prefers-reduced-motion:reduce){
  .cxm-edge__cta{
    transition:none;
  }
}