/* hero outcome visual */
.dc-join{display:flex;justify-content:center;padding:16px 0;color:var(--faint)}
.dc-join svg{width:24px;height:24px}
.dc-decision{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;
  padding:32px 48px;border-radius:var(--r-card);background:var(--dark)
}
.dc-decision .eyebrow{color:var(--accent-soft);margin-bottom:16px}
.dc-decision h3{margin:0 0 12px;font:700 24px/1.8 var(--sans);color:var(--white)}
.dc-decision p{margin:0;font:400 14px/1.8 var(--sans);color:rgba(255,255,255,.68)}
.dc-acts{display:grid;grid-template-columns:repeat(3,max-content);gap:12px}
.dc-acts span{
  text-align:center;padding:12px 16px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-pill);
  background:rgba(255,255,255,.06);font:600 14px/1 var(--sans);color:var(--white)
}
.dc-platform{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;
  margin-top:32px;padding:24px 32px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--white)
}
.dc-platform p{margin:0;font:600 16px/1.8 var(--sans);color:var(--ink)}
.dc-platform a{flex:none;display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--sans);color:var(--accent)}
.dc-platform a svg{width:15px;height:15px}
/* knowledge for operations */
.dc-map{padding:24px 24px 24px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--white)}
.dc-map__head{
  display:grid;grid-template-columns:minmax(0,.8fr) 26px minmax(0,1.2fr);gap:12px;margin-bottom:12px;
  font:600 10px/1 var(--mono);letter-spacing:.18em;color:var(--faint)
}
.dc-map__row{
  display:grid;grid-template-columns:minmax(0,.8fr) 26px minmax(0,1.2fr);gap:12px;align-items:center;
  padding:12px 0;border-top:1px solid var(--line)
}
.dc-map__src{display:grid;gap:8px}
.dc-map__src span{
  padding:12px 12px;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--bg-card);
  font:600 14px/1.8 var(--sans);color:var(--ink)
}
.dc-map__arrow{display:flex;justify-content:center;color:var(--accent)}
.dc-map__arrow svg{width:20px;height:20px}
.dc-map__out{padding:16px 16px 16px;border-radius:var(--r-sm);background:var(--accent-wash);border:1px solid rgba(99,102,241,.3)}
.dc-map__out b{display:block;margin-bottom:4px;font:700 14px/1.8 var(--sans);color:var(--accent)}
.dc-map__out span{font:400 12px/1.8 var(--sans);color:var(--body)}
.dc-map__out--imp{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-accent)}
.dc-map__out--imp b{color:var(--white)}
.dc-map__out--imp span{color:rgba(255,255,255,.78)}
/* step by step */
.dc-stepc:not(:last-child)::after{
  content:"";position:absolute;top:50%;right:-12px;width:8px;height:8px;border-top:1.5px solid var(--faint);
  border-right:1.5px solid var(--faint);transform:translateY(-50%) rotate(45deg)
}
/* CTA */
@media (max-width:520px){
.dc-acts{grid-template-columns:repeat(2,minmax(0,1fr))}
.dc-acts span{padding:12px 8px;font-size:12px}
}
.dc-acts span{white-space:nowrap}
@media (max-width:1024px){
.dc-decision{grid-template-columns:1fr;gap:24px}
.dc-stepc::after{display:none}
}
@media (max-width:860px){
.dc-decision{padding:32px 24px}
.dc-platform{padding:24px 24px}
.dc-map{padding:16px 16px}
.dc-map__head{display:none}
.dc-map__row{grid-template-columns:1fr;gap:8px}
.dc-map__arrow{transform:rotate(90deg)}
}