/* Small, contextual versions of the hero's ask-then-action demonstration. */
.boss-use-case .ind-priority-visual { min-width:0; }
.agency-workflow { container-type:inline-size; border:1px solid #9ccbd7; border-radius:18px; padding:12px; background:radial-gradient(ellipse at 12% 0%,#edf9fb,transparent 65%),linear-gradient(135deg,#d9f0f4,#afdfe7); box-shadow:0 18px 48px -30px #253c5455; color:#182c3d; font-weight:400; }
.agency-workflow-top { display:flex; align-items:center; justify-content:space-between; height:30px; margin:0 2px 10px; font-size:10px; color:#253c54; }
.agency-workflow-top>span { display:flex; align-items:center; gap:7px; font-weight:500; }
.agency-workflow-top i { width:5px; height:5px; background:#329aaa; border-radius:50%; }
.agency-workflow-top button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid #9fcad4; border-radius:50%; background:#ffffffb5; color:#253c54; cursor:pointer; }
.agency-workflow-top button[hidden] { display:none; }
.agency-workflow-top button:hover { background:#fff; }
.boss-use-case .agency-workflow-top button:focus-visible { outline:2px solid #338798!important; outline-offset:3px; }
.agency-workflow-top svg { width:14px; height:14px; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.workflow-play-icon { display:none; }
.agency-workflow-top [aria-pressed=true] .workflow-play-icon { display:block; }
.agency-workflow-top [aria-pressed=true] .workflow-pause-icon { display:none; }
.agency-workflow-app { overflow:hidden; border-radius:11px; border:1px solid #c2dce5; background:#fff; box-shadow:0 5px 16px -12px #253c5450; }
.agency-workflow-nav { display:flex; align-items:center; gap:18px; padding:14px 16px; border-bottom:1px solid #e0edf1; font-size:10px; color:#253c54; }
.agency-workflow-nav>img:first-child { width:65px; height:auto; }
.agency-workflow-search { margin-left:auto; color:#70838f; font-size:8px; }
.agency-workflow-avatar { width:24px; height:24px; object-fit:cover; border-radius:50%; flex:none; }
.agency-workflow-body { padding:20px 17px 17px; }
.agency-workflow-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:19px; }
.agency-workflow-title>strong { color:#000; font-size:15px; font-weight:500; letter-spacing:-.025em; }
.agency-workflow-title>span { white-space:nowrap; font-size:9px; color:#506c7a; }
.agency-flow-board { display:grid; grid-template-columns:1fr 1fr; gap:12px; position:relative; }
.agency-flow-column { min-height:250px; padding:10px; background:#f1f7f9; border-radius:8px; }
.agency-flow-column>span { display:flex; justify-content:space-between; font-size:9px; font-weight:500; color:#375668; }
.agency-flow-column b { font-weight:400; color:#6c8796; }
.agency-flow-ghost { margin-top:181px; font-size:9px; display:grid; gap:4px; padding:0 3px; color:#6e8693; }
.agency-flow-ghost strong { font-weight:400; }
.agency-flow-ghost small { font-size:8px; opacity:.8; }
.agency-flow-task { position:absolute; top:34px; left:0; width:calc(50% - 6px); padding:14px 12px 12px; border:1px solid #b9dce5; border-radius:9px; background:#fff; box-shadow:0 8px 17px -10px #253c5460; transform:translateX(calc(100% + 12px)); transition:transform .75s cubic-bezier(.22,.65,.3,1),border-color .5s,box-shadow .5s; z-index:1; }
.agency-flow-task-tag { font-size:8px; color:#338697; letter-spacing:.03em; }
.boss-use-case .agency-flow-task h4 { font-size:18px; line-height:1.2; font-weight:500; color:#000; margin:7px 0; letter-spacing:-.03em; }
.agency-flow-task>p { font-size:9px; line-height:1.5; color:#516b7b; margin:0 0 13px; }
.agency-flow-task-meta { display:flex; justify-content:space-between; align-items:center; gap:7px; font-size:8px; }
.agency-flow-owner { display:flex; align-items:center; gap:5px; }
.agency-flow-owner img { width:21px; height:21px; transition:opacity .3s; }
.agency-flow-task-checks { display:flex; align-items:center; justify-content:space-between; gap:5px; font-size:8px; line-height:1.5; padding-top:10px; margin-top:10px; border-top:1px solid #e2edf1; color:#447a8a; }
.agency-workflow.is-enhanced:not([data-workflow-stage=complete]) .agency-flow-task { transform:translateX(0); box-shadow:0 5px 12px -9px #253c5440; }
.agency-workflow.is-enhanced:not([data-workflow-stage=complete]) .agency-flow-owner img { opacity:0; }
.agency-workflow[data-workflow-stage=complete] .agency-flow-task { border-color:#5bb1c1; }
.agency-flow-calendar { margin-top:7px; }
.agency-flow-calendar-head,.agency-flow-calendar-row { display:grid; grid-template-columns:84px repeat(5,minmax(0,1fr)); gap:6px; align-items:center; }
.agency-flow-calendar-head { margin-bottom:11px; color:#607b8c; font-size:8px; text-align:center; }
.agency-flow-calendar-head>span:first-child { text-align:left; }
.agency-flow-calendar-row { margin-bottom:9px; }
.agency-flow-person { display:flex; align-items:center; gap:7px; font-size:10px; }
.agency-flow-calendar-row>span:not(:first-child) { display:grid; place-items:center; height:32px; border-radius:5px; font-size:8px; }
.agency-flow-calendar-row .is-available { color:#8db5c1; background:#f0f7f9; }
.agency-flow-calendar-row .is-away { color:#8b6531; background:#f6edda; }
.agency-flow-new-booking { background:#253c54; color:#fff; transition:background .4s,color .4s,box-shadow .4s; box-shadow:0 2px 8px #253c5430; }
.agency-workflow.is-enhanced:not([data-workflow-stage=complete]) .agency-flow-new-booking { background:#f0f7f9; color:#6896a3; box-shadow:none; }
.agency-flow-handoff { display:flex; flex-wrap:wrap; justify-content:space-between; gap:11px; margin-top:18px; padding:13px 14px; border:1px solid #9dceda; border-radius:8px; background:#f2fafb; transition:background .4s,border-color .4s; }
.agency-flow-handoff>div:first-child { display:grid; gap:4px; }
.agency-flow-handoff small { font-size:8px; color:#5e7b8a; }
.agency-flow-handoff strong { font-size:12px; font-weight:500; }
.agency-flow-handoff-owner { display:flex; align-items:center; gap:10px; font-size:10px; color:#253c54; }
.agency-flow-handoff-owner>span:first-child { padding:5px 8px; background:#d8edf3; border-radius:4px; }
.agency-flow-handoff-done { width:100%; font-size:9px; color:#397b87; }
.agency-workflow.is-enhanced:not([data-workflow-stage=complete]) .agency-flow-handoff { border-color:#dde8ec; background:#fff; }
.agency-flow-budget-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:26px 0 23px; }
.agency-flow-budget-stats>div { display:grid; gap:10px; }
.agency-flow-budget-stats small { font-size:9px; color:#5d7585; }
.agency-flow-budget-stats strong { font-size:27px; letter-spacing:-.045em; font-weight:500; font-variant-numeric:tabular-nums; color:#253c54; }
.agency-flow-budget-stats .agency-flow-spend strong { color:#218b9d; }
.agency-flow-budget-meter { height:8px; border-radius:10px; overflow:hidden; background:#e5f0f4; }
.agency-flow-budget-meter>span { display:block; height:100%; width:var(--workflow-progress,50%); border-radius:10px; background:linear-gradient(90deg,#6bd2dd,#279bad); transition:width 1s cubic-bezier(.2,.6,.3,1); }
.agency-workflow.is-enhanced:not([data-workflow-stage=complete]) .agency-flow-budget-meter>span { width:0; }
.agency-flow-budget-label { display:flex; justify-content:space-between; font-size:9px; color:#5b7584; margin-top:9px; }
.agency-flow-budget-label strong { font-weight:500; color:#253c54; }
.agency-flow-expense { display:flex; align-items:center; gap:10px; border:1px solid #bcdae3; background:#f5fbfc; border-radius:7px; padding:14px 12px; margin-top:22px; opacity:1; transform:translateY(0); transition:opacity .45s,transform .45s; }
.agency-flow-expense-icon { display:grid; place-items:center; width:28px; height:31px; border:1px solid #c4e1e8; background:#fff; border-radius:5px; color:#308293; font-size:15px; }
.agency-flow-expense>div { display:grid; gap:5px; }
.agency-flow-expense>div:last-child { margin-left:auto; text-align:right; }
.agency-flow-expense strong { font-size:11px; font-weight:500; }
.agency-flow-expense small { font-size:8px; color:#617d8c; }
.agency-flow-expense .agency-flow-expense-status { color:#257b69; }
.agency-workflow.is-enhanced:not([data-workflow-stage=complete]) .agency-flow-expense { opacity:.2; transform:translateY(6px); }
.agency-flow-budget-note { font-size:9px; color:#5c7482; line-height:1.5; margin:14px 0 0; }
.agency-workflow-agent { position:relative; margin:12px 5px 2px; padding:15px 17px 13px; border:1px solid #c3dce4; border-radius:11px; background:#fffffff5; box-shadow:0 9px 23px -15px #253c5460; }
.agency-workflow-agent-label { display:flex; align-items:center; gap:8px; font-size:11px; color:#172b39; }
.agency-workflow-agent-label img { width:18px; height:18px; }
.agency-workflow-agent-label strong { font-weight:500; }
.agency-workflow-agent-label>span { margin-left:auto; font-size:8px; color:#74909e; }
.agency-workflow-prompt { margin:12px 0 0; padding:11px 13px; background:#f0f2f3; border-radius:9px 9px 2px 9px; color:#263b48; font-size:12px; line-height:1.65; min-height:63px; }
.agency-workflow[data-workflow-stage=typing] [data-workflow-prompt]:after { content:''; display:inline-block; height:11px; width:1px; background:#253c54; margin-left:2px; vertical-align:-1px; animation:agency-workflow-caret .6s steps(2,end) infinite; }
.agency-workflow-response { display:grid; align-items:center; min-height:37px; padding-top:10px; }
.agency-workflow-thinking,.agency-workflow-reply { grid-area:1/1; font-size:11px; line-height:1.55; margin:0; color:#3a596b; }
.agency-workflow-reply { display:flex; align-items:flex-start; gap:6px; transition:opacity .35s,transform .35s; }
.agency-workflow-reply>span { color:#208674; }
.agency-workflow-thinking { visibility:hidden; }
.agency-workflow.is-enhanced:not([data-workflow-stage=complete]) .agency-workflow-reply { opacity:0; transform:translateY(3px); }
.agency-workflow[data-workflow-stage=working] .agency-workflow-thinking { visibility:visible; }
@keyframes agency-workflow-caret { 50% { opacity:0; } }
@container(max-width:420px) {
  .agency-workflow-nav { gap:12px; padding:12px; }
  .agency-workflow-search { font-size:7px; }
  .agency-workflow-body { padding:17px 12px 14px; }
  .agency-workflow-title>strong { font-size:14px; }
  .agency-workflow-title>span { font-size:8px; }
  .boss-use-case .agency-flow-task h4 { font-size:15px; }
  .agency-flow-task { padding:12px 10px; }
  .agency-flow-column { min-height:276px; }
  .agency-flow-ghost { margin-top:207px; }
  .agency-flow-task-meta { flex-wrap:wrap; gap:6px; }
  .agency-flow-task-checks>span { display:none; }
  .agency-flow-calendar-head,.agency-flow-calendar-row { grid-template-columns:65px repeat(5,minmax(0,1fr)); gap:4px; }
  .agency-flow-person { gap:5px; font-size:9px; }
  .agency-flow-person img { width:20px; height:20px; }
  .agency-flow-calendar-row>span:not(:first-child) { font-size:7px; }
  .agency-flow-budget-stats { gap:9px; }
  .agency-flow-budget-stats strong { font-size:23px; }
  .agency-flow-budget-stats small { font-size:8px; }
  .agency-workflow-agent { padding:14px 12px 12px; margin-inline:0; }
  .agency-workflow-prompt { min-height:83px; }
  .agency-workflow-response { min-height:46px; }
}
@media(prefers-reduced-motion:reduce) { .agency-workflow * { transition:none!important; animation:none!important; } }
.industry-workflow-record { min-height:230px; padding:18px; border:1px solid #c4dfe7; border-radius:9px; background:#f8fcfd; }
.industry-workflow-record-top { display:flex; justify-content:space-between; gap:12px; font-size:10px; color:#4e7081; }
.industry-workflow-record-amount { display:block; margin:23px 0 12px; font-size:34px; font-weight:500; letter-spacing:-.035em; }
.industry-workflow-record>p { margin:12px 0; font-size:12px; line-height:1.75; }
.boss-use-case .industry-workflow-record h4 { font-size:23px; line-height:1.25; margin:24px 0 14px; }
.agency-workflow.is-enhanced:not([data-workflow-stage=complete]) .agency-flow-handoff-done { visibility:hidden; }