/* Meeting projection for the paired production workflow demo. */
:root{
  --deck-bg:#0b1117;
  --deck-ink:#f4f7f5;
  --deck-ink-dim:#a8b5ae;
  --deck-ink-faint:#718079;
  --deck-accent:#5eead4;
  --deck-card:#141d23;
  --deck-card-bd:#2b3a3d;
  --ts-accent:#5eead4;
  --ts-title:#f8faf9;
  --ts-sub:#c0cdc7;
  --fx-char-dur:820ms;
  --fx-stagger:42ms;
  --fx-bchar-dur:480ms;
  --fx-bstagger:13ms;
}

body,.slide{letter-spacing:0}

/* Standard title variant: renderer owns the grid and word wrappers. */
.slide--variant-technical-grid{overflow:hidden}
.ts-stage{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#0b1117;
  font-family:var(--deck-font,"Segoe UI",system-ui,sans-serif);
}
.ts-grid{
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M60 0H0V60' fill='none' stroke='%235eead4' stroke-opacity='0.07' stroke-width='0.5'/%3E%3C/svg%3E");
  background-size:3.2cqw 3.2cqw;
}
.ts-lines{position:absolute;inset:0;width:100%;height:100%}
.ts-gl{stroke:var(--ts-accent);stroke-width:.5;opacity:0;stroke-dasharray:5 5;stroke-dashoffset:1000}
.slide.active .ts-gl{animation:demoGridDraw 1.8s ease-out forwards;animation-delay:var(--d,0s)}
@keyframes demoGridDraw{0%{stroke-dashoffset:1000;opacity:0}100%{stroke-dashoffset:0;opacity:var(--op,.15)}}
.ts-dot{fill:var(--ts-accent);opacity:0}
.slide.active .ts-dot{animation:demoPulse 2.8s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes demoPulse{0%,100%{opacity:.1}50%{opacity:.35}}
.ts-corner{
  position:absolute;
  width:2.9cqw;
  height:2.9cqw;
  border:1px solid rgba(94,234,212,.22);
  opacity:0;
}
.ts-corner::before{content:"";position:absolute;width:.55cqw;height:.55cqw;background:#f59e0b;border-radius:50%}
.ts-corner--tl{top:4.5cqh;left:3cqw}.ts-corner--tl::before{top:0;left:0}
.ts-corner--tr{top:4.5cqh;right:3cqw}.ts-corner--tr::before{top:0;right:0}
.ts-corner--bl{bottom:4.5cqh;left:3cqw}.ts-corner--bl::before{bottom:0;left:0}
.ts-corner--br{right:3cqw;bottom:4.5cqh}.ts-corner--br::before{right:0;bottom:0}
.slide.active .ts-corner{animation:demoWordAppear .8s ease-out forwards;animation-delay:var(--d,0s)}
.ts-float{position:absolute;width:.18cqw;height:.18cqw;min-width:2px;min-height:2px;background:#f59e0b;border-radius:50%;opacity:0}
.slide.active .ts-float{animation:demoFloat 4s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes demoFloat{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(5px,-10px);opacity:.75}}
.ts-flow{
  position:absolute;
  inset:0;
  z-index:10;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  padding:10cqh 8cqw;
  text-align:center;
}
.ts-eyebrow,.ts-footer{margin:0;color:var(--ts-accent);font-size:1.15cqw;font-weight:400;letter-spacing:0;text-transform:uppercase}
.ts-hr{width:8cqw;height:1px;margin:1.5cqh auto 0;background:var(--ts-accent);opacity:.3}
.ts-bot .ts-hr{margin:0 auto 1.5cqh}
.ts-mid{position:relative;max-width:80cqw}
.ts-title{position:relative;margin:0}
.ts-title-lead{display:block;color:var(--ts-title);font-size:5cqw;font-weight:200;line-height:1.08;letter-spacing:0}
.ts-title-sub{margin:3cqh 0 0;color:var(--ts-sub);font-size:2.45cqw;font-weight:300;line-height:1.4;letter-spacing:0}
.ts-title::after{content:"";position:absolute;bottom:-1.6cqh;left:0;width:0;height:1px;background:var(--ts-accent)}
.slide.active .ts-title::after{animation:demoUnderline 1.6s ease-out 1.8s forwards}
@keyframes demoUnderline{to{width:100%}}
.ts-side{position:absolute;top:50%;width:2.2cqw;height:1px;background:#f59e0b;opacity:0}
.ts-side--l{left:-5cqw}.ts-side--r{right:-5cqw}
.slide.active .ts-side{animation:demoWordAppear .8s ease-out forwards;animation-delay:var(--d,0s)}
.ts-dots3{display:flex;justify-content:center;gap:1cqw;margin-top:2.2cqh;opacity:0}
.ts-dots3 i{width:.32cqw;height:.32cqw;min-width:4px;min-height:4px;border-radius:50%;background:#f59e0b}
.slide.active .ts-dots3{animation:demoWordAppear .8s ease-out 4.2s forwards}
.word{display:inline-block;margin:0 .1em;opacity:0}
.slide.active .word{animation:demoWordAppear .75s ease-out both;animation-delay:var(--d,0s)}
@keyframes demoWordAppear{from{opacity:0;transform:translateY(22px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}

/* Standard text variant: source remains an ordinary heading and list. */
html.iqs-mode-slides .slide--variant-standard-text{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3cqh;
  padding:6cqh 8cqw;
  text-align:center;
}
.slide--variant-standard-text .fx-title{
  position:static;
  width:auto;
  max-width:92cqw;
  margin:0;
  color:var(--deck-ink);
  font-size:5.2cqw;
  font-weight:300;
  line-height:1.14;
}
.fx-divider{position:relative;width:20cqw;height:2px;background:transparent;opacity:1!important;transform:none!important}
.fx-divider::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#5eead4 0%,#f59e0b 48%,transparent 100%);transform:scaleX(0);transform-origin:left center}
.slide.active .fx-divider::after{animation:demoWipe 1.25s cubic-bezier(.22,1,.36,1) .25s both}
@keyframes demoWipe{to{transform:scaleX(1)}}
.slide--variant-standard-text .fx-bullets{
  position:static;
  left:auto;
  top:auto;
  width:auto;
  max-width:86cqw;
  margin:0;
  transform:none;
  align-items:center;
  gap:2.2cqh;
  text-align:center;
}
.slide--variant-standard-text .fx-bullet{color:var(--deck-ink);font-size:3.05cqw;font-weight:300;line-height:1.4;text-align:center}
.slide--variant-standard-text .fx-bullet strong{color:#fff;font-weight:600}
.fx-word{display:inline-block;white-space:nowrap}
.fx-char{display:inline-block;opacity:0}
.slide.active .fx-title .fx-char{animation:demoFocusIn var(--fx-char-dur) cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*var(--fx-stagger))}
@keyframes demoFocusIn{from{opacity:0;transform:translateY(2px);filter:blur(10px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.slide.active .fx-bullet.frag-in .fx-char{animation:demoCharIn var(--fx-bchar-dur) cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*var(--fx-bstagger))}
@keyframes demoCharIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:no-preference){.fx-bullet.frag{opacity:1!important;transform:none!important}}

/* Shared content elements. */
.slide--statement{align-items:flex-start;justify-content:center;padding:7cqh 8cqw;text-align:left}
.slide--statement .s-title{position:static;max-width:84cqw;margin:0 0 3cqh;font-size:3.6cqw;text-align:left}
.slide--statement .s-body{width:84cqw;max-width:84cqw;margin:0;color:var(--deck-ink-dim);font-size:1.55cqw;text-align:left}
.slide--statement .s-body>p{max-width:70cqw}
.iqs-metric{min-width:20cqw;min-height:17cqh;margin:1cqh 1cqw 1cqh 0;padding:1.5cqw;border-color:#2b3a3d;border-radius:6px;background:#141d23;box-shadow:none}
.iqs-metric-value{color:#fff}.iqs-metric-label{color:#5eead4;letter-spacing:0}.iqs-metric-note{color:#a8b5ae}
.iqs-callout{max-width:70cqw;margin:2.2cqh 0 0;padding:1.5cqw 1.8cqw;border-left:3px solid #f59e0b;border-radius:6px;background:#141d23;box-shadow:none}
.iqs-callout-title{color:#fff}.iqs-callout-body{color:#a8b5ae}
.iqs-linkcard{max-width:62cqw;margin:2cqh 0;border-color:#2b3a3d;border-radius:6px;background:#141d23}
.iqs-linkcard-title{color:#fff}.iqs-linkcard-text{color:#a8b5ae}
.iqs-datatable{width:84cqw;max-width:84cqw;margin:0}
.iqs-data-title{color:#f4f7f5;letter-spacing:0}
.iqs-data-scroll{max-height:51cqh;border-color:#2b3a3d;border-radius:6px;background:#10171c;box-shadow:none}
.iqs-datatable table{font-size:1.03cqw;color:#c0cdc7}
.iqs-datatable th{background:#142127;color:#5eead4;letter-spacing:0}
.iqs-datatable td{border-bottom-color:#253238}
.iqs-datatable figcaption{color:#7f8e86}

.slide--cards .s-title{color:#f4f7f5}
.s-card{border-color:#2b3a3d;border-radius:6px;background:#141d23;box-shadow:none}
.s-card:nth-child(2){border-left:3px solid #f59e0b}
.s-card:nth-child(3){border-left:3px solid #b45309}
.s-quote{color:#e3e9e6;font-style:normal}
.s-cite{color:#5eead4;letter-spacing:0}

/* Compact raw escape hatch: three semantic steps, no inline styling. */
.demo-flow{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:8cqh 8cqw}
.demo-flow-kicker{margin:0 0 1.4cqh;color:#5eead4;font-size:1.1cqw;text-transform:uppercase;letter-spacing:0}
.demo-flow-title{margin:0;color:#fff;font-size:4.2cqw;font-weight:300;line-height:1.1;letter-spacing:0}
.demo-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw;margin-top:7cqh}
.demo-flow-step{position:relative;min-height:25cqh;padding:2cqw;border:1px solid #2b3a3d;border-top:3px solid #5eead4;border-radius:6px;background:#141d23}
.demo-flow-step:nth-child(2){border-top-color:#f59e0b}.demo-flow-step:nth-child(3){border-top-color:#b45309}
.demo-flow-step span{display:block;color:#718079;font-size:1.05cqw}
.demo-flow-step strong{display:block;margin-top:2.2cqh;color:#fff;font-size:2.2cqw;font-weight:500}
.demo-flow-step p{margin:1.2cqh 0 0;color:#a8b5ae;font-size:1.35cqw;line-height:1.45}

@media (prefers-reduced-motion:reduce){
  .word,.ts-gl,.ts-dot,.ts-corner,.ts-float,.ts-side,.ts-dots3,.ts-title::after,.fx-char,.fx-divider::after{animation:none!important;filter:none;transform:none;opacity:1}
  .ts-title::after,.fx-divider::after{width:100%;transform:scaleX(1)}
}