/* Text-led application explorer. */
.timeline-pill {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 6px 14px;
  border: 1px solid #dcdcf1;
  border-radius: 999px;
  background: #eae9fc;
  color: #373db0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}
.workflows{background:#f7f7fb}
.workflows .section-intro{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:48px}
.workflows .section-intro>p{max-width:630px;font-size:18px;line-height:1.8}
.workflow-explorer{grid-template-columns:minmax(230px,.8fr) minmax(0,1.65fr);gap:56px;align-items:start}
.workflow-tabs{padding-top:0}
.workflow-tabs button,.workflow-tabs button:first-child{border-top:0;padding:24px 14px 24px 0;gap:18px;transition:color .18s,background .18s,padding .18s}
.workflow-tabs button>span:nth-child(2){font-size:17px;line-height:1.5}
.workflow-tabs button[aria-selected=true]{padding-left:18px;background:#eae9fc;border-radius:8px;color:#373db0;box-shadow:inset 3px 0 #5860eb}
.workflow-tabs button[aria-selected=true] .tab-number{color:#4b5df5}
.workflow-tabs .tab-number{font-size:11px}
.workflow-panel{padding:36px 40px;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e1e1ec;box-shadow:none;min-height:0}
.workflow-visual{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid #e9e9f1}
.workflow-endpoint{display:flex;flex-direction:column;gap:8px;color:#62697c;font-size:18px;line-height:1.5}
.workflow-endpoint small{font:10px/1.5 var(--mono);letter-spacing:.12em;color:#7a8093}
.workflow-result{border-left:1px solid #e9e9f1;padding-left:28px;color:#4f50c9}
.workflow-result small{color:#6465b8}
.workflow-copy h3{font-size:34px;line-height:1.2;max-width:570px;margin-bottom:20px;letter-spacing:-.035em}
.workflow-copy p{font-size:16px;line-height:1.85;color:var(--muted);margin:0}
.workflow-panel .mini-flow{grid-template-columns:1fr 1fr;margin:30px 0;padding:0;gap:18px 24px}
.workflow-panel .mini-flow li{padding:0;border:0;border-radius:0;background:transparent;font-size:13px;line-height:1.6;display:flex;align-items:baseline;gap:12px;color:#535d73}
.workflow-panel .mini-flow li:before{font-size:10px;color:#7776bc;flex-shrink:0}
.workflow-panel .measure{margin-top:auto;padding-top:20px;border-top:1px solid #e9e9f1}
.workflow-panel .measure .mono{font-family:inherit;font-size:14px;font-weight:600;letter-spacing:0;color:var(--ink)}
.workflow-panel .measure p{font-size:15px;line-height:1.7;margin-top:8px}
@media(hover:hover) and (pointer:fine){.workflow-tabs button:hover{color:#373db0;background:#eeedfb}}
@media(min-width:801px){.workflow-tabs{position:sticky;top:108px}}
@media(max-width:1100px) and (min-width:801px){.workflow-explorer{grid-template-columns:240px minmax(0,1fr);gap:28px}.workflow-panel{padding:30px}.workflow-copy h3{font-size:30px}.workflow-tabs button>span:nth-child(2){font-size:15px}}
@media(max-width:800px){
 .workflows .section-intro{margin-bottom:34px;gap:20px}
 .workflows .section-intro>p{font-size:17px}
 .workflow-explorer{display:block}
 .workflow-tabs{display:flex;gap:0;padding:0}
 .workflow-tabs button,.workflow-tabs button:first-child{padding:22px 12px;gap:12px;align-items:center}
 .workflow-tabs button>span:nth-child(2){font-size:16px}
 .workflow-tabs button[aria-expanded=true]{background:#eae9fc;color:#373db0;box-shadow:inset 3px 0 #5860eb;border-radius:8px 8px 0 0}
 .workflow-tabs .tab-number{display:block;padding:0}
 .workflow-tabs .workflow-panel{padding:26px 24px;border-radius:0 0 12px 12px;margin-bottom:18px;min-height:0}
 .workflow-visual{gap:18px;padding-bottom:22px;margin-bottom:24px}
 .workflow-endpoint{font-size:16px;gap:7px}
 .workflow-result{padding-left:18px}
 .workflow-copy h3{font-size:28px}
 .workflow-copy p{font-size:16px;line-height:1.8}
 .workflow-panel .mini-flow{gap:18px;margin:26px 0}
 .workflow-panel .mini-flow li{font-size:12px;gap:9px}
}
@media(prefers-reduced-motion:reduce){.workflow-tabs button{transition:none}}