.cps{
  --cps-accent:#f36a1f;
  --cps-bg:#ececec;
  --cps-surface:#171a21;
  --cps-border:rgba(255,255,255,.10);
  --cps-text:rgba(255,255,255,.92);
  --cps-muted:rgba(255,255,255,.68);
  --cps-soft:rgba(255,255,255,.10);

  background:var(--cps-bg);
  color:var(--cps-text);
  padding:88px 0;
}



.cps__container{
  width:min(1120px, calc(100% - 48px));
  margin:0 auto;
}
.cps__header{
  max-width:820px;
}


.cps__eyebrow{
 color: var(--color--dark);
  font-size: var(--_typography---body--body-xs);
  letter-spacing: var(--_typography---body--letter-spacing);
  text-transform: capitalize;
}

.cps__eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:2px;
  background:var(--cps-accent);
  display:inline-block;
}

.cps__title{
  margin:18px 0 10px;
  font-size:clamp(28px, 3.2vw, 44px);
  line-height:1.05;
  letter-spacing:-.02em;
}


.cps__intro{
  margin:0;
  color:#151515;
  font-size:16px;
  line-height:1.6;
}

.cps__grid{
  margin-top:34px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}

.cps-card{
  background:rgb(56 56 56);
  border:1px solid var(--cps-border);
  border-radius:18px;
  padding:22px 22px 18px;
  position:relative;
  overflow:hidden;
}

.cps-card::after{
  content:"";
  position:absolute;
  inset:-2px;
  background:radial-gradient(600px 240px at 20% 0%, rgba(243,106,31,.20), transparent 55%);
  pointer-events:none;
  opacity:.9;
}

.cps-card__title{
  position:relative;
  margin:0 0 14px;
  font-size:18px;
  line-height:1.3;
}

.cps-card__list{
  position:relative;
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
  color:var(--cps-muted);
  line-height:1.55;
  font-size:15px;
}

.cps-card__list li{
  display:flex;
  gap:10px;
}

.cps-card__list li::before{
  content:"";
  margin-top:8px;
  width:6px;
  height:6px;
  border-radius:2px;
  background:var(--cps-accent);
  flex:0 0 auto;
}

.cps__actions{
  margin-top:26px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}


.cps__micro{
  margin:18px 0 0;
  color:rgba(255,255,255,.55);
  font-size:13px;
  line-height:1.55;
  max-width:820px;
}

/* Responsive */
@media (max-width: 860px){
  .cps{ padding:64px 0; }
  .cps__grid{ grid-template-columns:1fr; }
  .cps__actions{ align-items:stretch; }
  .cps-btn{ width:100%; justify-content:space-between; }
}