.cd-feature__grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(32px,6vw,76px)
}

.cd-feature__copy {
  min-width:0
}

.cd-feature__copy .cd-section-heading {
  margin-bottom:28px
}

.cd-feature__description {
  margin-top:18px;
  color:var(--cd-muted)
}

.cd-feature__image {
  overflow:hidden;
  border-radius:var(--cd-radius);
  background:var(--cd-surface)
}

.cd-feature__image img {
  width:100%;
  height:auto
}

.cd-feature--left .cd-feature__image {
  grid-column:1;
  grid-row:1
}

.cd-feature--left .cd-feature__copy {
  grid-column:2;
  grid-row:1
}

.cd-feature__points {
  list-style:none;
  margin:26px 0 0;
  padding:0;
  display:grid;
  gap:18px
}

.cd-feature__points li {
  display:flex;
  gap:16px;
  align-items:start
}

.cd-feature__marker {
  width:7px;
  height:7px;
  flex:0 0 7px;
  margin-top:10px;
  background:var(--cd-accent);
  transform:rotate(45deg)
}

.cd-feature__points strong {
  font-weight:600
}

.cd-feature__points li div {
  display:flex;
  flex-wrap:wrap;
  gap:3px 7px
}

.cd-feature__points li span:not(.cd-feature__marker) {
  color:var(--cd-muted)
}

.cd-feature[data-section="widgets"] {
  padding-top:16px
}

.cd-feature[data-section="obd"] {
  background:linear-gradient(180deg,var(--cd-surface),var(--cd-bg));
  border-block:1px solid var(--cd-border)
}

.cd-feature[data-section="obd"]>.cd-container>.cd-section-heading {
  max-width:850px
}

@media(max-width:767px) {
  .cd-feature__grid {
    grid-template-columns:1fr;
    gap:32px
  }
  .cd-feature--left .cd-feature__image,.cd-feature--left .cd-feature__copy {
    grid-column:auto;
    grid-row:auto
  }
  .cd-feature__points {
    gap:18px
  }
  .cd-feature[data-section="widgets"] {
    padding-top:0
  }
}