.slide-stage {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #09090b;
}

[data-slide-frame] {
  position: relative;
  box-sizing: border-box;
  width: var(--slide-w);
  height: var(--slide-h);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8cqh 7cqw;
  overflow: hidden;
  background: #fff;
  container-type: size;
  view-transition-name: projection-slide;
  user-select: none;
}

.slide-title {
  position: relative;
  margin: 0;
  max-width: 74cqw;
  font-size: 5.56cqw;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #09090b;
  view-transition-name: slide-title;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation: none;
  mix-blend-mode: normal;
}

::view-transition-group(projection-slide),
::view-transition-old(projection-slide),
::view-transition-new(projection-slide),
::view-transition-group(slide-title),
::view-transition-old(slide-title),
::view-transition-new(slide-title),
::view-transition-group(toast-constraint-heading),
::view-transition-old(toast-constraint-heading),
::view-transition-new(toast-constraint-heading),
::view-transition-group(toast-constraint-0),
::view-transition-old(toast-constraint-0),
::view-transition-new(toast-constraint-0),
::view-transition-group(toast-constraint-1),
::view-transition-old(toast-constraint-1),
::view-transition-new(toast-constraint-1),
::view-transition-group(toast-constraint-2),
::view-transition-old(toast-constraint-2),
::view-transition-new(toast-constraint-2),
::view-transition-group(toast-constraint-3),
::view-transition-old(toast-constraint-3),
::view-transition-new(toast-constraint-3),
::view-transition-group(toast-constraint-4),
::view-transition-old(toast-constraint-4),
::view-transition-new(toast-constraint-4),
::view-transition-group(sudoku-board),
::view-transition-old(sudoku-board),
::view-transition-new(sudoku-board),
::view-transition-group(app-phrase),
::view-transition-old(app-phrase),
::view-transition-new(app-phrase),
::view-transition-group(app-kicker),
::view-transition-old(app-kicker),
::view-transition-new(app-kicker),
::view-transition-group(app-with-label),
::view-transition-old(app-with-label),
::view-transition-new(app-with-label),
::view-transition-group(app-with-0),
::view-transition-old(app-with-0),
::view-transition-new(app-with-0),
::view-transition-group(app-with-1),
::view-transition-old(app-with-1),
::view-transition-new(app-with-1),
::view-transition-group(app-with-2),
::view-transition-old(app-with-2),
::view-transition-new(app-with-2),
::view-transition-group(app-with-3),
::view-transition-old(app-with-3),
::view-transition-new(app-with-3),
::view-transition-group(app-with-4),
::view-transition-old(app-with-4),
::view-transition-new(app-with-4),
::view-transition-group(app-with-5),
::view-transition-old(app-with-5),
::view-transition-new(app-with-5),
::view-transition-group(app-with-6),
::view-transition-old(app-with-6),
::view-transition-new(app-with-6),
::view-transition-group(app-with-7),
::view-transition-old(app-with-7),
::view-transition-new(app-with-7),
::view-transition-group(app-with-8),
::view-transition-old(app-with-8),
::view-transition-new(app-with-8),
::view-transition-group(app-with-9),
::view-transition-old(app-with-9),
::view-transition-new(app-with-9),
::view-transition-group(app-with-10),
::view-transition-old(app-with-10),
::view-transition-new(app-with-10),
::view-transition-group(app-with-11),
::view-transition-old(app-with-11),
::view-transition-new(app-with-11),
::view-transition-group(app-with-12),
::view-transition-old(app-with-12),
::view-transition-new(app-with-12),
::view-transition-group(app-with-13),
::view-transition-old(app-with-13),
::view-transition-new(app-with-13),
::view-transition-group(app-with-14),
::view-transition-old(app-with-14),
::view-transition-new(app-with-14),
::view-transition-group(app-with-15),
::view-transition-old(app-with-15),
::view-transition-new(app-with-15),
::view-transition-group(app-dense-board),
::view-transition-old(app-dense-board),
::view-transition-new(app-dense-board),
::view-transition-group(fx-caption),
::view-transition-old(fx-caption),
::view-transition-new(fx-caption),
::view-transition-group(fx-ue),
::view-transition-old(fx-ue),
::view-transition-new(fx-ue),
::view-transition-group(fx-ifid),
::view-transition-old(fx-ifid),
::view-transition-new(fx-ifid),
::view-transition-group(fx-sp-a),
::view-transition-old(fx-sp-a),
::view-transition-new(fx-sp-a),
::view-transition-group(fx-ctrl),
::view-transition-old(fx-ctrl),
::view-transition-new(fx-ctrl),
::view-transition-group(fx-cancel),
::view-transition-old(fx-cancel),
::view-transition-new(fx-cancel),
::view-transition-group(fx-load),
::view-transition-old(fx-load),
::view-transition-new(fx-load),
::view-transition-group(fx-err0),
::view-transition-old(fx-err0),
::view-transition-new(fx-err0),
::view-transition-group(fx-sp-b),
::view-transition-old(fx-sp-b),
::view-transition-new(fx-sp-b),
::view-transition-group(fx-fetch),
::view-transition-old(fx-fetch),
::view-transition-new(fx-fetch),
::view-transition-group(fx-then-res),
::view-transition-old(fx-then-res),
::view-transition-new(fx-then-res),
::view-transition-group(fx-ok),
::view-transition-old(fx-ok),
::view-transition-new(fx-ok),
::view-transition-group(fx-json),
::view-transition-old(fx-json),
::view-transition-new(fx-json),
::view-transition-group(fx-then-res-end),
::view-transition-old(fx-then-res-end),
::view-transition-new(fx-then-res-end),
::view-transition-group(fx-then-data),
::view-transition-old(fx-then-data),
::view-transition-new(fx-then-data),
::view-transition-group(fx-guard-u),
::view-transition-old(fx-guard-u),
::view-transition-new(fx-guard-u),
::view-transition-group(fx-set-user),
::view-transition-old(fx-set-user),
::view-transition-new(fx-set-user),
::view-transition-group(fx-set-load),
::view-transition-old(fx-set-load),
::view-transition-new(fx-set-load),
::view-transition-group(fx-then-data-end),
::view-transition-old(fx-then-data-end),
::view-transition-new(fx-then-data-end),
::view-transition-group(fx-catch),
::view-transition-old(fx-catch),
::view-transition-new(fx-catch),
::view-transition-group(fx-guard-ab),
::view-transition-old(fx-guard-ab),
::view-transition-new(fx-guard-ab),
::view-transition-group(fx-guard-c),
::view-transition-old(fx-guard-c),
::view-transition-new(fx-guard-c),
::view-transition-group(fx-set-err),
::view-transition-old(fx-set-err),
::view-transition-new(fx-set-err),
::view-transition-group(fx-set-load2),
::view-transition-old(fx-set-load2),
::view-transition-new(fx-set-load2),
::view-transition-group(fx-catch-end),
::view-transition-old(fx-catch-end),
::view-transition-new(fx-catch-end),
::view-transition-group(fx-sp-c),
::view-transition-old(fx-sp-c),
::view-transition-new(fx-sp-c),
::view-transition-group(fx-ret),
::view-transition-old(fx-ret),
::view-transition-new(fx-ret),
::view-transition-group(fx-do-abort),
::view-transition-old(fx-do-abort),
::view-transition-new(fx-do-abort),
::view-transition-group(fx-do-cancel),
::view-transition-old(fx-do-cancel),
::view-transition-new(fx-do-cancel),
::view-transition-group(fx-ret-end),
::view-transition-old(fx-ret-end),
::view-transition-new(fx-ret-end),
::view-transition-group(fx-ue-end),
::view-transition-old(fx-ue-end),
::view-transition-new(fx-ue-end),
::view-transition-group(proto-window-0),
::view-transition-old(proto-window-0),
::view-transition-new(proto-window-0),
::view-transition-group(proto-window-1),
::view-transition-old(proto-window-1),
::view-transition-new(proto-window-1),
::view-transition-group(proto-window-2),
::view-transition-old(proto-window-2),
::view-transition-new(proto-window-2),
::view-transition-group(proto-node-bash),
::view-transition-old(proto-node-bash),
::view-transition-new(proto-node-bash),
::view-transition-group(proto-node-mcp),
::view-transition-old(proto-node-mcp),
::view-transition-new(proto-node-mcp),
::view-transition-group(proto-node-sails),
::view-transition-old(proto-node-sails),
::view-transition-new(proto-node-sails),
::view-transition-group(views-shape-square),
::view-transition-old(views-shape-square),
::view-transition-new(views-shape-square),
::view-transition-group(views-shape-triangle),
::view-transition-old(views-shape-triangle),
::view-transition-new(views-shape-triangle),
::view-transition-group(views-shape-circle),
::view-transition-old(views-shape-circle),
::view-transition-new(views-shape-circle) {
  animation-duration: 0.55s;
  animation-timing-function: ease;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}

[data-slide-frame].is-compare,
[data-slide-frame].is-sudoku,
[data-slide-frame].is-sudoku-count,
[data-slide-frame].is-sudoku-empty,
[data-slide-frame].is-sudoku-fill,
[data-slide-frame].is-turtle,
[data-slide-frame].is-formula,
[data-slide-frame].is-app-with,
[data-slide-frame].is-app-board,
[data-slide-frame].is-tools,
[data-slide-frame].is-effect,
[data-slide-frame].is-product,
[data-slide-frame].is-context-drop {
  justify-content: stretch;
  padding: 8cqh 6cqw;
}

[data-slide-frame].is-effect,
[data-slide-frame].is-product,
[data-slide-frame].is-context-drop {
  padding: 5.5cqh 6cqw;
}

.app-kicker {
  margin: 0 0 1.6cqh;
  width: max-content;
  max-width: 100%;
  font-size: 2.4cqw;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #71717a;
  white-space: nowrap;
  view-transition-name: app-kicker;
}

.app-phrase {
  margin: 0;
  width: max-content;
  max-width: 100%;
  font-size: 8.4cqw;
  font-weight: 650;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: #09090b;
  white-space: nowrap;
  view-transition-name: app-phrase;
}

.app-with-callout {
  box-sizing: border-box;
  width: 100%;
  padding: 2.2cqh 1.8cqw 2cqh;
  border: 0.18cqw solid transparent;
  border-radius: 0.45cqw;
  transition: border-color 420ms ease, background-color 420ms ease;
}

.app-with-label {
  margin: 0 0 1.6cqh;
  font-size: 2.7cqw;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #09090b;
  opacity: 0;
  transition: opacity 420ms ease;
  view-transition-name: app-with-label;
}

.vt-app-with-label {
  view-transition-name: app-with-label;
}

.app-with-swatch {
  display: inline-block;
  flex-shrink: 0;
  width: 0.72cqw;
  height: 0.72cqw;
  border-radius: 50%;
  background: var(--app-color, #09090b);
  opacity: 0;
  transition: opacity 320ms ease;
}

[data-slide-frame].is-app-with:not([data-build="0"]) .app-with-swatch,
[data-slide-frame].is-app-board .app-with-swatch {
  opacity: 1;
}

[data-slide-frame].is-app-board .app-with-label {
  opacity: 1;
}

[data-slide-frame]:not([data-build="0"]) .app-with-callout {
  border-color: #09090b;
  background: rgba(9, 9, 11, 0.03);
}

[data-slide-frame]:not([data-build="0"]) .app-with-label {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .app-with-callout,
  .app-with-label,
  .app-with-swatch {
    transition: none;
  }
}

[data-slide-frame] .compare-reveal {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 480ms ease, transform 480ms ease;
}

[data-slide-frame][data-build="0"] .compare-reveal {
  opacity: 0;
  transform: translateX(2.4cqw);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame] .compare-reveal {
    transition: none;
  }
}

[data-slide-frame].is-statement .slide-title {
  max-width: 86cqw;
  margin: 0 0 1.2cqh;
  transition: color 480ms ease;
}

[data-slide-frame].is-statement[data-build="1"] .slide-title,
[data-slide-frame].is-statement[data-build="2"] .slide-title,
[data-slide-frame].is-statement[data-build="3"] .slide-title,
[data-slide-frame].is-statement[data-build="4"] .slide-title {
  color: #71717a;
}

[data-slide-frame].is-statement.is-wants .slide-title,
[data-slide-frame].is-statement.is-wants .statement-beat {
  font-size: 3.4cqw;
  line-height: 1.2;
  max-width: 90cqw;
  transition: color 480ms ease;
}

[data-slide-frame].is-statement.is-wants .statement-beat {
  margin-top: 2.2cqh;
}

[data-slide-frame].is-statement.is-wants[data-build="1"] .slide-title,
[data-slide-frame].is-statement.is-wants[data-build="2"] .slide-title,
[data-slide-frame].is-statement.is-wants[data-build="2"] .statement-beat-1,
[data-slide-frame].is-statement.is-wants[data-build="3"] .slide-title,
[data-slide-frame].is-statement.is-wants[data-build="3"] .statement-beat-1,
[data-slide-frame].is-statement.is-wants[data-build="3"] .statement-beat-2 {
  color: #71717a;
}

[data-slide-frame].is-blank {
  align-items: center;
  justify-content: center;
}

[data-slide-frame].is-blank .slide-title {
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: center;
}

[data-slide-frame].is-centered .slide-title {
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: center;
}

[data-slide-frame].is-centered .statement-beat {
  width: 100%;
  max-width: 100%;
  text-align: center;
}

[data-slide-frame].is-fog {
  background: #e4e4e7;
}

[data-slide-frame].is-fog .slide-title {
  color: #71717a;
  font-size: 7.2cqw;
  font-weight: 650;
  letter-spacing: -0.04em;
}

[data-slide-frame].is-math .slide-title {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 4.4cqw;
  font-weight: 550;
  letter-spacing: -0.03em;
  font-variant-ligatures: none;
}

[data-slide-frame].is-formula .formula-brace.is-hidden {
  opacity: 0;
  pointer-events: none;
}

[data-slide-frame].is-formula .formula-brace.is-over.is-hidden {
  transform: translateY(0.5cqh);
}

[data-slide-frame].is-formula .formula-brace.is-under.is-hidden {
  transform: translateY(-0.5cqh);
}

[data-slide-frame].is-formula .formula-brace-bar {
  position: relative;
}

[data-slide-frame].is-formula .formula-brace-bar::before,
[data-slide-frame].is-formula .formula-brace-bar::after {
  content: '';
  position: absolute;
  width: 0.22cqw;
  height: 0.75cqw;
  background: #09090b;
  border-radius: 999px;
}

[data-slide-frame].is-formula .formula-brace.is-over .formula-brace-bar::before,
[data-slide-frame].is-formula .formula-brace.is-over .formula-brace-bar::after {
  top: 0;
}

[data-slide-frame].is-formula .formula-brace.is-under .formula-brace-bar::before,
[data-slide-frame].is-formula .formula-brace.is-under .formula-brace-bar::after {
  bottom: 0;
}

[data-slide-frame].is-formula .formula-brace-bar::before {
  left: 0;
}

[data-slide-frame].is-formula .formula-brace-bar::after {
  right: 0;
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame].is-formula .formula-brace {
    transition: none !important;
  }
}

[data-slide-frame] .statement-beat {
  opacity: 1;
  max-height: 28cqh;
  margin-top: 3.4cqh;
  transform: translateY(0);
  overflow: hidden;
  transition:
    opacity 480ms ease,
    transform 480ms ease,
    max-height 480ms ease,
    margin 480ms ease;
}

[data-slide-frame][data-build="0"] .statement-beat-1,
[data-slide-frame][data-build="0"] .statement-beat-2,
[data-slide-frame][data-build="0"] .statement-beat-3,
[data-slide-frame][data-build="0"] .statement-beat-4,
[data-slide-frame][data-build="1"] .statement-beat-2,
[data-slide-frame][data-build="1"] .statement-beat-3,
[data-slide-frame][data-build="1"] .statement-beat-4,
[data-slide-frame][data-build="2"] .statement-beat-3,
[data-slide-frame][data-build="2"] .statement-beat-4,
[data-slide-frame][data-build="3"] .statement-beat-4 {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(1.4cqh);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame] .statement-beat {
    transition: none;
  }

  [data-slide-frame].is-statement .slide-title {
    transition: none;
  }
}

.vt-constraint-heading {
  view-transition-name: toast-constraint-heading;
}
.vt-constraint-0 {
  view-transition-name: toast-constraint-0;
}
.vt-constraint-1 {
  view-transition-name: toast-constraint-1;
}
.vt-constraint-2 {
  view-transition-name: toast-constraint-2;
}
.vt-constraint-3 {
  view-transition-name: toast-constraint-3;
}
.vt-constraint-4 {
  view-transition-name: toast-constraint-4;
}

.sudoku-board {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(9, 1fr);
  width: min(100%, 78cqh);
  aspect-ratio: 1;
  border: 0.38cqw solid #09090b;
  background: #fff;
  view-transition-name: sudoku-board;
}

.app-sudoku-board {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(9, 1fr);
  width: min(100%, 78cqh);
  aspect-ratio: 1;
  border: 0.38cqw solid #09090b;
  background: #fff;
  transition: opacity 420ms ease;
}

.app-board-left {
  position: relative;
  z-index: 5;
  background: linear-gradient(
    to right,
    #fff 0%,
    #fff 72%,
    rgba(255, 255, 255, 0) 100%
  );
}

.app-board-rule,
.app-board-right {
  position: relative;
  z-index: 3;
  transition: opacity 560ms ease;
}

.app-dense-board {
  position: absolute;
  top: -8cqh;
  right: -6cqw;
  bottom: -8cqh;
  left: -6cqw;
  z-index: 1;
  box-sizing: border-box;
  display: grid;
  gap: 1px;
  background: rgba(9, 9, 11, 0.22);
  opacity: 0;
  pointer-events: none;
  clip-path: inset(13% 7.4% 9% 53.6%);
  view-transition-name: app-dense-board;
  transition:
    opacity 280ms ease,
    clip-path 820ms cubic-bezier(0.22, 1, 0.36, 1);
}

.app-dense-cell {
  background: #fff;
}

[data-slide-frame][data-build="2"] .app-board-rule,
[data-slide-frame][data-build="2"] .app-board-right {
  opacity: 0;
  pointer-events: none;
}

[data-slide-frame][data-build="2"] .app-dense-board {
  opacity: 1;
  clip-path: inset(0);
}

[data-slide-frame].is-app-board[data-build="2"] .sudoku-fly-links,
[data-slide-frame].is-app-board[data-build="2"] .sudoku-fly-dot {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .app-sudoku-board,
  .app-board-left,
  .app-board-rule,
  .app-board-right,
  .app-dense-board {
    transition: none;
  }
}

.discovery-tool {
  transition: opacity 420ms ease;
}

.discovery-tool-mark {
  display: inline;
  padding: 0.08em 0.18em;
  background-image: linear-gradient(#fde047, #fde047);
  background-repeat: no-repeat;
  background-size: 0% 0.92em;
  background-position: left 58%;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  transition: background-size 560ms cubic-bezier(0.22, 1, 0.36, 1);
}

[data-slide-frame]:not([data-build="0"]) .discovery-tool:not(.is-prototype) {
  opacity: 0.18;
}

[data-slide-frame]:not([data-build="0"]) .discovery-tool-mark {
  background-size: 100% 0.92em;
}

.tools-claim {
  margin: 0;
  max-width: 78cqw;
  font-size: 2.55cqw;
  font-weight: 550;
  line-height: 1.28;
  letter-spacing: -0.025em;
  color: #09090b;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 480ms ease, transform 480ms ease;
}

[data-slide-frame][data-build="0"] .tools-claim,
[data-slide-frame][data-build="1"] .tools-claim {
  opacity: 0;
  transform: translateY(1.4cqh);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .discovery-tool,
  .discovery-tool-mark,
  .tools-claim {
    transition: none;
  }
}

.sudoku-cell {
  position: relative;
  display: grid;
  place-items: center;
  font-size: 3.1cqw;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  line-height: 1;
  color: #09090b;
  border-right: 1px solid rgba(9, 9, 11, 0.18);
  border-bottom: 1px solid rgba(9, 9, 11, 0.18);
}

.sudoku-cell > .sudoku-digit,
.sudoku-cell > .sudoku-marks {
  grid-area: 1 / 1;
}

.sudoku-marks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  place-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.05cqw;
  font-weight: 500;
  line-height: 1;
  color: #09090b;
  opacity: 0.5;
}

.sudoku-mark {
  transition: opacity 260ms ease;
}

.sudoku-mark.is-out {
  opacity: 0;
}

.sudoku-cell.is-given .sudoku-marks,
.sudoku-cell.is-extra .sudoku-marks,
.sudoku-cell.is-solved .sudoku-marks {
  visibility: hidden;
}

.sudoku-cell.is-solved .sudoku-digit {
  opacity: 0.5;
}

@media (prefers-reduced-motion: reduce) {
  .sudoku-mark {
    transition: none;
  }
}

.sudoku-cell:nth-child(9n) {
  border-right: 0;
}

.sudoku-cell:nth-child(n + 73) {
  border-bottom: 0;
}

.sudoku-cell.sudoku-box-right {
  border-right: 0.28cqw solid #09090b;
}

.sudoku-cell.sudoku-box-bottom {
  border-bottom: 0.28cqw solid #09090b;
}

.sudoku-cell.is-empty {
  color: transparent;
}

.sudoku-cell.is-given {
  color: #09090b;
}

.sudoku-cell.is-extra {
  color: #09090b;
}

.sudoku-count-copy {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.sudoku-count-field {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 720ms ease;
}

.sudoku-count-question,
.sudoku-count-answer {
  margin: 0;
  transition: opacity 420ms ease;
  z-index: 1;
}

.sudoku-count-question {
  font-size: 2.55cqw;
  font-weight: 550;
  line-height: 1.28;
  letter-spacing: -0.025em;
  color: #09090b;
}

.sudoku-count-answer {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sudoku-count-label {
  display: flex;
  flex-direction: column;
  gap: 1.1cqh;
  padding: 2.4cqh 2.6cqw 2.2cqh;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1.2cqh 4cqw rgba(255, 255, 255, 0.72);
  border-radius: 0.45cqw;
}

.sudoku-count-about {
  font-size: 1.55cqw;
  font-weight: 500;
  line-height: 1;
  color: #71717a;
}

.sudoku-count-number {
  font-size: 2.35cqw;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.035em;
  line-height: 1.05;
  white-space: nowrap;
  color: #09090b;
}

.sudoku-count-number.is-short {
  font-size: 5.2cqw;
}

[data-slide-frame][data-build="0"] .sudoku-count-answer {
  opacity: 0;
  pointer-events: none;
}

[data-slide-frame]:not([data-build="0"]) .sudoku-count-question {
  opacity: 0;
  pointer-events: none;
}

[data-slide-frame]:not([data-build="0"]) .sudoku-count-field {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .sudoku-count-question,
  .sudoku-count-answer,
  .sudoku-count-field {
    transition: none;
  }
}

.sudoku-constraint.is-linked {
  opacity: 0.5;
}

.sudoku-fly-links {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 25;
}

.sudoku-fly-link {
  fill: none;
  stroke: #09090b;
  stroke-width: 2px;
  stroke-dasharray: 6 8;
  stroke-linecap: round;
  opacity: 0.4;
}

.sudoku-fly-dot {
  position: absolute;
  z-index: 30;
  box-sizing: border-box;
  width: 1.55cqw;
  height: 1.55cqw;
  border-radius: 50%;
  background: #09090b;
  pointer-events: none;
}

[data-slide-frame].is-photo {
  padding: 0;
  justify-content: stretch;
  background: #09090b;
}

[data-slide-frame].is-sails {
  padding: 0;
  justify-content: stretch;
  background: #172554;
}

[data-slide-frame].is-sails .sails-slide-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

[data-slide-frame].is-sails .sails-slide-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      rgba(15, 23, 42, 0.15) 0%,
      rgba(15, 23, 42, 0.35) 42%,
      rgba(15, 23, 42, 0.82) 100%
    );
  pointer-events: none;
}

[data-slide-frame].is-sails .sails-slide-mark,
[data-slide-frame].is-sails .sails-slide-title {
  filter:
    drop-shadow(0 0.042em 0.01em #00000033)
    drop-shadow(0 0.083em 0.33em #000000);
}

[data-slide-frame].is-sails .sails-slide-mark {
  display: block;
  width: 12.6cqw;
  height: 12.6cqw;
  font-size: 12.6cqw;
}

[data-slide-frame].is-effect .effect-line {
  white-space: pre;
  tab-size: 2;
  border-radius: 0.2cqw;
}

[data-slide-frame].is-effect .effect-callout,
[data-slide-frame].is-product .effect-callout {
  box-sizing: border-box;
  width: 100%;
  padding: 2.2cqh 1.8cqw 2cqh;
  border: 0.18cqw solid transparent;
  border-radius: 0.45cqw;
  transition: border-color 420ms ease, background-color 420ms ease;
}

[data-slide-frame].is-effect .effect-constraints-label,
[data-slide-frame].is-product .effect-constraints-label {
  view-transition-name: none;
}

[data-slide-frame] .effect-callout.is-boxed {
  border-color: #09090b;
  background: rgba(9, 9, 11, 0.03);
}

[data-slide-frame].is-effect .effect-line.is-fresh,
[data-slide-frame].is-effect .effect-line.is-changed,
[data-slide-frame].is-effect .effect-constraint.is-fresh,
[data-slide-frame].is-product .effect-constraint.is-fresh {
  background: #fde047;
}

[data-slide-frame].is-product .product-desk {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
}

[data-slide-frame].is-product .product-stage {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
}

[data-slide-frame].is-product .product-window {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border: 0.1cqw solid rgba(9, 9, 11, 0.12);
  border-radius: 0.85cqw;
  box-shadow: 0 1.1cqw 3.2cqw rgba(9, 9, 11, 0.14);
  transition:
    left 520ms cubic-bezier(0.22, 1, 0.36, 1),
    top 520ms cubic-bezier(0.22, 1, 0.36, 1),
    width 520ms cubic-bezier(0.22, 1, 0.36, 1),
    height 520ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 360ms ease;
}

[data-slide-frame].is-product .product-window.is-p0 {
  left: 14%;
  top: 8%;
  width: 22%;
  height: 34%;
  transform: rotate(-5.5deg);
  z-index: 2;
}

[data-slide-frame].is-product .product-window.is-p1 {
  left: 36%;
  top: 2%;
  width: 22%;
  height: 34%;
  transform: rotate(3deg);
  z-index: 3;
}

[data-slide-frame].is-product .product-window.is-p2 {
  left: 58%;
  top: 12%;
  width: 22%;
  height: 34%;
  transform: rotate(-1.8deg);
  z-index: 4;
}

[data-slide-frame].is-product .product-window.is-p3 {
  left: 20%;
  top: 42%;
  width: 22%;
  height: 34%;
  transform: rotate(4deg);
  z-index: 5;
}

[data-slide-frame].is-product .product-window.is-p4 {
  left: 42%;
  top: 48%;
  width: 22%;
  height: 34%;
  transform: rotate(-3.2deg);
  z-index: 6;
}

[data-slide-frame].is-product .product-window.is-p5 {
  left: 64%;
  top: 38%;
  width: 22%;
  height: 34%;
  transform: rotate(2.4deg);
  z-index: 7;
}

[data-slide-frame].is-product .product-window.is-final {
  left: 18%;
  top: 28%;
  width: 64%;
  height: 44%;
  opacity: 0;
  transform: scale(0.92);
  pointer-events: none;
  z-index: 1;
}

[data-slide-frame].is-product .product-leads-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  height: 9%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 420ms ease 180ms;
  z-index: 8;
}

[data-slide-frame].is-product .product-leads-wrap.is-down {
  top: 14%;
}

[data-slide-frame].is-product .product-leads-wrap.is-up {
  top: 67%;
}

[data-slide-frame].is-product .product-leads {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

[data-slide-frame].is-product .product-lead {
  fill: none;
  stroke: rgba(9, 9, 11, 0.38);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-dasharray: 5 7;
  vector-effect: non-scaling-stroke;
  animation: product-lead-dash 1.1s linear infinite;
}

[data-slide-frame].is-product .product-leads-wrap.is-up .product-lead {
  animation-direction: reverse;
}

[data-slide-frame].is-product .product-lead:nth-child(2) {
  animation-duration: 1.25s;
}

[data-slide-frame].is-product .product-lead:nth-child(3) {
  animation-duration: 0.95s;
}

@keyframes product-lead-dash {
  to {
    stroke-dashoffset: -24;
  }
}

[data-slide-frame].is-product .product-desk.is-arranged .product-window.is-p0 {
  left: 0;
  top: 0;
  width: 26%;
  height: 14%;
  transform: none;
  z-index: 3;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-window.is-p1 {
  left: 37%;
  top: 0;
  width: 26%;
  height: 14%;
  transform: none;
  z-index: 3;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-window.is-p2 {
  left: 74%;
  top: 0;
  width: 26%;
  height: 14%;
  transform: none;
  z-index: 3;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-window.is-final {
  left: 37.5%;
  top: 25%;
  width: 25%;
  height: 42%;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  z-index: 2;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-window.is-p3 {
  left: 0;
  top: 86%;
  width: 26%;
  height: 14%;
  transform: none;
  z-index: 3;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-window.is-p4 {
  left: 37%;
  top: 86%;
  width: 26%;
  height: 14%;
  transform: none;
  z-index: 3;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-window.is-p5 {
  left: 74%;
  top: 86%;
  width: 26%;
  height: 14%;
  transform: none;
  z-index: 3;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-leads-wrap {
  opacity: 1;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-leads-wrap.is-down {
  top: 14%;
  height: 11%;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-leads-wrap.is-up {
  top: 67%;
  height: 19%;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-win-body {
  gap: 0.55cqh;
  padding: 1cqh 0.9cqw;
}

[data-slide-frame].is-product .product-desk.is-arranged .product-window:not(.is-final) .product-win-line {
  height: 0.55cqh;
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame].is-product .product-window,
  [data-slide-frame].is-product .product-leads-wrap {
    transition: none !important;
  }

  [data-slide-frame].is-product .product-lead {
    animation: none;
  }
}


[data-slide-frame].is-product .product-window.is-final {
  display: flex;
  flex-direction: column;
}

[data-slide-frame].is-product .product-window.is-final .product-win-body {
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 2cqh 2cqw;
  background: #172554;
}

[data-slide-frame].is-product .product-final-mark {
  display: block;
  width: 7cqw;
  height: auto;
  max-width: 56%;
}

[data-slide-frame].is-product .product-win-bar {
  display: flex;
  align-items: center;
  gap: 0.42cqw;
  height: 3.2cqh;
  padding: 0 0.9cqw;
  background: #f4f4f5;
  border-bottom: 0.08cqw solid rgba(9, 9, 11, 0.08);
}

[data-slide-frame].is-product .product-win-dot {
  flex-shrink: 0;
  width: 0.78cqw;
  height: 0.78cqw;
  border-radius: 50%;
}

[data-slide-frame].is-product .product-win-dot.is-red {
  background: #ff5f57;
}

[data-slide-frame].is-product .product-win-dot.is-yellow {
  background: #febc2e;
}

[data-slide-frame].is-product .product-win-dot.is-green {
  background: #28c840;
}

[data-slide-frame].is-product .product-win-title {
  flex: 1;
  min-width: 0;
  margin-right: 2.4cqw;
  overflow: hidden;
  font-size: 1.05cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #52525b;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

[data-slide-frame].is-product .product-win-body {
  display: flex;
  flex-direction: column;
  gap: 1.1cqh;
  padding: 2.2cqh 1.6cqw;
}

[data-slide-frame].is-product .product-win-line {
  display: block;
  height: 1.15cqh;
  border-radius: 0.25cqw;
  background: #e4e4e7;
}

[data-slide-frame].is-product .product-win-line.is-short {
  width: 62%;
}

[data-slide-frame].is-photo .photo-slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 55%;
  display: block;
}

[data-slide-frame].is-intro {
  padding: 0;
  justify-content: stretch;
  background: #000;
  color: #c8c8c8;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

[data-slide-frame].is-intro .intro-design {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 2160px;
  height: 1080px;
  transform-origin: 0 0;
  overflow: hidden;
  background: #000;
}

[data-slide-frame].is-intro .intro-hero {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 50%;
  height: 50%;
  overflow: visible;
  background: #000;
}

[data-slide-frame].is-intro .intro-field {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 0;
}

[data-slide-frame].is-intro .intro-field canvas {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

[data-slide-frame].is-intro .intro-clip {
  position: absolute;
  inset: 0;
  overflow: clip;
  pointer-events: none;
  z-index: 1;
}

[data-slide-frame].is-intro .intro-blobs-anchor {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

[data-slide-frame].is-intro .intro-sketch {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 500px;
  transform: translateY(50%);
  line-height: 0;
  overflow: hidden;
  mask-image: linear-gradient(#000, #000 50%, #0000 90%);
  -webkit-mask-image: linear-gradient(#000, #000 50%, #0000 90%);
}

[data-slide-frame].is-intro .intro-sketch canvas {
  display: block;
  width: 100%;
  height: 100%;
}

[data-slide-frame].is-intro .intro-lower {
  position: relative;
  z-index: 10;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 0;
  background-color: transparent;
  background-image: linear-gradient(to bottom, #eeec, #ffffff);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #141414;
  color: #3e3f42;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

[data-slide-frame].is-intro .intro-title {
  position: relative;
  z-index: 11;
  margin: -0.25em 0 -0.75em;
  padding: 32px;
  font-family: Ubuntu, "Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  transform: translateY(-50%);
  pointer-events: none;
}

[data-slide-frame].is-intro .title-bevel {
  text-shadow:
    0px 0px 0 #c0c0c0,
    0px 1px 0 #a2a2a2,
    0px 3px 0 #666666,
    0px 4px 1px #00000033,
    0px 8px 32px #000000;
}



[data-slide-frame].is-turtle-constraints .turtle-route-fade {
  transition: opacity 600ms ease;
}

[data-slide-frame].is-turtle-constraints .turtle-fill.is-finish {
  transition: opacity 600ms ease;
}

[data-slide-frame].is-turtle-constraints .turtle-route-fade.is-fading,
[data-slide-frame].is-turtle-constraints .turtle-fill.is-finish.is-fading {
  opacity: 0;
  pointer-events: none;
}

[data-slide-frame].is-turtle-multipath {
  justify-content: stretch;
  padding: 8cqh 6cqw;
}

.turtle-constraints-slide.is-solo .turtle-constraints-pane.is-constrained.is-hidden {
  display: none;
}

.turtle-constraints-slide.is-solo .turtle-constraints-pane.is-simple {
  flex: 0 1 auto;
}

.turtle-constraints-slide.is-solo .turtle-constraints-pane.is-simple .turtle-constraints-grid {
  width: min(70cqw, calc(72cqh * 10 / 8));
  aspect-ratio: 10 / 8;
  height: auto;
  gap: 0.55cqw;
}

@keyframes turtlePop {
  from {
    opacity: 0;
    transform: scale(0.35);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame].is-turtle .turtle-cell.is-path,
  [data-slide-frame].is-turtle .turtle-fill,
  [data-slide-frame].is-turtle-constraints .turtle-fill {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

[data-slide-frame].is-sudoku-empty .sudoku-board {
  width: min(88cqh, 64cqw) !important;
  height: min(88cqh, 64cqw) !important;
  min-width: min(88cqh, 64cqw);
  min-height: min(88cqh, 64cqw);
  aspect-ratio: auto;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  grid-template-rows: repeat(9, minmax(0, 1fr));
  flex-shrink: 0;
}

[data-slide-frame].is-sudoku-empty .sudoku-cell {
  flex-shrink: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  font-size: 3.1cqw;
}

@keyframes sudokuEmptyDigitIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

[data-slide-frame].is-sudoku-empty .sudoku-digit.is-enter {
  animation: sudokuEmptyDigitIn 220ms ease both;
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame].is-sudoku-empty .sudoku-digit.is-enter {
    animation: none !important;
  }
}

[data-slide-frame].is-sudoku-fill .sudoku-board {
  width: min(72cqh, 46cqw) !important;
  height: min(72cqh, 46cqw) !important;
  min-width: min(72cqh, 46cqw);
  min-height: min(72cqh, 46cqw);
  aspect-ratio: auto;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  grid-template-rows: repeat(9, minmax(0, 1fr));
  flex-shrink: 0;
}

[data-slide-frame].is-sudoku-fill .sudoku-fill-meter-wrap.is-ready .sudoku-fill-meter {
  background-color: #16a34a;
}

[data-slide-frame].is-sudoku-fill .sudoku-cell {
  flex-shrink: 0;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

@keyframes sudokuSlackIn {
  from {
    opacity: 0;
    transform: translateY(0.55em);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes sudokuFillPop {
  from {
    opacity: 0;
    transform: scale(0.35);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

[data-slide-frame].is-sudoku-fill .sudoku-slack-msg {
  animation: sudokuSlackIn 280ms ease both;
}

[data-slide-frame].is-sudoku-fill .sudoku-fill-digit {
  animation: sudokuFillPop 280ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame].is-sudoku-fill .sudoku-slack-msg,
  [data-slide-frame].is-sudoku-fill .sudoku-fill-digit {
    animation: none !important;
  }

  [data-slide-frame].is-sudoku-fill .sudoku-fill-meter {
    transition: none !important;
  }
}

/* Context drop — scatter into agent-readable folder */
[data-slide-frame].is-context-drop {
  justify-content: stretch;
}

[data-slide-frame].is-context-drop .context-drop-stage {
  position: relative;
}

[data-slide-frame].is-context-drop .context-drop-scatter {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
}

[data-slide-frame].is-context-drop .context-chip {
  position: absolute;
  box-sizing: border-box;
  padding: 1.1cqh 1.4cqw;
  font-size: 1.55cqw;
  font-weight: 550;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #09090b;
  background: #fff;
  border: 0.1cqw solid rgba(9, 9, 11, 0.14);
  border-radius: 0.7cqw;
  box-shadow: 0 0.7cqw 2cqw rgba(9, 9, 11, 0.1);
  white-space: nowrap;
  transition:
    opacity 320ms ease,
    transform 420ms ease;
}

[data-slide-frame].is-context-drop .context-chip.is-0 {
  left: 4%;
  top: 8%;
  transform: rotate(-6deg);
}

[data-slide-frame].is-context-drop .context-chip.is-1 {
  left: 22%;
  top: 58%;
  transform: rotate(4deg);
}

[data-slide-frame].is-context-drop .context-chip.is-2 {
  left: 8%;
  top: 34%;
  transform: rotate(2.5deg);
}

[data-slide-frame].is-context-drop .context-chip.is-3 {
  right: 6%;
  top: 12%;
  left: auto;
  transform: rotate(5deg);
}

[data-slide-frame].is-context-drop .context-chip.is-4 {
  right: 10%;
  top: 48%;
  left: auto;
  transform: rotate(-3.5deg);
}

[data-slide-frame].is-context-drop .context-chip.is-5 {
  right: 18%;
  top: 72%;
  left: auto;
  transform: rotate(7deg);
}

[data-slide-frame].is-context-drop .context-chip.is-6 {
  left: 42%;
  top: 82%;
  transform: rotate(-5deg);
}

[data-slide-frame].is-context-drop .context-chip.is-gone {
  opacity: 0;
  pointer-events: none;
}

[data-slide-frame].is-context-drop .context-folder {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 34cqw;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0.96);
  transition:
    opacity 480ms ease,
    transform 480ms ease;
}

[data-slide-frame].is-context-drop .context-folder.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) scale(1);
}

[data-slide-frame].is-context-drop .context-folder.is-aside {
  left: 0;
  top: 50%;
  width: 24cqw;
  transform: translate(0, -50%) scale(1);
}

[data-slide-frame].is-context-drop .context-folder.is-aside .context-folder-body {
  min-height: 48cqh;
}

[data-slide-frame].is-context-drop .context-folder.is-aside .context-file {
  padding: 0.95cqh 1.1cqw;
  font-size: 1.28cqw;
}

[data-slide-frame].is-context-drop .context-folder.is-aside .context-folder-title {
  font-size: 1.25cqw;
}

[data-slide-frame].is-context-drop .context-folder-tab {
  display: none;
}

[data-slide-frame].is-context-drop .context-folder-body {
  box-sizing: border-box;
  min-height: 42cqh;
  padding: 0 0 1.2cqh;
  background: #fff;
  border: 0.1cqw solid rgba(9, 9, 11, 0.14);
  border-radius: 0.85cqw;
  box-shadow: 0 1.2cqw 3.2cqw rgba(9, 9, 11, 0.12);
  overflow: hidden;
}

[data-slide-frame].is-context-drop .context-folder-bar {
  display: flex;
  align-items: center;
  gap: 0.75cqw;
  box-sizing: border-box;
  height: 3.8cqh;
  padding: 0 1.3cqw;
  margin: 0;
  background: #f4f4f5;
  border-bottom: 0.08cqw solid rgba(9, 9, 11, 0.08);
  line-height: 1;
}

[data-slide-frame].is-context-drop .context-folder-icon {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: 1.25cqw;
  height: 0.95cqw;
  margin: 0;
  border-radius: 0.12cqw;
  background: #fbbf24;
  box-shadow: inset 0 -0.12cqw 0 rgba(9, 9, 11, 0.1);
}

[data-slide-frame].is-context-drop .context-folder-icon::before {
  content: '';
  position: absolute;
  left: 0.1cqw;
  top: -0.28cqw;
  width: 0.48cqw;
  height: 0.28cqw;
  background: #fbbf24;
  border-radius: 0.1cqw 0.1cqw 0 0;
}

[data-slide-frame].is-context-drop .context-folder-title {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.45cqw;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #3f3f46;
}

[data-slide-frame].is-context-drop .context-folder-list {
  list-style: none;
  margin: 0;
  padding: 1cqh 0 0;
}

[data-slide-frame].is-context-drop .context-file {
  display: flex;
  align-items: center;
  gap: 0.75cqw;
  margin: 0;
  padding: 1.15cqh 1.4cqw;
  font-size: 1.55cqw;
  font-weight: 500;
  letter-spacing: -0.018em;
  color: #09090b;
  border-bottom: 1px solid rgba(9, 9, 11, 0.06);
  opacity: 0;
  transform: translateY(0.8cqh);
  transition:
    opacity 320ms ease,
    transform 360ms ease;
}

[data-slide-frame].is-context-drop .context-file.is-in {
  opacity: 1;
  transform: none;
}

[data-slide-frame].is-context-drop .context-file-icon {
  flex-shrink: 0;
  width: 1cqw;
  height: 1.25cqw;
  border-radius: 0.15cqw;
  background: #e4e4e7;
  border: 0.08cqw solid rgba(9, 9, 11, 0.12);
}

[data-slide-frame].is-context-drop .context-agent {
  position: absolute;
  left: 28cqw;
  top: 50%;
  z-index: 2;
  box-sizing: border-box;
  width: 30cqw;
  transform: translateY(-50%);
  background: #09090b;
  border: 0.1cqw solid rgba(9, 9, 11, 0.2);
  border-radius: 0.85cqw;
  box-shadow: 0 1.2cqw 3.2cqw rgba(9, 9, 11, 0.18);
  overflow: hidden;
  animation: context-agent-in 420ms ease both;
}

[data-slide-frame].is-context-drop .context-agent-bar {
  display: flex;
  align-items: center;
  gap: 0.7cqw;
  box-sizing: border-box;
  height: 3.8cqh;
  padding: 0 1.2cqw;
  background: #18181b;
  border-bottom: 0.08cqw solid rgba(255, 255, 255, 0.08);
  line-height: 1;
}

[data-slide-frame].is-context-drop .context-agent-pulse {
  flex-shrink: 0;
  width: 0.7cqw;
  height: 0.7cqw;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 0.6cqw rgba(74, 222, 128, 0.55);
  animation: context-agent-pulse 1.2s ease-in-out infinite;
}

[data-slide-frame].is-context-drop .context-agent-title {
  font-size: 1.35cqw;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fafafa;
}

[data-slide-frame].is-context-drop .context-agent-body {
  display: flex;
  flex-direction: column;
  gap: 1.1cqh;
  box-sizing: border-box;
  min-height: 28cqh;
  padding: 2cqh 1.3cqw 2.2cqh;
}

[data-slide-frame].is-context-drop .context-agent-line {
  display: flex;
  align-items: baseline;
  gap: 0.55cqw;
  margin: 0;
  font-size: 1.35cqw;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.015em;
  color: #a1a1aa;
  opacity: 0;
  animation: context-agent-line-in 360ms ease forwards;
}

[data-slide-frame].is-context-drop .context-agent-line.is-done {
  color: #d4d4d8;
}

[data-slide-frame].is-context-drop .context-agent-line.is-live {
  color: #4ade80;
}

[data-slide-frame].is-context-drop .context-agent-prefix {
  flex-shrink: 0;
  color: #71717a;
}

[data-slide-frame].is-context-drop .context-product {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 2;
  box-sizing: border-box;
  width: 34cqw;
  height: 48cqh;
  overflow: hidden;
  background: #fff;
  border: 0.1cqw solid rgba(9, 9, 11, 0.12);
  border-radius: 0.85cqw;
  box-shadow: 0 1.1cqw 3.2cqw rgba(9, 9, 11, 0.14);
  transform: translateY(-50%);
  animation: context-product-in 480ms 160ms ease both;
}

[data-slide-frame].is-context-drop .context-product-bar {
  display: flex;
  align-items: center;
  gap: 0.42cqw;
  height: 3.2cqh;
  padding: 0 0.9cqw;
  background: #f4f4f5;
  border-bottom: 0.08cqw solid rgba(9, 9, 11, 0.08);
}

[data-slide-frame].is-context-drop .context-product-dot {
  flex-shrink: 0;
  width: 0.78cqw;
  height: 0.78cqw;
  border-radius: 50%;
}

[data-slide-frame].is-context-drop .context-product-dot.is-red {
  background: #ff5f57;
}

[data-slide-frame].is-context-drop .context-product-dot.is-yellow {
  background: #febc2e;
}

[data-slide-frame].is-context-drop .context-product-dot.is-green {
  background: #28c840;
}

[data-slide-frame].is-context-drop .context-product-title {
  flex: 1;
  min-width: 0;
  margin-right: 2.4cqw;
  overflow: hidden;
  font-size: 1.05cqw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #52525b;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

[data-slide-frame].is-context-drop .context-product-body {
  display: flex;
  flex-direction: column;
  gap: 1.3cqh;
  padding: 2.6cqh 1.8cqw;
}

[data-slide-frame].is-context-drop .context-product-line {
  display: block;
  height: 1.25cqh;
  border-radius: 0.25cqw;
  background: #e4e4e7;
  transform-origin: left center;
  animation: context-product-line 520ms ease both;
}

[data-slide-frame].is-context-drop .context-product-line:nth-child(1) {
  animation-delay: 280ms;
}

[data-slide-frame].is-context-drop .context-product-line:nth-child(2) {
  animation-delay: 360ms;
}

[data-slide-frame].is-context-drop .context-product-line:nth-child(3) {
  animation-delay: 440ms;
}

[data-slide-frame].is-context-drop .context-product-line:nth-child(4) {
  animation-delay: 520ms;
}

[data-slide-frame].is-context-drop .context-product-line:nth-child(5) {
  animation-delay: 600ms;
}

[data-slide-frame].is-context-drop .context-product-line:nth-child(6) {
  animation-delay: 680ms;
}

[data-slide-frame].is-context-drop .context-product-line.is-short {
  width: 62%;
}


[data-slide-frame].is-context-drop .context-projecting {
  position: absolute;
  left: 28cqw;
  top: 50%;
  z-index: 2;
  box-sizing: border-box;
  width: 28cqw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1cqh;
  transform: translateY(-50%);
  animation: context-projecting-in 420ms ease both;
}

[data-slide-frame].is-context-drop .context-projecting-label {
  font-size: 1.7cqw;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #71717a;
}

[data-slide-frame].is-context-drop .context-projecting-line {
  position: relative;
  display: block;
  width: 100%;
  height: 0.18cqw;
  background: rgba(9, 9, 11, 0.28);
  border-radius: 999px;
}

[data-slide-frame].is-context-drop .context-projecting-line::after {
  content: '';
  position: absolute;
  right: -0.15cqw;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 0.55cqw solid transparent;
  border-bottom: 0.55cqw solid transparent;
  border-left: 0.85cqw solid rgba(9, 9, 11, 0.45);
  transform: translateY(-50%);
}

[data-slide-frame].is-context-drop .context-product.is-mark {
  display: flex;
  flex-direction: column;
}

[data-slide-frame].is-context-drop .context-product.is-mark .context-product-body {
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 2cqh 2cqw;
}

[data-slide-frame].is-context-drop .context-product-mark {
  display: block;
  width: 9cqw;
  height: auto;
  max-width: 48%;
  filter: brightness(0) saturate(100%);
  opacity: 0.28;
}

[data-slide-frame].is-context-drop.is-projecting .context-product {
  width: 38cqw;
}

@keyframes context-projecting-in {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(1.2cqw);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes context-agent-in {
  from {
    opacity: 0;
    transform: translateY(-50%) translateX(1.5cqw);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

@keyframes context-agent-line-in {
  from {
    opacity: 0;
    transform: translateY(0.6cqh);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes context-agent-pulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.55;
    transform: scale(0.85);
  }
}

@keyframes context-product-in {
  from {
    opacity: 0;
    transform: translateY(-50%) scale(0.94);
  }
  to {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
}

@keyframes context-product-line {
  from {
    opacity: 0;
    transform: scaleX(0.2);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame].is-context-drop .context-chip,
  [data-slide-frame].is-context-drop .context-folder,
  [data-slide-frame].is-context-drop .context-file,
  [data-slide-frame].is-context-drop .context-agent,
  [data-slide-frame].is-context-drop .context-agent-line,
  [data-slide-frame].is-context-drop .context-agent-pulse,
  [data-slide-frame].is-context-drop .context-product,
  [data-slide-frame].is-context-drop .context-product-line {
    animation: none !important;
    transition: none !important;
  }

  [data-slide-frame].is-context-drop .context-agent-line,
  [data-slide-frame].is-context-drop .context-product {
    opacity: 1;
  }
}

.slide-title.is-blank-placeholder {
  color: #a1a1aa;
  font-weight: 550;
  letter-spacing: -0.03em;
}

/* Docs → many prototypes */
[data-slide-frame].is-docs-prototypes {
  justify-content: stretch;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-stage {
  position: relative;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 34cqw;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition:
    opacity 420ms ease,
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
    left 520ms cubic-bezier(0.22, 1, 0.36, 1),
    width 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder.is-aside {
  left: 0;
  width: 22cqw;
  opacity: 0.55;
  transform: translate(0, -50%) scale(0.92);
  pointer-events: none;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder-body {
  box-sizing: border-box;
  min-height: 42cqh;
  padding: 0 0 1.2cqh;
  background: #fff;
  border: 0.1cqw solid rgba(9, 9, 11, 0.14);
  border-radius: 0.85cqw;
  box-shadow: 0 1.2cqw 3.2cqw rgba(9, 9, 11, 0.12);
  overflow: hidden;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder-bar {
  display: flex;
  align-items: center;
  gap: 0.75cqw;
  box-sizing: border-box;
  height: 3.8cqh;
  padding: 0 1.3cqw;
  margin: 0;
  background: #f4f4f5;
  border-bottom: 0.08cqw solid rgba(9, 9, 11, 0.08);
  line-height: 1;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder-icon {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: 1.25cqw;
  height: 0.95cqw;
  margin: 0;
  border-radius: 0.12cqw;
  background: #fbbf24;
  box-shadow: inset 0 -0.12cqw 0 rgba(9, 9, 11, 0.1);
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder-icon::before {
  content: '';
  position: absolute;
  left: 0.1cqw;
  top: -0.28cqw;
  width: 0.48cqw;
  height: 0.28cqw;
  background: #fbbf24;
  border-radius: 0.1cqw 0.1cqw 0 0;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder-title {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.45cqw;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #3f3f46;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder-list {
  list-style: none;
  margin: 0;
  padding: 1cqh 0 0;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-file {
  display: flex;
  align-items: center;
  gap: 0.75cqw;
  margin: 0;
  padding: 1.15cqh 1.4cqw;
  font-size: 1.55cqw;
  font-weight: 500;
  letter-spacing: -0.018em;
  color: #09090b;
  border-bottom: 1px solid rgba(9, 9, 11, 0.06);
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-folder.is-aside .docs-prototypes-file {
  padding: 0.85cqh 1cqw;
  font-size: 1.15cqw;
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-file-icon {
  flex-shrink: 0;
  width: 0.95cqw;
  height: 1.15cqw;
  border-radius: 0.12cqw;
  background: #e4e4e7;
  box-shadow: inset 0 0 0 0.08cqw rgba(9, 9, 11, 0.08);
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-grid {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

[data-slide-frame].is-docs-prototypes .docs-proto-window {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border: 0.1cqw solid rgba(9, 9, 11, 0.12);
  border-radius: 0.85cqw;
  box-shadow: 0 1.1cqw 3.2cqw rgba(9, 9, 11, 0.14);
  opacity: 0;
  transform: scale(0.92);
  transition:
    opacity 420ms ease,
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-grid.is-in .docs-proto-window {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

[data-slide-frame].is-docs-prototypes .docs-proto-window.is-p0 {
  left: 28%;
  top: 12%;
  width: 28%;
  height: 42%;
  transform: scale(0.92) rotate(-4deg);
}

[data-slide-frame].is-docs-prototypes .docs-proto-window.is-p1 {
  left: 52%;
  top: 8%;
  width: 28%;
  height: 42%;
  transform: scale(0.92) rotate(2.5deg);
}

[data-slide-frame].is-docs-prototypes .docs-proto-window.is-p2 {
  left: 40%;
  top: 48%;
  width: 28%;
  height: 42%;
  transform: scale(0.92) rotate(-1.5deg);
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-grid.is-in .docs-proto-window.is-p0 {
  transform: rotate(-4deg);
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-grid.is-in .docs-proto-window.is-p1 {
  transform: rotate(2.5deg);
}

[data-slide-frame].is-docs-prototypes .docs-prototypes-grid.is-in .docs-proto-window.is-p2 {
  transform: rotate(-1.5deg);
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-bar {
  display: flex;
  align-items: center;
  gap: 0.45cqw;
  box-sizing: border-box;
  height: 3.2cqh;
  padding: 0 0.9cqw;
  background: #f4f4f5;
  border-bottom: 0.08cqw solid rgba(9, 9, 11, 0.08);
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-dot {
  width: 0.7cqw;
  height: 0.7cqw;
  border-radius: 999px;
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-dot.is-red {
  background: #ff5f57;
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-dot.is-yellow {
  background: #febc2e;
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-dot.is-green {
  background: #28c840;
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-title {
  margin-left: 0.35cqw;
  font-size: 1.15cqw;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #3f3f46;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-body {
  display: flex;
  flex-direction: column;
  gap: 1.1cqh;
  box-sizing: border-box;
  height: calc(100% - 3.2cqh);
  padding: 1.6cqh 1.2cqw;
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-line {
  display: block;
  height: 0.55cqh;
  width: 88%;
  border-radius: 999px;
  background: #e4e4e7;
}

[data-slide-frame].is-docs-prototypes .docs-proto-win-line.is-short {
  width: 58%;
}

/* Prototype reject — × out constrained prototypes */
[data-slide-frame].is-prototype-reject {
  justify-content: center;
}

[data-slide-frame].is-prototype-reject .proto-reject-window {
  position: relative;
  flex: 1 1 0;
  max-width: 28cqw;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border: 0.1cqw solid rgba(9, 9, 11, 0.12);
  border-radius: 0.85cqw;
  box-shadow: 0 1.1cqw 3.2cqw rgba(9, 9, 11, 0.14);
}

[data-slide-frame].is-prototype-reject .proto-reject-win-bar {
  display: flex;
  align-items: center;
  gap: 0.45cqw;
  box-sizing: border-box;
  height: 3.6cqh;
  padding: 0 1cqw;
  background: #f4f4f5;
  border-bottom: 0.08cqw solid rgba(9, 9, 11, 0.08);
}

[data-slide-frame].is-prototype-reject .proto-reject-win-dot {
  width: 0.75cqw;
  height: 0.75cqw;
  border-radius: 999px;
}

[data-slide-frame].is-prototype-reject .proto-reject-win-dot.is-red {
  background: #ff5f57;
}

[data-slide-frame].is-prototype-reject .proto-reject-win-dot.is-yellow {
  background: #febc2e;
}

[data-slide-frame].is-prototype-reject .proto-reject-win-dot.is-green {
  background: #28c840;
}

[data-slide-frame].is-prototype-reject .proto-reject-win-title {
  margin-left: 0.4cqw;
  font-size: 1.35cqw;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #3f3f46;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-slide-frame].is-prototype-reject .proto-reject-win-body {
  display: flex;
  flex-direction: column;
  gap: 1.4cqh;
  box-sizing: border-box;
  height: calc(100% - 3.6cqh);
  padding: 2.2cqh 1.5cqw;
}

[data-slide-frame].is-prototype-reject .proto-reject-win-line {
  display: block;
  height: 0.6cqh;
  width: 88%;
  border-radius: 999px;
  background: #e4e4e7;
}

[data-slide-frame].is-prototype-reject .proto-reject-win-line.is-short {
  width: 58%;
}

[data-slide-frame].is-prototype-reject .proto-reject-x {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4.2cqw;
  height: 4.2cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.55cqw;
  background-color: #3f3f46;
  box-shadow: 0 0.35cqw 0.9cqw rgba(9, 9, 11, 0.12);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.35);
  animation: turtlePopCenter 220ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  z-index: 2;
}

@keyframes turtlePopCenter {
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

[data-slide-frame].is-prototype-reject .proto-reject-x-mark {
  display: block;
  font-size: 2.4cqw;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 0.88);
  text-shadow: 0 0.12cqw 0.25cqw rgba(0, 0, 0, 0.25);
  transform: translate(0.06cqw, -0.1cqw);
}

/* Orthographic projection solid */
[data-slide-frame].is-ortho-project {
  align-items: center;
  justify-content: center;
}

[data-slide-frame].is-ortho-project .ortho-object {
  opacity: 1;
  transform: translateY(0) scale(1);
  transform-origin: 500px 360px;
  transition: opacity 520ms ease, transform 520ms ease;
}

[data-slide-frame].is-ortho-project[data-build="0"] .ortho-object {
  opacity: 0;
  transform: translateY(12px) scale(0.96);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame].is-ortho-project .ortho-object {
    transition: none;
  }
}

/* Views — white field, black orthographic shapes → black-metal solids */
[data-slide-frame].is-views-project {
  align-items: stretch;
  justify-content: stretch;
  padding: 3.5cqh 3.5cqw;
  background-color: #ffffff;
  background-image: none;
  color: #18181b;
}

[data-slide-frame].is-views-project .views-project-solid {
  opacity: 1;
}

[data-slide-frame].is-views-project .views-project-countdown {
  opacity: 1;
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  [data-slide-frame].is-views-project .views-project-solid {
    transition: none;
  }
}

/* It's a projection — charcoal field, gray spinning solid */
[data-slide-frame].is-its-projection {
  align-items: stretch;
  justify-content: stretch;
  padding: 4cqh 4cqw;
  background-color: #14161a;
  background-image:
    radial-gradient(ellipse 70% 55% at 50% 42%, rgba(90, 100, 120, 0.22), transparent 70%);
  color: #eceff4;
}

/* First prototype — Vercel + MCP → Sails */
[data-slide-frame].is-proto-mcp {
  justify-content: center;
}

[data-slide-frame].is-proto-mcp .proto-mcp-sources {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(18cqw, 22%);
  width: min(78cqw, 100%);
}

[data-slide-frame].is-proto-mcp .proto-mcp-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1cqh;
  min-width: 16cqw;
}

[data-slide-frame].is-proto-mcp .proto-mcp-badge {
  position: relative;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 11cqw;
  height: 11cqw;
  border-radius: 1.4cqw;
}

[data-slide-frame].is-proto-mcp .proto-mcp-badge.is-light {
  background: #fff;
  border: 0.12cqw solid rgba(9, 9, 11, 0.1);
  box-shadow: 0 0.9cqw 2.4cqw rgba(9, 9, 11, 0.08);
}

[data-slide-frame].is-proto-mcp .proto-mcp-badge.is-sails {
  width: 13cqw;
  height: 13cqw;
  background: #172554;
  box-shadow: 0 1.1cqw 3cqw rgba(23, 37, 84, 0.28);
}

[data-slide-frame].is-proto-mcp .proto-mcp-logo {
  display: block;
  object-fit: contain;
}

[data-slide-frame].is-proto-mcp .proto-mcp-logo.is-vercel {
  width: 4.2cqw;
  height: auto;
}

[data-slide-frame].is-proto-mcp .proto-mcp-logo.is-mcp {
  width: 5.6cqw;
  height: 5.6cqw;
}

[data-slide-frame].is-proto-mcp .proto-mcp-logo.is-sails {
  width: 7.2cqw;
  height: 7.2cqw;
}

[data-slide-frame].is-proto-mcp .proto-mcp-label {
  font-size: 1.85cqw;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #09090b;
  line-height: 1.15;
}

[data-slide-frame].is-proto-mcp .proto-mcp-sub {
  font-size: 1.25cqw;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #71717a;
  line-height: 1.2;
}

[data-slide-frame].is-proto-mcp .proto-mcp-x {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4.2cqw;
  height: 4.2cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.55cqw;
  background-color: #3f3f46;
  box-shadow: 0 0.35cqw 0.9cqw rgba(9, 9, 11, 0.12);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.35);
  animation: turtlePopCenter 220ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  z-index: 2;
}

[data-slide-frame].is-proto-mcp .proto-mcp-x-mark {
  display: block;
  font-size: 2.4cqw;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 0.88);
  text-shadow: 0 0.12cqw 0.25cqw rgba(0, 0, 0, 0.25);
  transform: translate(0.06cqw, -0.1cqw);
}

[data-slide-frame].is-proto-mcp .proto-mcp-arrows {
  display: block;
  width: min(56cqw, 70%);
  height: 14cqh;
  margin: 0.5cqh 0 0.2cqh;
  overflow: visible;
}

[data-slide-frame].is-proto-mcp .proto-mcp-node.is-sails {
  margin-top: 0.4cqh;
}

/* Rust bash — S3 + rust bash + MCP → Sails */
[data-slide-frame].is-rust-bash {
  justify-content: center;
}

[data-slide-frame].is-rust-bash .rust-bash-sources {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: min(10cqw, 12%);
  width: min(92cqw, 100%);
}

[data-slide-frame].is-rust-bash .rust-bash-left {
  display: flex;
  align-items: center;
  gap: 1.2cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-node {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1cqh;
  min-width: 14cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-badge {
  position: relative;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 11cqw;
  height: 11cqw;
  border-radius: 1.4cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-badge.is-light {
  background: #fff;
  border: 0.12cqw solid rgba(9, 9, 11, 0.1);
  box-shadow: 0 0.9cqw 2.4cqw rgba(9, 9, 11, 0.08);
}

[data-slide-frame].is-rust-bash .rust-bash-badge.is-sails {
  width: 11cqw;
  height: 11cqw;
  background: #172554;
  box-shadow: 0 1.1cqw 3cqw rgba(23, 37, 84, 0.28);
}

[data-slide-frame].is-rust-bash .rust-bash-node.is-sails-out .rust-bash-badge.is-sails {
  width: 13cqw;
  height: 13cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-logo {
  display: block;
  object-fit: contain;
}

[data-slide-frame].is-rust-bash .rust-bash-logo.is-s3 {
  width: 5.4cqw;
  height: 5.4cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-logo.is-mcp {
  width: 5.6cqw;
  height: 5.6cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-logo.is-sails {
  width: 6.2cqw;
  height: 6.2cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-logo.is-sails-gray {
  width: 6.2cqw;
  height: 6.2cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-node.is-sails-out .rust-bash-logo.is-sails {
  width: 7.2cqw;
  height: 7.2cqw;
}

[data-slide-frame].is-rust-bash .rust-bash-label {
  font-size: 1.85cqw;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #09090b;
  line-height: 1.15;
  text-align: center;
}

[data-slide-frame].is-rust-bash .rust-bash-sub {
  font-size: 1.25cqw;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: #71717a;
  line-height: 1.2;
  text-align: center;
}

[data-slide-frame].is-rust-bash .rust-bash-link {
  display: block;
  width: 5.5cqw;
  height: 1.6cqw;
  margin-top: -3.2cqh;
  overflow: visible;
  flex: 0 0 auto;
}

[data-slide-frame].is-rust-bash .rust-bash-arrows {
  display: block;
  width: min(62cqw, 78%);
  height: 14cqh;
  margin: 0.5cqh 0 0.2cqh;
  overflow: visible;
}

[data-slide-frame].is-rust-bash .rust-bash-node.is-sails-out {
  margin-top: 0.4cqh;
}