/* Scoped component styles copied from deployed Fire Safety reference. */
.mt-fire-workspace{
  --blue: #2563EB;
  --deep: #1E40AF;
  --navy: #123FA9;
  --yellow: #FBBF24;
  --yellow2: #D89B00;
  --amber: #7A5600;
  --alert: #E5483A;
  --alert-soft: #FDEBE8;
  --ok: #0E7C58;
  --ok-soft: #E3F6EF;
  --gate: #8A6100;
  --gate-soft: #FFF6D9;
  --white: #FFFFFF;
  --soft: #F1F5F9;
  --sec: #E2E8F0;
  --ink: #0F172A;
  --body: #374151;
  --muted: #5B6475;
  --lightblue: #F8FBFF;
  --paleblue: #EEF5FF;
  --line: rgba(37, 99, 235, .14);
  --line2: rgba(37, 99, 235, .10);
  --line3: rgba(37, 99, 235, .28);
  --sh1: 0 16px 40px rgba(15, 23, 42, .06);
  --sh2: 0 18px 50px rgba(37, 99, 235, .12);
  --sh3: 0 30px 60px -24px rgba(37, 99, 235, .45);
  --shbtn: 0 12px 24px rgba(37, 99, 235, .18);
  --wrap: 1280px;
  --sans: "Manrope", "Inter Tight", "DM Sans", Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --disp: "Inter Tight", "Manrope", Inter, system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: light;
}
.mt-fire-workspace .lu{
  flex: none;
  display: inline-block;
  vertical-align: middle
}
.mt-fire-workspace .fs-band-blue .fs-filters button .lu,.mt-fire-workspace .fs-band-blue .fs-tabs button .lu{
  color: #BFD4FF
}
.mt-fire-workspace .fs-band-blue .fs-filters button[aria-pressed="true"] .lu,.mt-fire-workspace .fs-band-blue .fs-tabs button[aria-selected="true"] .lu{
  color: #5B4100
}
.mt-fire-workspace .fs-hero-workspace{
  position: relative;
  max-width: 1120px;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid rgba(37, 99, 235, .22);
  border-radius: 28px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 30px 80px rgba(15, 39, 91, .14), inset 0 1px 0 #fff
}
.mt-fire-workspace .fs-hero-workspace::before{
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 140px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(238, 245, 255, .92), rgba(255, 255, 255, 0))
}
.mt-fire-workspace .fs-hero-workspace-head{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 24px 15px;
  border-bottom: 1px solid var(--line)
}
.mt-fire-workspace .fs-hero-workspace-brand{
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font: 900 13px/1.2 var(--disp);
  color: var(--ink)
}
.mt-fire-workspace .fs-hero-workspace-brand img{
  width: 24px;
  height: 26px;
  object-fit: contain
}
.mt-fire-workspace .fs-hero-workspace-context{
  font: 800 10.5px/1.2 var(--sans);
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--muted)
}
.mt-fire-workspace .fs-hero-stagebar{
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  background: rgba(248, 251, 255, .72)
}
.mt-fire-workspace .fs-hero-stagebar li{
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 16px 12px;
  color: var(--muted)
}
.mt-fire-workspace .fs-hero-stagebar li:not(:last-child)::after{
  content: "";
  position: absolute;
  top: 50%;
  right: -3px;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid rgba(37, 99, 235, .28);
  border-right: 1.5px solid rgba(37, 99, 235, .28);
  transform: translateY(-50%) rotate(45deg)
}
.mt-fire-workspace .fs-hero-stagebar li>svg{
  flex: none;
  color: var(--blue)
}
.mt-fire-workspace .fs-hero-stagebar li span{
  display: grid;
  gap: 3px;
  min-width: 0;
  font: 800 12px/1.2 var(--sans);
  color: var(--ink)
}
.mt-fire-workspace .fs-hero-stagebar li small{
  font: 800 9px/1 var(--mono);
  letter-spacing: .08em;
  color: var(--muted)
}
.mt-fire-workspace .fs-hero-stagebar .is-gate{
  margin: 8px 0;
  padding: 8px 12px;
  border: 1px solid rgba(251, 191, 36, .44);
  border-radius: 12px;
  background: var(--gate-soft)
}
.mt-fire-workspace .fs-hero-stagebar .is-gate>svg{
  color: var(--gate)
}
.mt-fire-workspace .fs-hero-stagebar .is-security>svg{
  color: var(--blue)
}
.mt-fire-workspace .fs-hero-console-frame{
  position: relative;
  z-index: 1;
  padding: 24px
}
.mt-fire-workspace .fs-hero-console-frame .fs-run{
  border-radius: 18px;
  box-shadow: 0 18px 48px rgba(15, 39, 91, .10)
}
.mt-fire-workspace .fs-hero-gate-note{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 24px 24px;
  padding: 14px 16px;
  border: 1px solid rgba(251, 191, 36, .34);
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(255, 246, 217, .9), rgba(255, 255, 255, .95));
  color: var(--body)
}
.mt-fire-workspace .fs-hero-gate-note>span{
  display: grid;
  flex: none;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 10px;
  color: var(--gate);
  background: rgba(251, 191, 36, .2)
}
.mt-fire-workspace .fs-hero-gate-note p{
  font: 650 13.5px/1.5 var(--sans)
}
.mt-fire-workspace .fs-hero-gate-note strong{
  color: var(--ink)
}
.mt-fire-workspace .fs-proof .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-kv dt .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-hero-metrics dt .lu{
  flex: 0 0 auto;
  color: var(--blue)
}
.mt-fire-workspace .fs-strip li .lu{
  color: #BFD4FF
}
.mt-fire-workspace .fs-chip .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-chip--ok .lu{
  color: var(--ok)
}
.mt-fire-workspace .fs-stage-workflows a>span .lu{
  flex: none;
  margin-top: 1px;
  color: var(--blue)
}
.mt-fire-workspace .fs-stage-workflows a>.lu{
  color: rgba(37, 99, 235, .52)
}
.mt-fire-workspace .fs-lifecycle-rule .lu{
  flex: none
}
.mt-fire-workspace .fs-kathir-cta-actions span .lu{
  flex: none;
  color: var(--blue)
}
.mt-fire-workspace .fs-quote>.lu{
  position: absolute;
  left: 30px;
  top: 30px;
  color: var(--yellow2)
}
.mt-fire-workspace .fs-choice-t .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-run{
  background: #fff;
  border: 1px solid var(--line3);
  border-radius: 22px;
  box-shadow: var(--sh3);
  overflow: hidden
}
.mt-fire-workspace .fs-run-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--line);
  background: var(--lightblue)
}
.mt-fire-workspace .fs-run-top strong{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: 800 14px/1.2 var(--disp);
  color: var(--ink)
}
.mt-fire-workspace .fs-run-top strong .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-live{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: 700 12.5px/1 var(--sans);
  color: var(--muted);
  white-space: nowrap
}
.mt-fire-workspace .fs-live::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ok);
  box-shadow: 0 0 0 4px var(--ok-soft)
}
.mt-fire-workspace .fs-live--gate::before{
  background: var(--yellow);
  box-shadow: 0 0 0 4px var(--gate-soft)
}
.mt-fire-workspace .fs-run-body{
  padding: 18px 20px
}
.mt-fire-workspace .fs-brief{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  background: var(--lightblue);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 13px 15px;
  margin-bottom: 14px
}
.mt-fire-workspace .fs-brief-av{
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--alert-soft);
  color: var(--alert)
}
.mt-fire-workspace .fs-brief p{
  font: 600 14.5px/1.5 var(--sans);
  color: var(--ink);
  min-height: 3em
}
.mt-fire-workspace .fs-brief-who{
  display: block;
  font: 800 10.5px/1.3 var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 3px
}
.mt-fire-workspace .fs-caret{
  display: none;
  width: 2px;
  height: 1em;
  background: var(--blue);
  vertical-align: -2px;
  margin-left: 1px;
  animation: fsBlink 1s steps(1) infinite
}
.mt-fire-workspace .fs-run.is-typing .fs-caret{
  display: inline-block
}
.mt-fire-workspace .fs-agents{
  display: grid;
  gap: 5px
}
.mt-fire-workspace .fs-agents li{
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 11px;
  border: 1px solid transparent;
  transition: background 0.204s, border-color 0.204s
}
.mt-fire-workspace .fs-agent-ic{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--lightblue);
  color: var(--muted);
  transition: background 0.204s, color 0.204s
}
.mt-fire-workspace .fs-agents b{
  display: block;
  font: 800 13.5px/1.25 var(--sans);
  color: var(--ink)
}
.mt-fire-workspace .fs-agents small{
  display: block;
  font: 600 12px/1.35 var(--sans);
  color: var(--muted)
}
.mt-fire-workspace .fs-agent-st{
  font: 700 12px/1 var(--sans);
  color: var(--muted);
  white-space: nowrap
}
.mt-fire-workspace .fs-agent-st>span{
  display: none;
  align-items: center;
  gap: 6px
}
.mt-fire-workspace .fs-agents .is-queued .st-q,.mt-fire-workspace .fs-agents .is-running .st-r,.mt-fire-workspace .fs-agents .is-done .st-d,.mt-fire-workspace .fs-agents .is-gate .st-g{
  display: inline-flex
}
.mt-fire-workspace .fs-agents .is-queued{
  opacity: .6
}
.mt-fire-workspace .fs-agents .is-running{
  background: var(--lightblue);
  border-color: var(--line)
}
.mt-fire-workspace .fs-agents .is-running .fs-agent-ic{
  background: var(--blue);
  color: #fff
}
.mt-fire-workspace .fs-agents .is-done .fs-agent-ic{
  background: var(--ok-soft);
  color: var(--ok)
}
.mt-fire-workspace .fs-agents .is-done .fs-agent-st{
  color: var(--ok)
}
.mt-fire-workspace .fs-agents .is-gate{
  background: var(--gate-soft);
  border-color: rgba(251, 191, 36, .5)
}
.mt-fire-workspace .fs-agents .is-gate .fs-agent-ic{
  background: var(--yellow);
  color: #3D2B00
}
.mt-fire-workspace .fs-agents .is-gate .fs-agent-st{
  color: var(--gate)
}
.mt-fire-workspace .fs-spin{
  animation: fsSpin 1s linear infinite
}
.mt-fire-workspace .fs-run-foot{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 13px 20px;
  border-top: 1px solid var(--line);
  font: 700 12.5px/1.3 var(--sans);
  color: var(--muted)
}
.mt-fire-workspace .fs-run-bar{
  flex: 1;
  min-width: 80px;
  height: 6px;
  background: var(--paleblue);
  border-radius: 99px;
  overflow: hidden
}
.mt-fire-workspace .fs-run-bar span{
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--blue), var(--yellow));
  border-radius: 99px;
  transition: width 0.34s ease
}
.mt-fire-workspace .fs-filters button .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-filters button[aria-pressed="true"] .lu{
  color: var(--yellow)
}
.mt-fire-workspace .fs-uc-out .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-swipe .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-legend .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-flow .is-decision .fs-flow-dot .lu{
  position: relative
}
.mt-fire-workspace .fs-outlist .lu{
  color: var(--ok)
}
.mt-fire-workspace .fs-tabs button .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-cmp-task .lu{
  color: var(--blue)
}
.mt-fire-workspace .fs-cmp-old .lu{
  color: #C4CBD8;
  margin-top: 2px
}
.mt-fire-workspace .fs-cmp-new .lu{
  color: var(--ok);
  margin-top: 2px
}
.mt-fire-workspace .fs-mkt h3 .lu{
  color: var(--alert)
}
.mt-fire-workspace .fs-mkt dt .lu{
  color: var(--blue)
}
@media (max-width:860px){.mt-fire-workspace .fs-hero-stagebar{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 8px 12px
  }
.mt-fire-workspace .fs-hero-stagebar li{
    padding: 12px 10px
  }
.mt-fire-workspace .fs-hero-stagebar li::after{
    display: none
  }
.mt-fire-workspace .fs-hero-stagebar .is-gate{
    grid-column: auto;
    margin: 8px 0
  }
}
@media (max-width:640px){.mt-fire-workspace .fs-hero-workspace{
    border-radius: 20px
  }
.mt-fire-workspace .fs-hero-workspace-head{
    align-items: flex-start;
    padding: 15px 16px
  }
.mt-fire-workspace .fs-hero-workspace-context{
    max-width: 145px;
    text-align: right
  }
.mt-fire-workspace .fs-hero-stagebar{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px
  }
.mt-fire-workspace .fs-hero-stagebar .is-gate{
    grid-column: auto
  }
.mt-fire-workspace .fs-hero-console-frame{
    padding: 12px
  }
.mt-fire-workspace .fs-hero-gate-note{
    align-items: flex-start;
    margin: 0 12px 12px;
    padding: 12px
  }
.mt-fire-workspace .fs-quote>.lu{
    left: 18px;
    top: 24px
  }
.mt-fire-workspace .fs-agents small{
    display: none
  }
.mt-fire-workspace .fs-run-body{
    padding: 16px
  }
}
@keyframes fsFadeUp{
  from {
    opacity: 0;
    transform: translateY(26px)
  }

  to {
    opacity: 1;
    transform: translateY(0)
  }
}
@keyframes fsFloatSlow{

  0%,
  100% {
    transform: translate(0, 0) rotate(0deg)
  }

  33% {
    transform: translate(8px, -16px) rotate(3deg)
  }

  66% {
    transform: translate(-10px, 9px) rotate(-2.5deg)
  }
}
@keyframes fsShine{
  0% {
    transform: translateX(-130%) skewX(-18deg)
  }

  100% {
    transform: translateX(260%) skewX(-18deg)
  }
}
@keyframes fsGradientMove{
  0% {
    background-position: 0% 50%
  }

  50% {
    background-position: 100% 50%
  }

  100% {
    background-position: 0% 50%
  }
}
@keyframes fsSpin{
  to {
    transform: rotate(360deg)
  }
}
@keyframes fsBgDrift{
  from {
    background-position: 0 0, 14px 14px
  }

  to {
    background-position: 56px 56px, 70px 70px
  }
}
@keyframes fsPop{
  0% {
    transform: scale(.86);
    opacity: 0
  }

  70% {
    transform: scale(1.03)
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}
@keyframes fsBlink{
  50% {
    opacity: 0
  }
}
@keyframes fsFlowX{
  to {
    background-position: 14px 0
  }
}
@keyframes fsFlowY{
  to {
    background-position: 0 14px
  }
}
@keyframes fsFlowY11{
  to {
    background-position: 0 11px
  }
}
@keyframes fsDash{
  to {
    stroke-dashoffset: -18
  }
}
@keyframes fsPulseOk{

  0%,
  100% {
    box-shadow: 0 0 0 3px var(--ok-soft)
  }

  50% {
    box-shadow: 0 0 0 7px rgba(20, 150, 107, .08)
  }
}
@keyframes fsPulseGate{

  0%,
  100% {
    box-shadow: 0 0 0 3px var(--gate-soft)
  }

  50% {
    box-shadow: 0 0 0 7px rgba(251, 191, 36, .18)
  }
}
.mt-fire-workspace .fs-live::before{
  animation: fsPulseOk 2s ease-in-out infinite
}
.mt-fire-workspace .fs-live--gate::before{
  animation-name: fsPulseGate
}
.mt-fire-workspace .fs-agents .is-gate .fs-agent-ic{
  animation: fsPulseGate 2s ease-in-out infinite
}
.mt-fire-workspace .fs-btn .lu,.mt-fire-workspace .fs-uc-go .lu{
  transition: transform .25s ease
}
.mt-fire-workspace .fs-btn:hover .lu:last-child,.mt-fire-workspace .fs-uc:hover .fs-uc-go .lu{
  transform: translateX(3px)
}
@keyframes fsAgencyScroll{
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(calc(-50% - 9px))
  }
}

.mt-fire-workspace{max-width:1100px;margin:24px auto 0;color:var(--body);font-family:var(--sans)}
.mt-fire-workspace ul,.mt-fire-workspace ol{list-style:none;margin:0}
.mt-fire-workspace .fs-hero-stagebar{margin:0}
.mt-fire-workspace .fs-agents{padding:0}
.mt-fire-workspace .fs-agents li>div{flex:1;min-width:0}
.mt-fire-workspace .fs-agent-st{margin-left:auto}
.mt-fire-workspace .lu{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
body.mt-page .mt-main.mt-main.mt-main.mt-main .mt-fire-workspace .fs-brief p,body.mt-page .mt-main.mt-main.mt-main.mt-main .mt-fire-workspace .fs-hero-gate-note p{font-size:16px!important;line-height:1.5!important}
.mt-fire-workspace .fs-hero-workspace-brand img{width:24px!important;height:26px!important;max-width:24px!important}
.mt-fire-workspace .fs-agents li b{font-size:16px;line-height:1.4;display:block}
.mt-fire-workspace .fs-agents li small{font-size:14px;line-height:1.4;display:block}
@media(max-width:650px){.mt-fire-workspace .fs-hero-stagebar{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 8px}.mt-fire-workspace .fs-hero-stagebar li{padding:10px 4px;gap:6px}.mt-fire-workspace .fs-hero-stagebar li span{font-size:11px}.mt-fire-workspace .fs-hero-console-frame{padding:12px}.mt-fire-workspace .fs-hero-gate-note{margin:0 12px 12px;padding:12px}.mt-fire-workspace .fs-run-body{padding:14px}.mt-fire-workspace .fs-brief{padding:12px}.mt-fire-workspace .fs-agents li{gap:10px;padding:10px 0}.mt-fire-workspace .fs-agent-st{font-size:11px}.mt-fire-workspace .fs-hero-workspace-context{font-size:10px}.mt-fire-workspace .fs-run-foot{padding:12px;flex-wrap:wrap}.mt-fire-workspace .fs-run-bar{min-width:100%;height:5px}}
@media(prefers-reduced-motion:reduce){.mt-fire-workspace *{animation:none!important;transition:none!important}}