.co-tone-green { --section-accent: #176448; --section-tint: #eaf5ef; --section-line: #bbd9c9; }
.co-tone-blue { --section-accent: #23577c; --section-tint: #edf4fa; --section-line: #c2d8e8; }
.co-tone-amber { --section-accent: #78531a; --section-tint: #faf3e5; --section-line: #e6d4af; }
.co-benefits { gap: 32px; }
.co-benefits article { border: 0; padding-top: 0; display: flex; flex-direction: column; min-width: 0; }
.co-step-visual { display: flex; align-items: center; gap: 16px; position: relative; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 2px solid var(--section-line); }
.co-step-visual::after { content: ''; position: absolute; bottom: -5px; right: 1px; width: 8px; height: 8px; border-top: 2px solid var(--section-accent); border-right: 2px solid var(--section-accent); transform: rotate(45deg); }
.co-symbol { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 64px; width: 64px; height: 64px; background: var(--section-tint); border: 1px solid var(--section-line); border-radius: 8px; }
.co-symbol img { width: 32px; height: 32px; opacity: .8; }
.co-step-label { color: var(--section-accent); font-size: 13px; font-weight: 700; }
.co-benefits h3 { margin-bottom: 12px; }
.co-benefits p { flex: 1; }
.co-deliverable { border-left: 3px solid var(--section-accent); padding: 9px 14px; color: var(--section-accent); background: var(--section-tint); font-size: 14px; font-weight: 600; }
.co-programs { gap: 22px; align-items: stretch; }
.co-programs article, .co-programs article + article { border: 1px solid var(--section-line); border-top: 4px solid var(--section-accent); border-radius: 8px; padding: 26px; background: #fff; display: flex; flex-direction: column; min-width: 0; }
.co-program-visual { display: flex; align-items: center; gap: 14px; margin-bottom: 26px; }
.co-programs .co-program-label { font-size: 12px; font-weight: 700; color: var(--section-accent); }
.co-programs h3 { font-size: 21px; margin-bottom: 14px; }
.co-programs p { flex: 1; }
.co-programs .co-program-fit { display: block; background: var(--section-tint); color: var(--section-accent); padding: 10px 12px; font-size: 13px; border-radius: 4px; margin-bottom: 16px; }
.co-program-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; padding: 8px 0; color: var(--section-accent); font-size: 14px; font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.co-program-link img { flex: 0 0 20px; }
.co-program-link:hover { text-decoration-thickness: 2px; }
@media (min-width: 768px) and (max-width: 1000px) {
  .co-programs { gap: 16px; }
  .co-programs article, .co-programs article + article { padding: 18px; }
  .co-program-visual, .co-step-visual { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 767px) {
  .co-benefits { gap: 30px; }
  .co-step-visual { padding-bottom: 16px; margin-bottom: 18px; }
  .co-symbol { width: 56px; height: 56px; flex-basis: 56px; }
  .co-programs article, .co-programs article + article { padding: 22px; }
  .co-program-visual { margin-bottom: 20px; }
}
@media (prefers-reduced-motion: no-preference) {
  .co-programs article { transition: border-color 160ms ease, box-shadow 160ms ease; }
  .co-programs article:hover, .co-programs article:focus-within { border-color: var(--section-accent); box-shadow: 0 5px 18px #183b2d0d; }
}