.visual-schema{
  margin:34px 0;
  padding:26px;
  border:1px solid rgba(16,19,34,.08);
  border-radius:28px;
  background:
    linear-gradient(135deg,rgba(255,199,0,.10),rgba(255,77,166,.08),rgba(91,61,255,.10)),
    #fff;
  box-shadow:0 18px 46px rgba(16,19,34,.075);
}
.schema-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:10px;
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  color:#5B3DFF;
  font-size:12px;
  font-weight:900;
}
.schema-title{
  display:block;
  color:#101322;
  font-size:23px;
  line-height:1.12;
  letter-spacing:-.5px;
  margin-bottom:8px;
}
.schema-copy{
  margin:0;
  color:#667085;
  font-size:15px;
  line-height:1.55;
}
.flow-steps,.tool-chain,.roi-grid,.agent-map{
  display:grid;
  gap:12px;
  margin-top:20px;
}
.flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.flow-step,.tool-box,.roi-card,.agent-lane,.matrix-cell,.timeline-step{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(16,19,34,.08);
  border-radius:20px;
  padding:16px;
}
.flow-step span,.timeline-step span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  margin-bottom:10px;
  border-radius:10px;
  background:linear-gradient(135deg,#FF8A00,#FF4DA6,#5B3DFF);
  color:#fff;
  font-size:13px;
  font-weight:950;
}
.flow-step strong,.tool-box strong,.roi-card strong,.agent-lane strong,.matrix-cell strong,.timeline-step strong{
  display:block;
  color:#101322;
  font-size:15px;
  line-height:1.25;
  margin-bottom:6px;
}
.flow-step p,.tool-box p,.roi-card p,.agent-lane p,.matrix-cell p,.timeline-step p{
  margin:0;
  color:#667085;
  font-size:14px;
  line-height:1.45;
}
.decision-matrix{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}
.matrix-cell.best{
  background:linear-gradient(135deg,#FF8A00,#FF4DA6,#5B3DFF);
  border-color:transparent;
}
.matrix-cell.best strong,.matrix-cell.best p{color:#fff}
.matrix-cell.muted{background:#FAFAFC}
.tool-chain{grid-template-columns:repeat(4,minmax(0,1fr))}
.tool-box.highlight{
  background:#101322;
  border-color:#101322;
}
.tool-box.highlight strong{color:#fff}
.tool-box.highlight p{color:rgba(255,255,255,.72)}
.roi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.roi-card{
  min-height:130px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.roi-card em{
  color:#5B3DFF;
  font-style:normal;
  font-size:24px;
  font-weight:950;
  letter-spacing:-.7px;
}
.timeline-visual{
  display:grid;
  gap:12px;
  margin-top:20px;
}
.timeline-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:14px;
  align-items:start;
}
.timeline-step span{margin-bottom:0}
.agent-map{grid-template-columns:repeat(3,minmax(0,1fr))}
.agent-lane{
  min-height:158px;
  background:#fff;
}
.agent-lane ul{
  margin:10px 0 0;
  padding-left:18px;
}
.agent-lane li{
  color:#667085;
  font-size:14px;
  line-height:1.42;
}
@media(max-width:760px){
  .visual-schema{padding:20px;border-radius:24px}
  .flow-steps,.tool-chain,.roi-grid,.agent-map,.decision-matrix{grid-template-columns:1fr}
  .schema-title{font-size:21px}
  .roi-card{min-height:auto;gap:12px}
}