/* The three decision checks meet in one strategy outcome. Decorative motion only. */
#s9 .workflow-case {
  margin-top: clamp(24px,3vw,36px);
  padding: clamp(22px,3vw,36px);
  background: linear-gradient(135deg,rgba(42,52,77,.32) 0%,rgba(24,74,90,.32) 100%);
  color: #1E2A45;
  border: 1px solid rgba(30,42,69,.16);
  border-radius: 20px;
  box-shadow: 0 12px 28px rgba(30,42,69,.04);
}
#s9 .wf-header { max-width: 820px; margin-bottom: 26px; }
#s9 .wf-eyebrow {
  margin: 0 0 10px;
  font-family: 'Inter',system-ui,sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: #4A6275;
}
#s9 .wf-header h3 {
  margin: 0;
  font-family: 'Fraunces',Georgia,serif;
  font-size: clamp(22px,2.1vw,28px);
  font-weight:500;
  line-height: 1.35;
  color: #1E2A45;
}
#s9 .wf-stages {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 32px;
  align-items: stretch;
  padding: 0;
  margin: 0;
  list-style: none;
}
#s9 .wf-stage {
  position: relative;
  min-width: 0;
  padding: clamp(20px,2vw,26px);
  border: 1px solid transparent;
  border-radius: 14px;
  transition: transform .2s ease,box-shadow .2s ease;
}
#s9 .wf-stage--ai { background: rgba(159,183,200,.32); color: #1E2A45; --wf-divider:#7898AA; }
#s9 .wf-stage--governance { background: rgba(24,74,90,.32); color: #1E2A45; border-color: rgba(24,74,90,.22); --wf-divider:#7099A3; }
#s9 .wf-stage--adoption { background: rgba(159,183,200,.32); color: #1E2A45; --wf-divider:#9FB7C8; }
#s9 .wf-stage-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
#s9 .wf-icon { display: block; flex: none; width: 40px; height: 40px; opacity:1; }
#s9 .wf-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-family: 'Inter',system-ui,sans-serif;
  font-size: 14px;
  font-weight: 500;
}
#s9 .wf-stage h4,#s9 .wf-outcome h4 {
  margin: 0 0 10px;
  font-family: 'Fraunces',Georgia,serif;
  font-size: 20px;
  font-weight:500;
  line-height: 1.35;
  color: inherit;
}
#s9 .wf-stage p,#s9 .wf-outcome p { margin: 0; font-size: 16px; line-height: 1.6; color: inherit; }
#s9 .wf-stage .wf-principle { font-weight:500; min-height:4.65em; margin-bottom:16px; }
#s9 .wf-stage .wf-case-question { padding-top:16px; border-top:1px solid var(--wf-divider); }
#s9 .wf-connector {
  position: absolute;
  right: -31px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 24px;
  color: #1E2A45;
  transform: translateY(-50%);
}
#s9 .wf-connector svg { display: block; width: 28px; height: 16px; }
#s9 .wf-outcome {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-top: 30px;
  padding: 24px;
  border: 1px solid rgba(24,74,90,.22);
  border-radius: 14px;
  background: rgba(24,74,90,.32);
  color: #1E2A45;
}
#s9 .wf-outcome::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -31px;
  height: 30px;
  border-left: 2px dashed rgba(24,74,90,.3);
}
#s9 .wf-outcome-icon { flex: none; display: grid; place-items: center; width: 42px; height: 42px; background: rgba(199,211,195,.32); color: #184A5A; border-radius: 50%; }
#s9 .wf-outcome-icon svg { width: 24px; height: 24px; }
#s9 .wf-outcome-copy { min-width: 0; }
#s9 .wf-outcome h4 { color: #9FB7C8; }
@media (hover:hover) {
  #s9 .wf-stage:hover { transform: translateY(-3px); box-shadow: 0 8px 16px rgba(30,42,69,.07); }
}
@media (prefers-reduced-motion:no-preference) {
  #s9 .wf-connector svg { animation: stratri-workflow-signal 2.8s ease-in-out infinite; }
  #s9 .wf-stage:nth-child(2) .wf-connector svg { animation-delay: .5s; }
}
@keyframes stratri-workflow-signal { 0%,100% { opacity:.55; } 50% { opacity:1; } }
@media (max-width:900px) {
  #s9 .wf-stages { grid-template-columns: 1fr; gap: 32px; }
  #s9 .wf-stage { padding: 22px; }
  #s9 .wf-stage-head { margin-bottom: 12px; }
  #s9 .wf-stage .wf-principle { min-height:0; }
  #s9 .wf-connector { right: auto; left: 50%; top: auto; bottom: -29px; transform: translateX(-50%) rotate(90deg); }
  #s9 .wf-outcome { padding: 20px; gap: 14px; }
}
@media (prefers-reduced-motion:reduce) {
  #s9 .wf-stage { transition: none; }
  #s9 .wf-stage:hover { transform: none; }
}