/* source: a2.css */
:root {
  --paper: #fff4df;
  --ink: #2a160e;
  --muted: #775949;
  --line: rgb(105 54 22 / 18%);
  --accent: #c95719;
  --accent-deep: #91340e;
  --accent-soft: #f1d2ac;
  --surface: rgb(255 250 239 / 55%);
  --shadow: 0 1px 2px rgb(46 19 8 / 12%), 0 30px 90px rgb(46 19 8 / 28%);
  --wave-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 12' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23a94b1c' stroke-linecap='round'%3E%3Cpath opacity='.44' stroke-width='1.8' d='M3 7C14 1 25 12 36 6S58 1 69 7 91 12 102 6'/%3E%3Cpath opacity='.3' stroke-width='1.45' d='M133 6c9-5 18 5 27 0s18-5 27 0 18 5 27 0'/%3E%3Cpath opacity='.4' stroke-width='1.65' d='M244 7c8-6 17 5 25-1s17-4 25 1 15 3 23-1'/%3E%3C/g%3E%3C/svg%3E");
  --wave-column: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 320' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23a94b1c' stroke-linecap='round'%3E%3Cpath opacity='.28' stroke-width='1.5' d='M7 5C1 16 12 27 6 38S1 60 7 71 12 93 6 104'/%3E%3Cpath opacity='.21' stroke-width='1.35' d='M6 137c-5 9 5 18 0 27s-5 18 0 27 5 18 0 27'/%3E%3Cpath opacity='.3' stroke-width='1.45' d='M7 251c-6 8 5 17-1 25s-4 17 1 25 3 9-1 15'/%3E%3C/g%3E%3C/svg%3E");
  --maple-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 72'%3E%3Cpath fill='%23c95719' d='m32 69 2-22 13 7-3-11 14-3-9-7 8-14-16 5-4-15-5 9-5-9-4 15-16-5 8 14-9 7 14 3-3 11 13-7 2 22Z'/%3E%3Cpath fill='none' stroke='%238f330e' stroke-linecap='round' stroke-width='2' d='m32 65 1-32m0 11 12-9m-12 18-13-9' opacity='.55'/%3E%3C/svg%3E");
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background:
    radial-gradient(circle at 50% 0%, #8c3514 0, #35170c 48%, #1d0d08 100%);
}

.deck {
  isolation: isolate;
  background: var(--paper);
  box-shadow: var(--shadow);
}

.deck::before {
  content: "";
  position: absolute;
  z-index: -3;
  inset: -1.5%;
  background-image: url("autumn-stage-bg.webp");
  background-position: center;
  background-size: cover;
  transform: scale(1.015);
  animation: autumn-breathe 16s ease-in-out infinite alternate;
}

.deck::after {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgb(80 25 4 / 14%) 0 28.3%, transparent 28.4%),
    radial-gradient(circle at 71% 40%, rgb(255 255 255 / 18%), transparent 48%),
    linear-gradient(180deg, rgb(67 27 8 / 7%), transparent 14%, transparent 86%, rgb(67 27 8 / 8%));
}

@keyframes autumn-breathe {
  from { transform: scale(1.015) translate3d(0, 0, 0); }
  to { transform: scale(1.035) translate3d(-.35%, -.3%, 0); }
}

.progress {
  z-index: 60;
  height: 3px;
  background: rgb(79 36 13 / 12%);
}

.progress__bar {
  background: linear-gradient(90deg, #ffbb62, #c54b12 72%, #76250a);
  box-shadow: 0 0 18px rgb(204 78 16 / 42%);
  transition-property: width;
  transition-duration: 520ms;
  transition-timing-function: cubic-bezier(.2, .8, .2, 1);
}

.topbar {
  z-index: 50;
  top: 4.3%;
  left: 3.7%;
  right: 4.2%;
}

.brand {
  width: 23%;
  color: #fff4df;
  font-size: clamp(12px, .85vw, 16px);
  letter-spacing: .16em;
  text-shadow: 0 2px 14px rgb(54 16 3 / 24%);
}

.counter {
  color: #8b4c2c;
  font-size: clamp(12px, .82vw, 16px);
  font-weight: 650;
  font-variant-numeric: tabular-nums;
}

.slide {
  align-content: center;
  gap: clamp(14px, 1.4vw, 24px);
  padding: 7.2% 5.7% 7.8% 33.2%;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(5%, 0, 0) scale(.985);
  filter: blur(7px);
  clip-path: inset(0 0 0 10%);
  transition-property: opacity, transform, filter, clip-path, visibility;
  transition-duration: 180ms, 620ms, 420ms, 620ms, 0s;
  transition-timing-function: ease, cubic-bezier(.16, 1, .3, 1), ease, cubic-bezier(.16, 1, .3, 1), linear;
  transition-delay: 0s, 0s, 0s, 0s, 620ms;
  will-change: transform, opacity, filter;
}

.slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  clip-path: inset(0 0 0 0);
  transition-delay: 0s;
}

.slide.is-before {
  transform: translate3d(-3%, 0, 0) scale(.992);
  filter: blur(3px);
  clip-path: inset(0 9% 0 0);
}

.slide::before {
  content: attr(data-chapter);
  position: absolute;
  left: 4.1%;
  top: 14%;
  width: 18%;
  color: rgb(255 246 229 / 78%);
  font-family: Arial, sans-serif;
  font-size: clamp(28px, 4.2vw, 72px);
  font-weight: 800;
  line-height: .88;
  letter-spacing: -.045em;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-shadow: 0 3px 16px rgb(56 16 2 / 20%);
  pointer-events: none;
}

.slide::after {
  content: attr(data-page);
  position: absolute;
  left: 18.8%;
  bottom: 3.8%;
  color: rgb(255 243 220 / 66%);
  font-family: Georgia, serif;
  font-size: clamp(52px, 7vw, 116px);
  font-style: italic;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}

.slide > * {
  opacity: 0;
  transform: translateY(22px);
  filter: blur(5px);
  transition-property: opacity, transform, filter;
  transition-duration: 430ms, 580ms, 430ms;
  transition-timing-function: ease, cubic-bezier(.16, 1, .3, 1), ease;
}

.slide.is-active > * {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.slide.is-active > :nth-child(1) { transition-delay: 90ms; }
.slide.is-active > :nth-child(2) { transition-delay: 170ms; }
.slide.is-active > :nth-child(3) { transition-delay: 250ms; }
.slide.is-active > :nth-child(4) { transition-delay: 330ms; }
.slide.is-active > :nth-child(5) { transition-delay: 410ms; }

.slide--compact {
  gap: clamp(10px, 1vw, 16px);
  padding-top: 6.4%;
  padding-bottom: 7%;
}

.slide--compact .card { padding: clamp(10px, 1.1vw, 18px); }

.eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 9px;
  color: var(--accent);
  font-family: Arial, "PingFang SC", sans-serif;
  font-size: clamp(11px, .82vw, 15px);
  font-weight: 750;
  letter-spacing: .13em;
}

.eyebrow::before {
  content: "";
  width: 34px;
  height: 8px;
  background: var(--wave-line) center / 92px 8px no-repeat;
  filter: saturate(1.15);
}

h1 {
  max-width: 13.5em;
  color: var(--ink);
  font-family: "Songti SC", "STSong", "Noto Serif CJK SC", serif;
  font-size: clamp(37px, 4.1vw, 72px);
  font-weight: 900;
  line-height: 1.06;
  letter-spacing: -.06em;
  text-wrap: balance;
}

.subtitle {
  max-width: 34em;
  margin-top: 12px;
  color: var(--accent-deep);
  font-size: clamp(16px, 1.3vw, 23px);
  font-weight: 650;
  line-height: 1.48;
  text-wrap: pretty;
}

.lead {
  max-width: 43em;
  color: #4b3024;
  font-size: clamp(15px, 1.28vw, 23px);
  line-height: 1.65;
  text-wrap: pretty;
}

.grid {
  position: relative;
  gap: 0 clamp(16px, 1.45vw, 28px);
  overflow: visible;
  padding: clamp(4px, .45vw, 8px) clamp(8px, .8vw, 15px);
  border: 0;
  border-radius: 22px 17px 24px 19px;
  background:
    radial-gradient(circle at 11% 10%, rgb(255 255 255 / 50%), transparent 26%),
    linear-gradient(135deg, rgb(255 251 242 / 44%), rgb(246 218 184 / 16%));
  box-shadow:
    0 1px 0 rgb(255 255 255 / 42%) inset,
    0 9px 28px rgb(95 42 16 / 7%);
}

.grid::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 7%;
  bottom: 7%;
  left: 50%;
  width: 9px;
  background: var(--wave-column) center / 9px 100% no-repeat;
  transform: translateX(-50%);
  pointer-events: none;
}

.grid::after,
.numbered::after,
.schedule::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: -10px -7px;
  background-image: var(--maple-leaf), var(--maple-leaf);
  background-position: right 3px top 1px, left 8px bottom 0;
  background-repeat: no-repeat;
  background-size: 19px 22px, 13px 15px;
  filter: drop-shadow(0 3px 3px rgb(92 35 9 / 18%));
  opacity: .72;
  transform: rotate(1deg);
  pointer-events: none;
}

.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.grid--3::before {
  right: 0;
  left: 0;
  width: auto;
  background-image: var(--wave-column), var(--wave-column);
  background-position: 33.333% center, 66.666% center;
  background-repeat: no-repeat;
  background-size: 9px 100%, 9px 100%;
  transform: none;
}

.card {
  position: relative;
  z-index: 1;
  padding: clamp(15px, 1.35vw, 23px);
  border: 0;
  border-radius: 13px 18px 14px 19px;
  background: transparent;
  box-shadow: none;
  transition-property: background-color, transform;
  transition-duration: 220ms, 220ms;
  transition-timing-function: ease, cubic-bezier(.2, .8, .2, 1);
}

.card:nth-child(3n + 2) { border-radius: 19px 13px 18px 14px; }
.card:nth-child(3n) { border-radius: 15px 20px 12px 17px; }

.card::after {
  content: "";
  position: absolute;
  right: 4%;
  bottom: -4px;
  left: 3%;
  height: 10px;
  background: var(--wave-line) center / 100% 10px no-repeat;
  opacity: .9;
  pointer-events: none;
}

.card:nth-child(3n + 2)::after {
  right: 10%;
  left: 1%;
  transform: scaleX(-1) translateY(1px);
  opacity: .7;
}

.card:nth-child(3n)::after {
  right: 1%;
  left: 8%;
  transform: translateY(-1px);
}

.card:hover {
  background: rgb(255 255 255 / 26%);
  transform: translateY(-1px);
}

.card h2,
.card h3 {
  margin-bottom: 8px;
  color: var(--ink);
  font-size: clamp(16px, 1.28vw, 22px);
  line-height: 1.34;
}

.card p {
  color: var(--muted);
  font-size: clamp(13px, 1vw, 18px);
  line-height: 1.55;
}

.numbered {
  position: relative;
  gap: 0 clamp(18px, 1.6vw, 30px);
  padding: clamp(5px, .5vw, 9px) clamp(9px, .8vw, 15px);
  border: 0;
  border-radius: 21px 16px 23px 18px;
  background:
    radial-gradient(circle at 89% 12%, rgb(255 255 255 / 44%), transparent 24%),
    linear-gradient(145deg, rgb(255 251 241 / 42%), rgb(245 215 178 / 13%));
  box-shadow:
    0 1px 0 rgb(255 255 255 / 40%) inset,
    0 9px 28px rgb(95 42 16 / 7%);
}

.numbered::before,
.schedule::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 8%;
  bottom: 8%;
  left: 50%;
  width: 9px;
  background: var(--wave-column) center / 9px 100% no-repeat;
  transform: translateX(-50%);
  pointer-events: none;
}

.numbered li {
  z-index: 1;
  min-height: 64px;
  padding: clamp(14px, 1.15vw, 20px) 14px clamp(14px, 1.15vw, 20px) 54px;
  border: 0;
  border-radius: 14px 18px 13px 20px;
  background: transparent;
  color: #382218;
  font-size: clamp(14px, 1.15vw, 20px);
  line-height: 1.43;
}

.numbered li::after {
  content: "";
  position: absolute;
  right: 3%;
  bottom: -4px;
  left: 2%;
  height: 10px;
  background: var(--wave-line) center / 100% 10px no-repeat;
  opacity: .86;
  pointer-events: none;
}

.numbered li:nth-child(even)::after {
  right: 9%;
  left: 1%;
  transform: scaleX(-1) translateY(1px);
  opacity: .7;
}

.numbered li::before {
  top: clamp(14px, 1.15vw, 20px);
  left: 4px;
  color: var(--accent);
  font-family: Georgia, serif;
  font-size: 1.35em;
  font-style: italic;
}

.note {
  padding: 10px 0 10px 17px;
  border-left: 3px solid var(--accent);
  color: #664839;
  font-size: clamp(13px, 1.02vw, 18px);
  line-height: 1.52;
  background: linear-gradient(90deg, rgb(231 165 99 / 13%), transparent 76%);
}

.quote {
  font-family: "Songti SC", "STSong", serif;
  font-size: clamp(17px, 1.38vw, 24px);
  font-weight: 700;
}

.taglist { gap: 9px; }

.taglist li {
  padding: 8px 11px;
  border: 0;
  border-radius: 11px 15px 10px 14px;
  background: linear-gradient(145deg, rgb(255 250 239 / 64%), rgb(234 177 119 / 22%));
  color: #733718;
  font-size: clamp(12px, .96vw, 17px);
  box-shadow: 0 4px 12px rgb(94 40 13 / 7%);
}

.taglist li:nth-child(even) { border-radius: 15px 10px 14px 11px; }

.schedule {
  position: relative;
  gap: clamp(18px, 1.65vw, 31px);
  padding: clamp(5px, .5vw, 9px) clamp(9px, .8vw, 15px);
  border-radius: 22px 17px 24px 19px;
  background:
    radial-gradient(circle at 12% 8%, rgb(255 255 255 / 46%), transparent 25%),
    linear-gradient(135deg, rgb(255 251 242 / 42%), rgb(245 215 178 / 14%));
  box-shadow:
    0 1px 0 rgb(255 255 255 / 40%) inset,
    0 9px 28px rgb(95 42 16 / 7%);
}

.schedule .card { padding: clamp(13px, 1.2vw, 20px); }

.schedule h2 {
  position: relative;
  padding-bottom: 9px;
  border-bottom: 0;
  color: var(--accent-deep);
  font-size: clamp(15px, 1.2vw, 21px);
}

.schedule h2::after {
  content: "";
  position: absolute;
  right: 7%;
  bottom: 0;
  left: 0;
  height: 9px;
  background: var(--wave-line) left center / 100% 9px no-repeat;
  opacity: .95;
}

.schedule li {
  grid-template-columns: 3.9em 1fr;
  padding: 4px 0;
  font-size: clamp(12px, .9vw, 16px);
}

.schedule time { color: var(--accent); }

.action {
  position: relative;
  min-height: 46px;
  padding: 12px 43px 12px 22px;
  border-radius: 3px;
  background: linear-gradient(135deg, #d96420, #a83b10);
  box-shadow:
    0 0 0 1px rgb(83 28 6 / 12%),
    0 3px 7px rgb(83 28 6 / 16%),
    0 12px 26px rgb(83 28 6 / 16%);
  transition-property: transform, background-position, box-shadow;
  transition-duration: 160ms, 260ms, 200ms;
  background-size: 150% 100%;
}

.action::after {
  content: "↗";
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-52%);
  font-size: 1.05em;
}

.action:hover {
  background-position: 100% 0;
  box-shadow:
    0 0 0 1px rgb(83 28 6 / 14%),
    0 4px 10px rgb(83 28 6 / 18%),
    0 16px 32px rgb(83 28 6 / 22%);
}

.action:active { transform: scale(.96); }

.controls {
  right: 3.4%;
  bottom: 3.1%;
  gap: 8px;
}

.nav-button {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgb(255 248 234 / 78%);
  color: #65331c;
  box-shadow:
    0 0 0 1px rgb(72 30 10 / 10%),
    0 2px 5px rgb(72 30 10 / 10%),
    0 10px 24px rgb(72 30 10 / 14%);
  backdrop-filter: blur(12px);
  transition-property: transform, color, box-shadow, background-color;
  transition-duration: 160ms, 160ms, 200ms, 160ms;
}

.nav-button:hover {
  color: var(--accent);
  background: rgb(255 250 240 / 94%);
  box-shadow:
    0 0 0 1px rgb(162 68 20 / 20%),
    0 3px 7px rgb(72 30 10 / 12%),
    0 13px 30px rgb(72 30 10 / 18%);
}

.nav-button:active { transform: scale(.96); }

/* 每页根据内容改变节奏，不套同一种卡片模板 */
.slide:nth-child(1) h1 { font-size: clamp(48px, 5.3vw, 91px); }
.slide:nth-child(1) .lead { max-width: 40em; }
.slide:nth-child(1) .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.slide:nth-child(1) .grid::before {
  right: 0;
  left: 0;
  width: auto;
  background-image: var(--wave-column), var(--wave-column), var(--wave-column);
  background-position: 25% center, 50% center, 75% center;
  background-repeat: no-repeat;
  background-size: 9px 100%, 9px 100%, 9px 100%;
  transform: none;
}
.slide:nth-child(1) .card { padding: clamp(10px, 1vw, 17px); }
.slide:nth-child(1) .card h2 { font-size: clamp(14px, 1.05vw, 19px); }
.slide:nth-child(1) .card p { font-size: clamp(12px, .9vw, 16px); }

.slide:nth-child(2) .numbered { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.slide:nth-child(2) .numbered::before { bottom: 35%; }
.slide:nth-child(2) .numbered li:last-child { grid-column: 1 / -1; }

.slide:nth-child(4) .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.slide:nth-child(5) .grid .card { min-height: 112px; display: grid; align-items: center; }

.slide:nth-child(7) .grid { grid-template-columns: .82fr 1.18fr; }
.slide:nth-child(7) .taglist li { padding: 10px 16px; font-size: clamp(18px, 1.75vw, 30px); font-weight: 800; }

.slide:nth-child(8) .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.slide:nth-child(9) .grid { grid-template-columns: 1fr 1fr; }
.slide:nth-child(9) .card { min-height: 126px; }

.slide:nth-child(12) .numbered li { min-height: 54px; }

.slide:nth-child(15) { align-content: center; }
.slide:nth-child(15) h1 { font-size: clamp(52px, 5.8vw, 98px); }
.slide:nth-child(15) .numbered { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.slide:nth-child(15) .numbered::before {
  right: 0;
  left: 0;
  width: auto;
  background-image: var(--wave-column), var(--wave-column), var(--wave-column);
  background-position: 25% center, 50% center, 75% center;
  background-repeat: no-repeat;
  background-size: 9px 100%, 9px 100%, 9px 100%;
  transform: none;
}
.slide:nth-child(15) .numbered li { padding-left: 42px; }

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .slide { gap: 11px; padding-top: 6.6%; padding-bottom: 6.8%; }
  .slide--compact { gap: 8px; padding-top: 5.8%; padding-bottom: 6.2%; }
  .card { padding: 12px 15px; }
  .numbered li { min-height: 56px; padding-top: 12px; padding-bottom: 12px; }
  .numbered li::before { top: 12px; }
  .note { padding-top: 7px; padding-bottom: 7px; }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck::before {
    background-position: 22% center;
  }
  .deck::after {
    background: linear-gradient(180deg, rgb(119 42 10 / 10%) 0 13%, rgb(255 246 227 / 95%) 23% 100%);
  }
  .brand { width: auto; }
  .slide {
    padding: 19% 6% 14%;
  }
  .slide::before {
    top: 7%;
    left: 6%;
    width: auto;
    font-size: 23px;
    writing-mode: horizontal-tb;
    transform: none;
  }
  .slide::after { left: 6%; bottom: 4%; font-size: 48px; }
  .grid::before,
  .numbered::before,
  .schedule::before { display: none; }
  .slide:nth-child(1) .grid,
  .slide:nth-child(8) .grid,
  .slide:nth-child(15) .numbered { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .deck::before { animation: none; }
  .slide { filter: none; }
}


/* source: v4.css */
:root {
  --paper: #fff3df;
  --ink: #2a160d;
  --muted: #745240;
  --line: rgb(132 66 27 / 17%);
  --accent: #d45918;
  --accent-deep: #9d360d;
  --accent-bright: #f28a2b;
  --accent-soft: #f5d5ad;
  --surface: rgb(255 250 240 / 52%);
  --ease-stage: cubic-bezier(.2, 0, 0, 1);
  --ease-spring: cubic-bezier(.16, 1, .3, 1);
  --shadow: 0 2px 8px rgb(86 39 14 / 12%), 0 28px 80px rgb(86 39 14 / 21%);
}

body {
  background:
    radial-gradient(circle at 50% 10%, #fff3df 0, #d99055 42%, #7e3316 100%);
}

.deck {
  background: #fff3df;
  box-shadow: var(--shadow);
}

.deck::before {
  inset: -1%;
  background-image: url("autumn-stage-bg.webp");
  background-position: center;
  filter: brightness(1.035) saturate(.98) contrast(.98);
  transform: scale(1.01);
  animation: v4-stage-drift 18s ease-in-out infinite alternate;
}

.deck::after {
  background:
    linear-gradient(90deg, rgb(151 48 4 / 4%) 0 28.2%, transparent 28.35%),
    radial-gradient(circle at 63% 30%, rgb(255 255 255 / 23%), transparent 42%),
    linear-gradient(180deg, rgb(255 252 243 / 4%), transparent 58%, rgb(184 73 20 / 3%));
}

@keyframes v4-stage-drift {
  0% { transform: scale(1.01) translate3d(0, 0, 0); }
  55% { transform: scale(1.026) translate3d(-.2%, -.12%, 0); }
  100% { transform: scale(1.018) translate3d(.18%, -.28%, 0); }
}

.progress {
  z-index: 95;
  height: 3px;
  background: rgb(111 46 18 / 10%);
}

.progress__bar {
  background: linear-gradient(90deg, #f6a43a, #d54f13 66%, #a3340d);
  box-shadow: 0 0 16px rgb(231 100 25 / 35%);
  transition-duration: 520ms;
  transition-timing-function: var(--ease-stage);
}

.topbar {
  z-index: 70;
  top: 4.1%;
}

.brand {
  color: #fff6e8;
  text-shadow: 0 2px 12px rgb(86 25 3 / 20%);
}

.counter {
  position: relative;
  padding: 7px 13px;
  border: 1px solid rgb(178 75 25 / 13%);
  border-radius: 999px;
  background: rgb(255 248 235 / 58%);
  color: #8f4524;
  font-weight: 700;
  box-shadow: 0 4px 16px rgb(102 46 17 / 7%);
  backdrop-filter: blur(10px);
}

.slides { z-index: 3; }

.slide {
  padding: 7.1% 5.8% 7.8% 33.2%;
  opacity: 0;
  visibility: hidden;
  transform: none;
  filter: none;
  clip-path: none;
  transition-property: opacity, visibility;
  transition-duration: 180ms, 0s;
  transition-timing-function: ease, linear;
  transition-delay: 0s, 680ms;
}

.slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
  filter: none;
  clip-path: none;
  transition-delay: 0s;
}

.slide.is-before {
  transform: none;
  filter: none;
  clip-path: none;
}

.slide::before {
  color: rgb(255 249 237 / 83%);
  text-shadow: 0 3px 16px rgb(86 27 5 / 17%);
}

.slide::after {
  color: rgb(255 245 226 / 68%);
  text-shadow: 0 2px 13px rgb(91 29 5 / 10%);
}

.slide.is-active::before {
  animation: v4-chapter-in 720ms var(--ease-spring) 100ms both;
}

.slide.is-active::after {
  animation: v4-page-number-in 640ms var(--ease-spring) 170ms both;
}

@keyframes v4-chapter-in {
  from { opacity: 0; letter-spacing: .12em; transform: rotate(180deg) translateY(-22px); filter: blur(5px); }
  to { opacity: 1; letter-spacing: -.045em; transform: rotate(180deg) translateY(0); filter: blur(0); }
}

@keyframes v4-page-number-in {
  from { opacity: 0; transform: translate3d(-24px, 16px, 0) skewX(-10deg); }
  to { opacity: 1; transform: translate3d(0, 0, 0) skewX(0); }
}

.slide > * {
  opacity: 0;
  transform: none;
  filter: none;
  transition: none;
}

.slide.is-active > * {
  opacity: 1;
  transform: none;
  filter: none;
  animation-duration: 560ms;
  animation-timing-function: var(--ease-stage);
  animation-delay: calc(80ms + var(--order, 0) * 72ms);
  animation-fill-mode: both;
}

.slide.is-active .eyebrow::before {
  transform-origin: left center;
  animation: v4-line-draw 520ms var(--ease-stage) 160ms both;
}

@keyframes v4-line-draw {
  from { transform: scaleX(0); opacity: .2; }
  to { transform: scaleX(1); opacity: 1; }
}

h1 {
  color: var(--ink);
  text-shadow: 0 1px 0 rgb(255 255 255 / 42%);
}

.subtitle { color: #a43b0d; }
.lead { color: #503126; }

.grid {
  border-color: var(--line);
  background: rgb(255 253 247 / 15%);
  box-shadow: 0 13px 35px rgb(132 62 24 / 5%);
}

.card {
  border-color: var(--line);
  background: rgb(255 252 244 / 9%);
  transition-property: background-color, transform, box-shadow;
  transition-duration: 220ms, 220ms, 220ms;
  transition-timing-function: ease, var(--ease-stage), ease;
}

.card:hover {
  z-index: 2;
  background: rgb(255 255 255 / 42%);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgb(128 57 21 / 9%);
}

.card h2,
.card h3 { color: #2c170e; }
.card p { color: #74513e; }

.numbered li {
  color: #3e2419;
  transition-property: background-color, transform;
  transition-duration: 200ms, 200ms;
  transition-timing-function: ease, var(--ease-stage);
}

.numbered li:hover {
  background: rgb(255 255 255 / 28%);
  transform: translateX(3px);
}

.note {
  border-left-color: #dc611d;
  color: #6a4736;
  background: linear-gradient(90deg, rgb(230 126 53 / 14%), transparent 78%);
}

.taglist li {
  border-color: rgb(172 72 20 / 18%);
  background: rgb(255 251 241 / 47%);
  color: #7b3516;
  transition-property: transform, color, background-color, border-color;
  transition-duration: 190ms, 190ms, 190ms, 190ms;
  transition-timing-function: var(--ease-stage);
}

.taglist li:hover {
  color: #fff8ea;
  background: #d85b17;
  border-color: #d85b17;
  transform: translateY(-2px) rotate(-.5deg);
}

.action {
  overflow: hidden;
  background: linear-gradient(118deg, #ed7a23, #c64a12 58%, #9d320c);
  background-size: 180% 100%;
  box-shadow: 0 2px 7px rgb(115 45 14 / 15%), 0 13px 28px rgb(159 59 16 / 18%);
}

.action::before {
  content: "";
  position: absolute;
  inset: -60% auto -60% -35%;
  width: 23%;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 55%), transparent);
  transform: skewX(-20deg);
  transition-property: left;
  transition-duration: 460ms;
  transition-timing-function: var(--ease-stage);
}

.action:hover::before { left: 116%; }
.action:active { transform: scale(.96); }

.nav-button {
  background: rgb(255 250 240 / 84%);
  color: #713317;
  box-shadow: 0 1px 5px rgb(95 39 13 / 9%), 0 10px 25px rgb(95 39 13 / 12%);
  transition-property: transform, color, box-shadow, background-color;
  transition-duration: 160ms, 160ms, 200ms, 160ms;
  transition-timing-function: var(--ease-stage);
}

.nav-button:hover { transform: translateY(-2px); }
.nav-button:active { transform: scale(.96); }

/* 页面 01：开场像发布会主视觉，标题与四个入口分层推进 */
.motion-hero.is-active > * { animation-name: v4-hero-rise; }
.motion-hero.is-active header { animation-name: v4-hero-header; animation-duration: 700ms; }
.motion-hero.is-active .card {
  animation: v4-tile-up 520ms var(--ease-spring) calc(300ms + var(--item-order) * 65ms) both;
}

@keyframes v4-hero-header {
  from { opacity: 0; transform: translate3d(42px, 0, 0) scale(.97); filter: blur(7px); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@keyframes v4-hero-rise {
  from { opacity: 0; transform: translate3d(0, 22px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes v4-tile-up {
  from { opacity: 0; transform: translate3d(0, 24px, 0) scale(.96); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

/* 页面 02：问题诊断从两侧交错入场 */
.motion-diagnosis.is-active > * { animation-name: v4-diagnosis-in; }
.motion-diagnosis.is-active .numbered li {
  animation: v4-diagnosis-item 520ms var(--ease-stage) calc(210ms + var(--item-order) * 72ms) both;
}
.motion-diagnosis.is-active .numbered li:nth-child(even) { --diagnosis-x: -32px; }
.motion-diagnosis.is-active .numbered li:nth-child(odd) { --diagnosis-x: 32px; }

@keyframes v4-diagnosis-in {
  from { opacity: 0; transform: translate3d(28px, -8px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes v4-diagnosis-item {
  from { opacity: 0; transform: translate3d(var(--diagnosis-x), 0, 0); clip-path: inset(0 45% 0 45%); }
  to { opacity: 1; transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
}

/* 页面 03：岗位信息像信息面板逐层展开 */
.motion-jobs.is-active > * { animation-name: v4-jobs-layer; }
.motion-jobs.is-active .grid:first-of-type .card {
  animation: v4-panel-open 560ms var(--ease-spring) calc(230ms + var(--item-order) * 90ms) both;
}
.motion-jobs.is-active .grid--3 .card {
  animation: v4-cell-reveal 480ms var(--ease-stage) calc(350ms + var(--item-order) * 68ms) both;
}

@keyframes v4-jobs-layer {
  from { opacity: 0; transform: translate3d(0, 18px, 0); clip-path: inset(0 18% 0 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); clip-path: inset(0 0 0 0); }
}

@keyframes v4-panel-open {
  from { opacity: 0; transform: perspective(900px) rotateY(-7deg) translateX(24px); }
  to { opacity: 1; transform: perspective(900px) rotateY(0) translateX(0); }
}

@keyframes v4-cell-reveal {
  from { opacity: 0; transform: translateY(15px); clip-path: inset(100% 0 0 0); }
  to { opacity: 1; transform: translateY(0); clip-path: inset(0 0 0 0); }
}

/* 页面 04：内容卡片采用马赛克错峰显现 */
.motion-mosaic.is-active > * { animation-name: v4-soft-scale; }
.motion-mosaic.is-active .card {
  animation: v4-mosaic-cell 540ms var(--ease-spring) calc(180ms + var(--item-order) * 58ms) both;
}
.motion-mosaic.is-active .card:nth-child(3n + 2) { transform-origin: right bottom; }
.motion-mosaic.is-active .card:nth-child(3n + 1) { transform-origin: left top; }

@keyframes v4-soft-scale {
  from { opacity: 0; transform: scale(.975); filter: blur(3px); }
  to { opacity: 1; transform: scale(1); filter: blur(0); }
}

@keyframes v4-mosaic-cell {
  from { opacity: 0; transform: scale(.82) rotate(-1.5deg); filter: blur(4px); }
  to { opacity: 1; transform: scale(1) rotate(0); filter: blur(0); }
}

/* 页面 05：两条真实问题先碰面，再亮出反馈入口 */
.motion-signal.is-active > * { animation-name: v4-signal-up; }
.motion-signal.is-active .card:first-child { animation: v4-quote-left 600ms var(--ease-spring) 220ms both; }
.motion-signal.is-active .card:last-child { animation: v4-quote-right 600ms var(--ease-spring) 290ms both; }
.motion-signal.is-active .action { animation: v4-action-pop 520ms var(--ease-spring) 500ms both; }

@keyframes v4-signal-up {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes v4-quote-left {
  from { opacity: 0; transform: translate3d(-42px, 12px, 0) rotate(-1.5deg); }
  to { opacity: 1; transform: translate3d(0, 0, 0) rotate(0); }
}
@keyframes v4-quote-right {
  from { opacity: 0; transform: translate3d(42px, -8px, 0) rotate(1.5deg); }
  to { opacity: 1; transform: translate3d(0, 0, 0) rotate(0); }
}
@keyframes v4-action-pop {
  0% { opacity: 0; transform: scale(.25); filter: blur(4px); }
  100% { opacity: 1; transform: scale(1); filter: blur(0); }
}

/* 页面 06：简历案例左右对照合拢 */
.motion-compare.is-active > * { animation-name: v4-compare-title; }
.motion-compare.is-active .card:first-child { animation: v4-compare-left 620ms var(--ease-stage) 220ms both; }
.motion-compare.is-active .card:last-child { animation: v4-compare-right 620ms var(--ease-stage) 250ms both; }

@keyframes v4-compare-title {
  from { opacity: 0; transform: translateY(-16px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes v4-compare-left {
  from { opacity: 0; transform: translateX(-48px); clip-path: inset(0 30% 0 0); }
  to { opacity: 1; transform: translateX(0); clip-path: inset(0); }
}
@keyframes v4-compare-right {
  from { opacity: 0; transform: translateX(48px); clip-path: inset(0 0 0 30%); }
  to { opacity: 1; transform: translateX(0); clip-path: inset(0); }
}

/* 页面 07：工具标签像技能点依次点亮 */
.motion-tools.is-active > * { animation-name: v4-tools-in; }
.motion-tools.is-active .card:first-child { animation: v4-tool-panel 600ms var(--ease-stage) 220ms both; }
.motion-tools.is-active .taglist li {
  animation: v4-tool-tag 500ms var(--ease-spring) calc(300ms + var(--item-order) * 85ms) both;
}

@keyframes v4-tools-in {
  from { opacity: 0; transform: translate3d(22px, 0, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes v4-tool-panel {
  from { opacity: 0; transform: perspective(700px) rotateX(6deg) translateY(22px); }
  to { opacity: 1; transform: perspective(700px) rotateX(0) translateY(0); }
}
@keyframes v4-tool-tag {
  0% { opacity: 0; transform: scale(.25) translateY(12px); filter: blur(4px); }
  100% { opacity: 1; transform: scale(1) translateY(0); filter: blur(0); }
}

/* 页面 08：三个生活场景轻微扇形展开 */
.motion-scenes.is-active > * { animation-name: v4-scenes-title; }
.motion-scenes.is-active .card {
  animation: v4-scene-card 620ms var(--ease-spring) calc(220ms + var(--item-order) * 90ms) both;
}
.motion-scenes.is-active .card:nth-child(1) { --angle: -2.2deg; --shift: -24px; }
.motion-scenes.is-active .card:nth-child(2) { --angle: 0deg; --shift: 0px; }
.motion-scenes.is-active .card:nth-child(3) { --angle: 2.2deg; --shift: 24px; }

@keyframes v4-scenes-title {
  from { opacity: 0; transform: translateY(-20px); filter: blur(4px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes v4-scene-card {
  from { opacity: 0; transform: translate3d(var(--shift), 28px, 0) rotate(var(--angle)) scale(.94); }
  to { opacity: 1; transform: translate3d(0, 0, 0) rotate(0) scale(1); }
}

/* 页面 09：问题与回答斜向交汇 */
.motion-dialogue.is-active > * { animation-name: v4-dialogue-diagonal; }
.motion-dialogue.is-active .card:first-child { animation: v4-dialogue-a 580ms var(--ease-stage) 230ms both; }
.motion-dialogue.is-active .card:last-child { animation: v4-dialogue-b 580ms var(--ease-stage) 300ms both; }

@keyframes v4-dialogue-diagonal {
  from { opacity: 0; transform: translate3d(-22px, -14px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes v4-dialogue-a {
  from { opacity: 0; transform: translate3d(-35px, 24px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes v4-dialogue-b {
  from { opacity: 0; transform: translate3d(35px, -24px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

/* 页面 10：登记步骤像两块工作台从下方升起 */
.motion-register.is-active > * { animation-name: v4-register-title; }
.motion-register.is-active .card {
  animation: v4-register-panel 620ms var(--ease-spring) calc(250ms + var(--item-order) * 120ms) both;
}

@keyframes v4-register-title {
  from { opacity: 0; transform: translateX(24px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes v4-register-panel {
  from { opacity: 0; transform: translateY(48px) scaleY(.9); transform-origin: bottom; }
  to { opacity: 1; transform: translateY(0) scaleY(1); }
}

/* 页面 11：身份步骤轻透视翻开 */
.motion-identity.is-active > * { animation-name: v4-identity-title; }
.motion-identity.is-active .numbered li {
  animation: v4-identity-step 650ms var(--ease-spring) calc(220ms + var(--item-order) * 120ms) both;
  transform-origin: left center;
}
.motion-identity.is-active .card { animation: v4-identity-card 520ms var(--ease-stage) 470ms both; }

@keyframes v4-identity-title {
  from { opacity: 0; transform: translateY(-15px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes v4-identity-step {
  from { opacity: 0; transform: perspective(800px) rotateY(-12deg) translateX(-18px); }
  to { opacity: 1; transform: perspective(800px) rotateY(0) translateX(0); }
}
@keyframes v4-identity-card {
  from { opacity: 0; clip-path: inset(0 100% 0 0); }
  to { opacity: 1; clip-path: inset(0 0 0 0); }
}

/* 页面 12：问题标签横向接力，步骤随后上场 */
.motion-loop.is-active > * { animation-name: v4-loop-title; }
.motion-loop.is-active .taglist li {
  animation: v4-loop-tag 480ms var(--ease-stage) calc(170ms + var(--item-order) * 48ms) both;
}
.motion-loop.is-active .numbered li {
  animation: v4-loop-step 500ms var(--ease-spring) calc(430ms + var(--item-order) * 62ms) both;
}

@keyframes v4-loop-title {
  from { opacity: 0; transform: translateX(-25px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes v4-loop-tag {
  from { opacity: 0; transform: translateX(30px) skewX(-7deg); }
  to { opacity: 1; transform: translateX(0) skewX(0); }
}
@keyframes v4-loop-step {
  from { opacity: 0; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}

/* 页面 13：内容日程先分栏，再按日期逐行扫入 */
.motion-calendar.is-active > * { animation-name: v4-calendar-title; }
.motion-calendar.is-active .schedule .card:first-child { animation: v4-calendar-left 620ms var(--ease-stage) 220ms both; }
.motion-calendar.is-active .schedule .card:last-child { animation: v4-calendar-right 620ms var(--ease-stage) 280ms both; }
.motion-calendar.is-active .schedule li {
  animation: v4-calendar-row 440ms var(--ease-stage) calc(360ms + var(--item-order) * 45ms) both;
}

@keyframes v4-calendar-title {
  from { opacity: 0; transform: translateY(-18px); filter: blur(3px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes v4-calendar-left {
  from { opacity: 0; transform: translateX(-30px); clip-path: inset(0 35% 0 0); }
  to { opacity: 1; transform: translateX(0); clip-path: inset(0); }
}
@keyframes v4-calendar-right {
  from { opacity: 0; transform: translateX(30px); clip-path: inset(0 0 0 35%); }
  to { opacity: 1; transform: translateX(0); clip-path: inset(0); }
}
@keyframes v4-calendar-row {
  from { opacity: 0; transform: translateX(18px); clip-path: inset(0 100% 0 0); }
  to { opacity: 1; transform: translateX(0); clip-path: inset(0); }
}

/* 页面 14：建议页斜切展开，按钮最后聚焦 */
.motion-feedback.is-active > * { animation-name: v4-feedback-slice; }
.motion-feedback.is-active .card {
  animation: v4-feedback-card 580ms var(--ease-spring) calc(220ms + var(--item-order) * 110ms) both;
}
.motion-feedback.is-active .action { animation: v4-action-pop 520ms var(--ease-spring) 480ms both; }

@keyframes v4-feedback-slice {
  from { opacity: 0; transform: translate3d(26px, 18px, 0); clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%); }
  to { opacity: 1; transform: translate3d(0, 0, 0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}
@keyframes v4-feedback-card {
  from { opacity: 0; transform: translateY(22px) skewX(-3deg); }
  to { opacity: 1; transform: translateY(0) skewX(0); }
}

/* 页面 15：收束页从中心放大，四步依次落位 */
.motion-finale.is-active > * { animation-name: v4-finale-focus; }
.motion-finale.is-active .numbered li {
  animation: v4-finale-step 560ms var(--ease-spring) calc(280ms + var(--item-order) * 72ms) both;
}
.motion-finale.is-active .action { animation: v4-finale-action 650ms var(--ease-spring) 570ms both; }

@keyframes v4-finale-focus {
  from { opacity: 0; transform: scale(.9); filter: blur(8px); }
  to { opacity: 1; transform: scale(1); filter: blur(0); }
}
@keyframes v4-finale-step {
  from { opacity: 0; transform: translateY(30px) rotate(.8deg); }
  to { opacity: 1; transform: translateY(0) rotate(0); }
}
@keyframes v4-finale-action {
  0% { opacity: 0; transform: scale(.25); filter: blur(4px); }
  70% { opacity: 1; transform: scale(1.025); filter: blur(0); }
  100% { opacity: 1; transform: scale(1); filter: blur(0); }
}

/* 左侧环境动效：慢速、低对比，不抢正文 */
.v4-atmosphere {
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 28.7%;
  overflow: hidden;
  pointer-events: none;
}

.v4-atmosphere i {
  position: absolute;
  display: block;
  border: 1px solid rgb(255 225 183 / 24%);
  border-radius: 50%;
  opacity: .72;
  animation: v4-orbit-drift 12s ease-in-out infinite alternate;
}

.v4-atmosphere i:nth-child(1) { width: 52%; aspect-ratio: 1; left: -24%; top: 7%; animation-duration: 11s; }
.v4-atmosphere i:nth-child(2) { width: 88%; aspect-ratio: 1; left: -47%; top: 27%; animation-duration: 15s; animation-delay: -4s; }
.v4-atmosphere i:nth-child(3) { width: 68%; aspect-ratio: 1; right: -38%; bottom: 3%; animation-duration: 13s; animation-delay: -7s; }
.v4-atmosphere i:nth-child(4) {
  width: 7px;
  height: 7px;
  left: 72%;
  top: 23%;
  border: 0;
  background: #ffd38f;
  box-shadow: 0 0 18px 5px rgb(255 191 90 / 48%);
  animation: v4-spark 7.6s ease-in-out infinite;
}

@keyframes v4-orbit-drift {
  from { transform: translate3d(-4px, 5px, 0) rotate(-2deg); opacity: .42; }
  to { transform: translate3d(10px, -9px, 0) rotate(3deg); opacity: .82; }
}
@keyframes v4-spark {
  0%, 100% { transform: translate3d(0, 0, 0) scale(.75); opacity: .35; }
  45% { transform: translate3d(16px, 26px, 0) scale(1); opacity: .9; }
  70% { transform: translate3d(-8px, 43px, 0) scale(.82); opacity: .55; }
}

.v4-pointer-light {
  --x: 70%;
  --y: 40%;
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle 170px at var(--x) var(--y), rgb(255 255 255 / 20%), transparent 72%);
  mask-image: linear-gradient(90deg, transparent 0 28%, #000 36% 100%);
  transition-property: opacity;
  transition-duration: 260ms;
  transition-timing-function: ease;
}

.v4-pointer-light.is-visible { opacity: 1; }

/* 五类页面级转场，按目标页轮换 */
.v4-transition {
  position: absolute;
  z-index: 90;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  visibility: hidden;
}

.v4-transition.is-playing { visibility: visible; }
.v4-transition__wash,
.v4-transition__ring,
.v4-transition__shutters,
.v4-transition__split,
.v4-transition__flare,
.v4-transition__number { position: absolute; }

.v4-transition__wash,
.v4-transition__ring,
.v4-transition__shutters,
.v4-transition__split,
.v4-transition__flare { inset: 0; }

.v4-transition__number {
  z-index: 7;
  left: 50%;
  top: 50%;
  color: #fff8e9;
  font-family: Georgia, serif;
  font-size: clamp(66px, 10vw, 176px);
  font-style: italic;
  line-height: 1;
  text-shadow: 0 6px 30px rgb(111 35 7 / 22%);
  opacity: 0;
}

.v4-transition.is-playing .v4-transition__number {
  animation: v4-transition-number 760ms var(--ease-stage) both;
}

@keyframes v4-transition-number {
  0% { opacity: 0; transform: translate(-50%, -42%) scale(.72); filter: blur(8px); }
  34% { opacity: .92; transform: translate(-50%, -50%) scale(1); filter: blur(0); }
  60% { opacity: .82; transform: translate(-50%, -50%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -58%) scale(1.06); }
}

.transition-sweep .v4-transition__wash {
  z-index: 4;
  background: linear-gradient(100deg, #b33b0d, #ec7924 52%, #ffd190);
  animation: v4-transition-sweep-forward 780ms var(--ease-stage) both;
}
.transition-sweep.direction-back .v4-transition__wash { animation-name: v4-transition-sweep-back; }

@keyframes v4-transition-sweep-forward {
  0% { transform: translateX(-108%) skewX(-8deg); }
  42%, 58% { transform: translateX(0) skewX(0); }
  100% { transform: translateX(108%) skewX(8deg); }
}
@keyframes v4-transition-sweep-back {
  0% { transform: translateX(108%) skewX(8deg); }
  42%, 58% { transform: translateX(0) skewX(0); }
  100% { transform: translateX(-108%) skewX(-8deg); }
}

.transition-iris .v4-transition__ring {
  z-index: 4;
  inset: auto;
  left: 50%;
  top: 50%;
  width: 16vmin;
  height: 16vmin;
  border: 8vmin solid #dc611b;
  border-radius: 50%;
  background: rgb(255 239 210 / 92%);
  box-shadow: 0 0 0 22vmin rgb(239 124 42 / 82%), 0 0 0 58vmin rgb(182 57 12 / 92%);
  animation: v4-transition-iris 820ms var(--ease-stage) both;
}

@keyframes v4-transition-iris {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.08); filter: blur(8px); }
  38% { opacity: 1; transform: translate(-50%, -50%) scale(1); filter: blur(0); }
  60% { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(7.5); }
}

.v4-transition__shutters {
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.v4-transition__shutters i {
  background: linear-gradient(180deg, #f29438, #c64a11 55%, #9b300b);
  transform: translateY(-105%);
}
.transition-shutter .v4-transition__shutters i {
  animation: v4-shutter-forward 760ms var(--ease-stage) both;
  animation-delay: calc(var(--shutter-index, 0) * 34ms);
}
.transition-shutter .v4-transition__shutters i:nth-child(1) { --shutter-index: 0; }
.transition-shutter .v4-transition__shutters i:nth-child(2) { --shutter-index: 1; }
.transition-shutter .v4-transition__shutters i:nth-child(3) { --shutter-index: 2; }
.transition-shutter .v4-transition__shutters i:nth-child(4) { --shutter-index: 3; }
.transition-shutter .v4-transition__shutters i:nth-child(5) { --shutter-index: 4; }
.transition-shutter.direction-back .v4-transition__shutters i { animation-name: v4-shutter-back; }

@keyframes v4-shutter-forward {
  0% { transform: translateY(-105%); }
  38%, 62% { transform: translateY(0); }
  100% { transform: translateY(105%); }
}
@keyframes v4-shutter-back {
  0% { transform: translateY(105%); }
  38%, 62% { transform: translateY(0); }
  100% { transform: translateY(-105%); }
}

.v4-transition__split {
  z-index: 4;
  display: grid;
  grid-template-rows: 1fr 1fr;
}
.v4-transition__split i:first-child { background: #f08b32; transform: translateX(-105%); }
.v4-transition__split i:last-child { background: #bd420f; transform: translateX(105%); }
.transition-split .v4-transition__split i:first-child { animation: v4-split-a 800ms var(--ease-stage) both; }
.transition-split .v4-transition__split i:last-child { animation: v4-split-b 800ms var(--ease-stage) both; }

@keyframes v4-split-a {
  0% { transform: translateX(-105%); }
  40%, 60% { transform: translateX(0); }
  100% { transform: translateX(105%); }
}
@keyframes v4-split-b {
  0% { transform: translateX(105%); }
  40%, 60% { transform: translateX(0); }
  100% { transform: translateX(-105%); }
}

.transition-focus .v4-transition__flare {
  z-index: 4;
  background:
    radial-gradient(circle at 50% 50%, #fff6e4 0 8%, #f8b45c 9% 20%, #da5b19 21% 46%, #a4310b 47% 72%, transparent 73%);
  animation: v4-focus-flare 840ms var(--ease-stage) both;
}

@keyframes v4-focus-flare {
  0% { opacity: 0; transform: scale(.16) rotate(-3deg); filter: blur(12px); }
  38% { opacity: 1; transform: scale(1.4) rotate(0); filter: blur(0); }
  61% { opacity: 1; transform: scale(1.58) rotate(0); }
  100% { opacity: 0; transform: scale(3.3) rotate(2deg); filter: blur(4px); }
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .slide { padding-top: 6.2%; padding-bottom: 6.5%; }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck::before { background-position: 21% center; }
  .deck::after {
    background: linear-gradient(180deg, rgb(211 86 20 / 5%) 0 14%, rgb(255 244 224 / 94%) 23% 100%);
  }
  .slide { padding: 19% 6% 14%; }
  .slide.is-active::before { animation-name: v4-chapter-mobile; }
  @keyframes v4-chapter-mobile {
    from { opacity: 0; transform: translateX(-18px); filter: blur(4px); }
    to { opacity: 1; transform: translateX(0); filter: blur(0); }
  }
  .v4-atmosphere { width: 100%; height: 17%; }
  .v4-pointer-light { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .deck::before,
  .v4-atmosphere i,
  .slide.is-active::before,
  .slide.is-active::after,
  .slide.is-active > *,
  .slide.is-active .card,
  .slide.is-active .numbered li,
  .slide.is-active .taglist li,
  .slide.is-active .schedule li,
  .v4-transition * {
    animation: none !important;
  }
  .v4-transition { display: none; }
  .v4-pointer-light { display: none; }
}


/* source: v7.css */
/* V5 motion timing: transition first, then reveal the slide build. */
.deck::before {
  /* Restore the original artwork with the lower-right ginkgo baked in. */
  inset: -1% 0 -1% -6%;
  background-image: url("autumn-stage-bg.webp");
  background-position: center;
  background-size: cover;
  filter: none;
  transform: translate3d(0, 0, 0) scale(1.008);
  backface-visibility: hidden;
  animation-name: v5-stage-drift;
  animation-duration: 26s;
}

@keyframes v5-stage-drift {
  from { transform: translate3d(0, 0, 0) scale(1.008); }
  to { transform: translate3d(-.15%, -.12%, 0) scale(1.018); }
}

.deck::after {
  background:
    linear-gradient(90deg, rgb(151 48 4 / 3%) 0 24.1%, transparent 24.25%),
    radial-gradient(circle at 64% 29%, rgb(255 255 255 / 19%), transparent 43%);
}

/* Ambient foreground: brighter running tracks over the original, unaltered leaf artwork. */
.stage-ornaments {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.stage-tracks {
  position: absolute;
  inset: 0 auto 0 -6%;
  width: 106%;
  height: 100%;
  overflow: visible;
}

/* Move the complete lower-right ginkgo as one object. The base artwork is
   leafless here, preventing a static blade/stem from showing through. */
.ginkgo-motion {
  display: none;
}

.ginkgo-motion__leaf {
  position: absolute;
  inset: 0;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 6px 6px rgb(97 42 16 / 18%));
}

.ginkgo-motion__highlight {
  position: absolute;
  top: 9%;
  left: 38%;
  width: 55%;
  height: 45%;
  border-radius: 52% 48% 58% 42%;
  background: linear-gradient(118deg, transparent 12%, rgb(255 231 162 / 22%) 48%, transparent 72%);
  mix-blend-mode: screen;
  opacity: .18;
  transform: rotate(-10deg) translateX(-9%);
  animation: ginkgo-light 6.8s cubic-bezier(.45, 0, .55, 1) infinite;
}

@keyframes ginkgo-wind {
  0%, 100% { transform: rotate(-.45deg); }
  28% { transform: rotate(.75deg); }
  58% { transform: rotate(-.7deg); }
  80% { transform: rotate(.55deg); }
}

@keyframes ginkgo-light {
  0%, 100% { opacity: .12; transform: rotate(-10deg) translateX(-12%); }
  48% { opacity: .3; transform: rotate(-10deg) translateX(12%); }
}

.stage-tracks__base path {
  fill: none;
  stroke: rgb(255 197 112 / 31%);
  stroke-width: 1.35;
  vector-effect: non-scaling-stroke;
}

.stage-tracks__base path:nth-child(-n + 4) {
  stroke: rgb(255 183 82 / 20%);
  stroke-width: 1;
}

.stage-track-glint {
  fill: none;
  stroke: #fff0ba;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-dasharray: .055 .945;
  vector-effect: non-scaling-stroke;
  animation-name: stage-track-run;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.stage-track-glint--one {
  animation-duration: 6.8s;
}

.stage-track-glint--two {
  animation-duration: 8.9s;
  animation-delay: -4.1s;
  opacity: .84;
}

.stage-track-glint--three {
  animation-duration: 7.7s;
  animation-delay: -2.7s;
  opacity: .72;
}

.stage-track-glint--four {
  animation-duration: 10.2s;
  animation-delay: -6.4s;
  opacity: .62;
}

@keyframes stage-track-run {
  from { stroke-dashoffset: 0; }
  to { stroke-dashoffset: -1; }
}

@media (max-aspect-ratio: 4 / 3) {
  .stage-ornaments { display: none; }
}

/* Keep incoming content on its first frame until the page wipe reaches midpoint. */
.deck .slide.is-active:not(.is-building):not(.is-exiting) > *,
.deck .slide.is-active:not(.is-building):not(.is-exiting) .card,
.deck .slide.is-active:not(.is-building):not(.is-exiting) .numbered > li,
.deck .slide.is-active:not(.is-building):not(.is-exiting) .taglist > li,
.deck .slide.is-active:not(.is-building):not(.is-exiting) .schedule li {
  opacity: 0;
  animation: none !important;
}

.slide.is-active.is-exiting > * {
  opacity: .18;
  transform: translate3d(0, -10px, 0);
  animation: none !important;
  transition-property: opacity, transform;
  transition-duration: 150ms, 150ms;
  transition-timing-function: ease-in, ease-in;
}

.slide.is-active.is-building > * {
  animation-delay: calc(30ms + var(--order, 0) * 92ms);
}

.deck.is-transitioning .slide.is-active.is-building > *,
.deck.is-transitioning .slide.is-active.is-building .card,
.deck.is-transitioning .slide.is-active.is-building .numbered > li,
.deck.is-transitioning .slide.is-active.is-building .taglist > li,
.deck.is-transitioning .slide.is-active.is-building .schedule li {
  will-change: transform, opacity;
}

.v4-atmosphere i {
  animation-duration: 18s;
}

.v4-atmosphere i:nth-child(2) { animation-duration: 23s; }
.v4-atmosphere i:nth-child(3) { animation-duration: 21s; }
.v4-atmosphere i:nth-child(4) { animation-duration: 11s; }

.v4-pointer-light {
  background: radial-gradient(circle 145px at var(--x) var(--y), rgb(255 255 255 / 15%), transparent 72%);
  mask-image: linear-gradient(90deg, transparent 0 24%, #000 30% 100%);
  transition-duration: 180ms;
}

/* The full-screen transition uses compositor-friendly opacity and transforms only. */
.v4-transition {
  contain: strict;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.deck.is-transitioning .v4-transition__wash,
.deck.is-transitioning .v4-transition__ring,
.deck.is-transitioning .v4-transition__shutters i,
.deck.is-transitioning .v4-transition__split i,
.deck.is-transitioning .v4-transition__flare,
.deck.is-transitioning .v4-transition__number {
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.v4-transition.is-playing .v4-transition__number {
  animation-duration: 540ms;
  animation-timing-function: cubic-bezier(.2, 0, 0, 1);
}

@keyframes v4-transition-number {
  0% { opacity: 0; transform: translate3d(-50%, -44%, 0) scale(.84); }
  32% { opacity: .9; transform: translate3d(-50%, -50%, 0) scale(1); }
  58% { opacity: .78; transform: translate3d(-50%, -50%, 0) scale(1); }
  100% { opacity: 0; transform: translate3d(-50%, -55%, 0) scale(1.04); }
}

.transition-sweep .v4-transition__wash {
  animation-duration: 620ms;
  animation-timing-function: cubic-bezier(.2, 0, 0, 1);
}

/* Page 13 -> 14: keep the handoff quiet. The former split-screen wipe briefly
   exposed two solid-colour quadrants and read as a display flicker. */
.transition-soft .v4-transition__wash {
  z-index: 4;
  background: rgb(220 105 34 / 12%);
  animation: v5-transition-soft 560ms ease-in-out both;
}

.v4-transition.is-playing.transition-soft .v4-transition__number {
  animation: none;
  opacity: 0;
}

@keyframes v5-transition-soft {
  0%, 100% { opacity: 0; }
  42%, 54% { opacity: 1; }
}

@keyframes v4-transition-sweep-forward {
  0% { transform: translate3d(-106%, 0, 0) skewX(-5deg); }
  38%, 52% { transform: translate3d(0, 0, 0) skewX(0); }
  100% { transform: translate3d(106%, 0, 0) skewX(5deg); }
}

@keyframes v4-transition-sweep-back {
  0% { transform: translate3d(106%, 0, 0) skewX(5deg); }
  38%, 52% { transform: translate3d(0, 0, 0) skewX(0); }
  100% { transform: translate3d(-106%, 0, 0) skewX(-5deg); }
}

.transition-iris .v4-transition__ring {
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: radial-gradient(circle at center, #fff1d8 0 9%, #ef8b32 10% 27%, #c94a13 28% 57%, #9c310c 58% 100%);
  box-shadow: none;
  transform-origin: center;
  animation-duration: 640ms;
  animation-timing-function: cubic-bezier(.2, 0, 0, 1);
}

@keyframes v4-transition-iris {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.08); }
  38%, 51% { opacity: 1; transform: translate3d(0, 0, 0) scale(1.55); }
  100% { opacity: 0; transform: translate3d(0, 0, 0) scale(3.1); }
}

.transition-shutter .v4-transition__shutters i {
  animation-duration: 600ms;
  animation-delay: calc(var(--shutter-index, 0) * 12ms);
  animation-timing-function: cubic-bezier(.2, 0, 0, 1);
}

@keyframes v4-shutter-forward {
  0% { transform: translate3d(0, -103%, 0); }
  38%, 53% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, 103%, 0); }
}

@keyframes v4-shutter-back {
  0% { transform: translate3d(0, 103%, 0); }
  38%, 53% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, -103%, 0); }
}

.transition-split .v4-transition__split i:first-child,
.transition-split .v4-transition__split i:last-child {
  animation-duration: 630ms;
  animation-timing-function: cubic-bezier(.2, 0, 0, 1);
}

@keyframes v4-split-a {
  0% { transform: translate3d(-103%, 0, 0); }
  38%, 52% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(103%, 0, 0); }
}

@keyframes v4-split-b {
  0% { transform: translate3d(103%, 0, 0); }
  38%, 52% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-103%, 0, 0); }
}

.transition-focus .v4-transition__flare {
  background: radial-gradient(circle at 50% 50%, #fff6e4 0 8%, #f8b45c 9% 21%, #da5b19 22% 47%, #a4310b 48% 72%, transparent 73%);
  animation-duration: 650ms;
  animation-timing-function: cubic-bezier(.2, 0, 0, 1);
}

@keyframes v4-focus-flare {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.18) rotate(-2deg); }
  38%, 52% { opacity: 1; transform: translate3d(0, 0, 0) scale(1.62) rotate(0); }
  100% { opacity: 0; transform: translate3d(0, 0, 0) scale(3.15) rotate(1deg); }
}

/* Content keyframes keep the visual staging while avoiding repeated blur passes. */
@keyframes v4-hero-header {
  from { opacity: 0; transform: translate3d(38px, 0, 0) scale(.975); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes v4-soft-scale {
  from { opacity: 0; transform: translate3d(0, 10px, 0) scale(.975); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes v4-mosaic-cell {
  from { opacity: 0; transform: translate3d(0, 14px, 0) scale(.88) rotate(-1deg); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1) rotate(0); }
}

@keyframes v4-action-pop {
  0% { opacity: 0; transform: translate3d(0, 8px, 0) scale(.25); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes v4-tool-tag {
  0% { opacity: 0; transform: translate3d(0, 12px, 0) scale(.25); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes v4-scenes-title {
  from { opacity: 0; transform: translate3d(0, -18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes v4-calendar-title {
  from { opacity: 0; transform: translate3d(0, -16px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes v4-finale-focus {
  from { opacity: 0; transform: translate3d(0, 8px, 0) scale(.92); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes v4-finale-action {
  0% { opacity: 0; transform: translate3d(0, 10px, 0) scale(.25); }
  72% { opacity: 1; transform: translate3d(0, 0, 0) scale(1.02); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .ginkgo-motion,
  .ginkgo-motion__highlight {
    animation: none !important;
  }

  .stage-track-glint {
    animation: none !important;
  }

  .stage-track-glint { display: none; }

  .deck .slide.is-active:not(.is-building):not(.is-exiting) > *,
  .deck .slide.is-active:not(.is-building):not(.is-exiting) .card,
  .deck .slide.is-active:not(.is-building):not(.is-exiting) .numbered > li,
  .deck .slide.is-active:not(.is-building):not(.is-exiting) .taglist > li,
  .deck .slide.is-active:not(.is-building):not(.is-exiting) .schedule li {
    opacity: 1;
  }
}

/* V7.1 schedule-layout pass: reduce the artwork rail and give all 15 pages a
   larger, more readable content canvas. */
.slide {
  gap: clamp(18px, 1.55vw, 26px);
  padding-left: 27.3%;
  padding-right: 4.8%;
  padding-top: 7.35%;
  padding-bottom: 7.9%;
}

.brand { width: 19%; }

.v4-atmosphere { width: 24.7%; }

.slide::before {
  left: 3.2%;
  width: 15.5%;
}

.slide::after { left: 15.5%; }

.eyebrow { font-size: clamp(13px, .95vw, 17px); }

.slide--compact {
  gap: clamp(15px, 1.22vw, 20px);
  padding-top: 6.45%;
  padding-bottom: 7.1%;
}

.slide > header {
  position: relative;
  padding-left: clamp(14px, 1vw, 18px);
}

.slide > header::before {
  content: "";
  position: absolute;
  top: 1px;
  bottom: 2px;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f49a3c 0%, #d25718 58%, rgb(160 49 11 / 18%) 100%);
  box-shadow: 0 0 0 1px rgb(174 66 16 / 7%), 0 5px 14px rgb(174 66 16 / 12%);
}

.slide > header .eyebrow {
  margin-bottom: clamp(12px, 1vw, 16px);
}

.deck .slide h1,
.deck .slide:nth-child(1) h1,
.deck .slide:nth-child(15) h1 {
  line-height: 1.13;
  letter-spacing: -.035em;
}

.deck .slide:nth-child(1) h1,
.deck .slide:nth-child(15) h1 {
  font-size: clamp(46px, 4.05vw, 68px);
  letter-spacing: -.045em;
}

.subtitle {
  margin-top: clamp(15px, 1.15vw, 20px);
  line-height: 1.62;
}

.subtitle--label {
  margin-top: clamp(15px, 1.15vw, 20px);
}

.lead {
  font-size: clamp(18px, 1.45vw, 26px);
  line-height: 1.76;
}

.grid {
  row-gap: clamp(11px, .95vw, 16px);
  padding: clamp(7px, .62vw, 11px) clamp(9px, .82vw, 15px);
}

/* P07 reads as one shared course panel; a center divider cuts through the
   tool labels and adds an unintended visual seam. */
.slide:nth-child(7) .grid::before {
  content: none;
}

.card {
  padding: clamp(16px, 1.45vw, 24px);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 31%), rgb(255 247 234 / 10%));
  box-shadow:
    inset 0 0 0 1px rgb(145 65 24 / 4%),
    0 7px 18px rgb(105 44 15 / 4%);
}

.slide--compact .card {
  padding: clamp(14px, 1.18vw, 19px);
}

.card h2,
.card h3 {
  margin-bottom: 10px;
  font-size: clamp(18px, 1.45vw, 25px);
  line-height: 1.4;
}

.card p {
  font-size: clamp(15px, 1.15vw, 21px);
  line-height: 1.64;
}

.card p + p {
  margin-top: 10px;
}

.numbered {
  row-gap: clamp(10px, .9vw, 15px);
  padding: clamp(7px, .62vw, 11px) clamp(9px, .82vw, 15px);
}

.numbered li {
  font-size: clamp(16px, 1.3vw, 23px);
  padding-top: clamp(15px, 1.22vw, 21px);
  padding-bottom: clamp(15px, 1.22vw, 21px);
  background: linear-gradient(145deg, rgb(255 255 255 / 25%), rgb(255 247 234 / 8%));
  line-height: 1.52;
}

.numbered li::before {
  top: clamp(15px, 1.22vw, 21px);
}

.note {
  font-size: clamp(15px, 1.17vw, 21px);
  padding-top: clamp(11px, .9vw, 15px);
  padding-bottom: clamp(11px, .9vw, 15px);
  padding-left: 20px;
  border-left-width: 4px;
  border-radius: 0 12px 12px 0;
  line-height: 1.62;
  background: linear-gradient(90deg, rgb(229 137 63 / 16%), rgb(255 250 239 / 4%) 78%);
}

.schedule {
  padding: clamp(7px, .62vw, 11px) clamp(9px, .82vw, 15px);
}

.schedule .card {
  padding: clamp(15px, 1.25vw, 21px);
}

.schedule ol {
  gap: 9px;
}

.schedule li {
  font-size: clamp(14px, 1.02vw, 19px);
  line-height: 1.5;
}

.schedule h2 { font-size: clamp(17px, 1.35vw, 24px); }

.quote { font-size: clamp(19px, 1.55vw, 27px); }

.taglist li { font-size: clamp(14px, 1.08vw, 20px); }

.action {
  min-height: 48px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: clamp(15px, 1.08vw, 19px);
}

.action--feedback {
  gap: 9px;
  padding-right: 18px;
}

.action--feedback::after {
  content: none;
}

.action__feedback-icon {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.slide:nth-child(1) .grid,
.slide:nth-child(15) .numbered {
  row-gap: 0;
}

/* P15: keep the closing steps slightly quieter and give them room after 01–04. */
.slide:nth-child(15) .numbered li {
  padding-left: 50px;
  font-size: clamp(15px, 1.18vw, 21px);
}

.slide:nth-child(1) .card {
  padding: clamp(14px, 1.18vw, 20px);
}

/* P07: keep the three tool labels compact and visually subordinate to the heading. */
.slide:nth-child(7) .taglist {
  gap: clamp(7px, .65vw, 11px);
}

.slide:nth-child(7) .taglist li {
  padding: 8px 14px;
  border: 1px solid rgb(166 84 38 / 14%);
  border-radius: 11px;
  color: #743718;
  font-size: clamp(19px, 1.55vw, 26px);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.012em;
  background: linear-gradient(180deg, rgb(255 253 247 / 78%), rgb(255 248 236 / 58%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 72%),
    0 1px 2px rgb(95 42 16 / 6%),
    0 7px 18px rgb(95 42 16 / 7%);
  transition-property: transform, color, background-color, border-color, box-shadow;
  transition-duration: 190ms, 190ms, 190ms, 190ms, 190ms;
}

.slide:nth-child(7) .taglist li:hover {
  color: #a64215;
  border-color: rgb(172 72 20 / 22%);
  background: rgb(255 249 239 / 88%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 80%),
    0 1px 2px rgb(95 42 16 / 7%),
    0 9px 20px rgb(95 42 16 / 10%);
  transform: translateY(-1px);
}

.slide:nth-child(13) {
  gap: clamp(13px, 1.08vw, 18px);
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .slide {
    gap: 17px;
    padding-top: 6.5%;
    padding-bottom: 6.8%;
  }

  .slide--compact { gap: 14px; }
  .slide:nth-child(13) { gap: 13px; }
  .card { padding: 15px 17px; }
  .slide--compact .card { padding: 14px 16px; }
  .numbered li { padding-top: 14px; padding-bottom: 14px; }
  .numbered li::before { top: 14px; }
  .note { padding-top: 10px; padding-bottom: 10px; }
  .schedule .card { padding: 13px 15px; }
  .schedule ol { gap: 7px; }
}

/* V7: restore the source package's copy hierarchy without changing V5's stage. */
.v7-belief {
  margin: -3px 0 0;
  color: #633018;
  font-size: clamp(20px, 1.7vw, 30px);
  font-weight: 780;
  line-height: 1.52;
  letter-spacing: -.015em;
}

.slide:nth-child(1) {
  gap: clamp(13px, 1.05vw, 18px);
}

.slide:nth-child(1) .lead {
  line-height: 1.58;
}

.card strong,
.lead strong,
.note strong {
  color: #6f3217;
  font-weight: 780;
}

/* P03: restore the original problem → solution hierarchy inside V5's stage. */
.slide:nth-child(3) {
  gap: clamp(15px, 1.25vw, 21px);
}

.v7-jobs-layout {
  display: grid;
  grid-template-columns: minmax(205px, .72fr) clamp(32px, 3.2vw, 52px) minmax(0, 1.55fr);
  align-items: center;
  gap: clamp(8px, .7vw, 13px);
}

.v7-jobs-pain {
  display: grid;
  align-content: center;
  gap: 10px;
  min-width: 0;
}

.v7-jobs-pain > h2 {
  margin: 0 0 1px;
  color: var(--ink);
  font-size: clamp(18px, 1.35vw, 24px);
  line-height: 1.3;
}

.v7-jobs-pain-list {
  display: grid;
  gap: 8px;
}

.v7-jobs-pain-list p {
  position: relative;
  margin: 0;
  padding: clamp(11px, .9vw, 15px) clamp(13px, 1vw, 17px);
  border: 1px solid rgb(151 70 28 / 12%);
  border-radius: 12px 16px 13px 17px;
  background: linear-gradient(145deg, rgb(255 255 255 / 48%), rgb(255 247 234 / 18%));
  color: #4a2b1d;
  font-size: clamp(16px, 1.16vw, 21px);
  font-weight: 650;
  line-height: 1.3;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 34%), 0 5px 16px rgb(94 40 15 / 4%);
}

.v7-jobs-pain-list p::after {
  content: "";
  position: absolute;
  right: 6%;
  bottom: -5px;
  left: 5%;
  height: 9px;
  background: var(--wave-line) center / 100% 9px no-repeat;
  opacity: .68;
  pointer-events: none;
}

.v7-jobs-pain-list p:nth-child(2)::after {
  transform: scaleX(-1);
}

.v7-jobs-pain-result {
  margin: 1px 0 0;
  color: var(--muted);
  font-size: clamp(15px, 1.05vw, 19px);
  line-height: 1.4;
  text-align: center;
}

.v7-jobs-arrow {
  color: #cc591b;
  font-size: clamp(28px, 2.5vw, 42px);
  font-weight: 760;
  line-height: 1;
  text-align: center;
  filter: drop-shadow(0 4px 8px rgb(150 52 9 / 12%));
}

.v7-jobs-directory {
  display: grid;
  gap: clamp(10px, .8vw, 14px);
  padding: clamp(18px, 1.5vw, 25px);
  border: 1px solid rgb(162 74 29 / 15%);
  border-radius: 18px 22px 17px 21px;
  background: linear-gradient(145deg, rgb(255 255 255 / 67%), rgb(255 247 233 / 31%));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 72%), 0 10px 28px rgb(104 42 12 / 8%);
}

.v7-jobs-directory::after {
  right: 5%;
  bottom: -5px;
  left: 4%;
  opacity: .82;
}

.v7-jobs-directory-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.v7-jobs-directory-head h2 {
  margin: 0 0 6px;
  color: var(--ink);
  font-size: clamp(22px, 1.85vw, 31px);
  line-height: 1.15;
}

.v7-jobs-directory-head p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(15px, 1.08vw, 20px);
  line-height: 1.45;
}

.v7-jobs-directory-head > span {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 10px;
  background: rgb(232 193 139 / 37%);
  color: #98461d;
  font-size: clamp(13px, .88vw, 16px);
  font-weight: 760;
  line-height: 1.2;
}

.v7-jobs-checks {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.v7-jobs-checks li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(100px, .38fr) 1fr;
  align-items: baseline;
  gap: 12px;
  min-height: 48px;
  padding: 11px 0 10px;
}

.v7-jobs-checks li + li::before {
  content: "";
  position: absolute;
  top: -4px;
  right: 0;
  left: 0;
  height: 9px;
  background: var(--wave-line) center / 100% 9px no-repeat;
  opacity: .48;
}

.v7-jobs-checks strong {
  color: #b64b18;
  font-size: clamp(16px, 1.16vw, 21px);
  font-weight: 780;
  line-height: 1.35;
}

.v7-jobs-checks p {
  margin: 0;
  color: #44291d;
  font-size: clamp(16px, 1.2vw, 22px);
  line-height: 1.4;
}

.v7-jobs-outcome {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(220px, .85fr);
  align-items: center;
  gap: 20px;
  padding: clamp(11px, .9vw, 15px) clamp(16px, 1.2vw, 20px);
  border-left: 4px solid var(--accent);
  border-radius: 0 12px 12px 0;
  background: linear-gradient(90deg, rgb(229 137 63 / 16%), rgb(255 250 239 / 4%) 78%);
}

.v7-jobs-outcome p {
  margin: 0;
  color: var(--muted);
  font-size: clamp(15px, 1.1vw, 20px);
  line-height: 1.45;
}

.v7-jobs-outcome strong {
  color: #a94117;
  font-size: clamp(17px, 1.3vw, 23px);
  font-weight: 800;
}

.v7-jobs-outcome p:last-child {
  text-align: right;
}

/* The restored source titles are longer than the V5 rewrites. Keep their
   editorial weight, but let only genuinely long titles breathe onto 2 lines. */
.deck .slide:nth-child(2) h1,
.deck .slide:nth-child(4) h1,
.deck .slide:nth-child(7) h1,
.deck .slide:nth-child(9) h1,
.deck .slide:nth-child(11) h1,
.deck .slide:nth-child(13) h1,
.deck .slide:nth-child(14) h1 {
  width: auto;
  font-size: clamp(38px, 2.95vw, 52px);
  white-space: normal;
  text-wrap: balance;
}

.v7-evidence-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  margin: 0;
}

.v7-evidence-card__image {
  position: relative;
  height: clamp(118px, 10.8vw, 178px);
  overflow: hidden;
  border: 1px solid rgb(145 65 24 / 12%);
  border-radius: 12px;
  background: #fffaf0;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 72%);
}

.v7-evidence-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.v7-evidence-card figcaption {
  margin: 0;
  color: var(--muted);
  font-size: clamp(15px, 1.1vw, 20px);
  line-height: 1.5;
}

.slide:nth-child(7) .v7-evidence-card figcaption {
  color: var(--ink);
  font-size: clamp(19px, 1.55vw, 27px);
  font-weight: 760;
}

.v7-link-row {
  display: flex;
  align-items: center;
  min-height: 44px;
}

.action--secondary {
  min-height: 42px;
  padding: 10px 18px;
  background: linear-gradient(135deg, #d76320, #b63f10);
  font-size: clamp(15px, 1.1vw, 19px);
}

.v7-process-media {
  gap: clamp(12px, 1.1vw, 18px);
}

.slide:nth-child(11) {
  gap: clamp(11px, .9vw, 15px);
}

.slide:nth-child(11) .v7-evidence-card {
  gap: 7px;
  padding: clamp(11px, .9vw, 15px);
}

.slide:nth-child(11) .v7-evidence-card__image {
  height: clamp(96px, 8.1vw, 132px);
}

.slide:nth-child(11) .v7-evidence-card figcaption {
  font-size: clamp(14px, 1vw, 18px);
  line-height: 1.42;
}

.v7-text-link {
  width: fit-content;
  color: #a84317;
  font-size: clamp(14px, .94vw, 17px);
  font-weight: 760;
  text-decoration: none;
  border-bottom: 1px solid rgb(168 67 23 / 34%);
}

.v7-text-link:hover {
  color: #7f2e0e;
  border-bottom-color: currentColor;
}

.slide:nth-child(10) {
  gap: clamp(12px, 1vw, 17px);
}

.slide:nth-child(10) .card {
  padding-top: clamp(13px, 1.05vw, 18px);
  padding-bottom: clamp(13px, 1.05vw, 18px);
}

.slide:nth-child(10) .card p + p {
  margin-top: 5px;
}

.slide:nth-child(10) .note,
.slide:nth-child(11) .note,
.slide:nth-child(13) .note {
  font-size: clamp(14px, 1.05vw, 19px);
  line-height: 1.48;
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .v7-evidence-card__image { height: 112px; }
  .slide:nth-child(11) .v7-evidence-card__image { height: 86px; }
  .v7-jobs-pain { gap: 7px; }
  .v7-jobs-pain-list { gap: 6px; }
  .v7-jobs-pain-list p { padding-top: 9px; padding-bottom: 9px; }
  .v7-jobs-directory { gap: 7px; padding: 14px 16px; }
  .v7-jobs-checks li { min-height: 40px; padding: 8px 0 7px; }
  .v7-jobs-outcome { padding-top: 9px; padding-bottom: 9px; }
  .slide:nth-child(1),
  .slide:nth-child(10),
  .slide:nth-child(11) { gap: 10px; }
}

/* Presenter camera framing guide, carried forward from V6. */
.presenter-guide {
  position: absolute;
  z-index: 120;
  right: 0;
  bottom: 0;
  display: none;
  width: min(480px, 30%);
  aspect-ratio: 16 / 9;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 9px;
  border: 3px dashed #7b8652;
  background: rgb(238 239 210 / 86%);
  color: #43522e;
  pointer-events: none;
}

.presenter-guide.is-open { display: flex; }
.presenter-guide b { font-size: clamp(17px, 1.25vw, 22px); }
.presenter-guide span,
.presenter-guide small { font-size: clamp(12px, .9vw, 15px); }

@media (max-width: 1040px) {
  .top-action--utility span { display: none; }
  .top-action--utility { width: 44px; padding: 0; }
}

@media (max-width: 760px) {
  .presenter-guide { width: 42%; }
}

@media print {
  .presenter-guide { display: none !important; }
}


/* source: v8.css */
/* V8: use the full presentation canvas and restore a calmer vertical rhythm. */
.slide {
  align-content: space-evenly;
  gap: clamp(20px, 1.75vw, 30px);
  padding-top: 6.6%;
  padding-bottom: 7.1%;
}

.slide--compact {
  gap: clamp(18px, 1.45vw, 24px);
  padding-top: 5.8%;
  padding-bottom: 6.3%;
}

.slide > header .eyebrow {
  margin-bottom: clamp(14px, 1.08vw, 18px);
}

.subtitle,
.subtitle--label {
  margin-top: clamp(18px, 1.35vw, 24px);
}

.lead {
  line-height: 1.8;
}

.grid {
  column-gap: clamp(18px, 1.45vw, 25px);
  row-gap: clamp(16px, 1.25vw, 22px);
  padding-top: clamp(9px, .75vw, 13px);
  padding-bottom: clamp(9px, .75vw, 13px);
}

.card h2,
.card h3 {
  margin-bottom: clamp(11px, .85vw, 14px);
}

.numbered {
  column-gap: clamp(18px, 1.45vw, 25px);
  row-gap: clamp(17px, 1.35vw, 23px);
  padding-top: clamp(9px, .75vw, 13px);
  padding-bottom: clamp(9px, .75vw, 13px);
}

.numbered li {
  min-height: 74px;
  padding-top: clamp(18px, 1.4vw, 24px);
  padding-bottom: clamp(18px, 1.4vw, 24px);
  line-height: 1.58;
}

.numbered li::before {
  top: clamp(18px, 1.4vw, 24px);
}

.note {
  padding-top: clamp(13px, 1vw, 17px);
  padding-bottom: clamp(13px, 1vw, 17px);
  line-height: 1.68;
}

.schedule {
  column-gap: clamp(18px, 1.45vw, 25px);
  padding-top: clamp(9px, .75vw, 13px);
  padding-bottom: clamp(9px, .75vw, 13px);
}

.schedule ol {
  gap: clamp(10px, .78vw, 13px);
}

.slide:nth-child(1),
.slide:nth-child(3),
.slide:nth-child(10),
.slide:nth-child(11),
.slide:nth-child(13) {
  gap: clamp(18px, 1.45vw, 24px);
}

.deck .slide:nth-child(15) {
  align-content: space-evenly;
}

.slide:nth-child(1) .grid,
.slide:nth-child(15) .numbered {
  row-gap: clamp(14px, 1.08vw, 18px);
}

.slide:nth-child(10) .card {
  padding-top: clamp(16px, 1.25vw, 21px);
  padding-bottom: clamp(16px, 1.25vw, 21px);
}

.slide:nth-child(10) .card p + p {
  margin-top: 8px;
}

.slide:nth-child(11) .v7-evidence-card {
  gap: 10px;
  padding: clamp(13px, 1vw, 17px);
}

.slide:nth-child(13) .schedule li {
  line-height: 1.56;
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .slide {
    gap: 18px;
    padding-top: 5.8%;
    padding-bottom: 6.2%;
  }

  .slide--compact,
  .slide:nth-child(1),
  .slide:nth-child(3),
  .slide:nth-child(10),
  .slide:nth-child(11),
  .slide:nth-child(13) {
    gap: 16px;
  }

  .numbered { row-gap: 15px; }
  .numbered li { padding-top: 16px; padding-bottom: 16px; }
  .numbered li::before { top: 16px; }
  .note { padding-top: 11px; padding-bottom: 11px; }
  .schedule ol { gap: 8px; }
}


/* source: v9.css */
/* V9: page-by-page presentation polish, preserving V8 copy and hierarchy. */
:root {
  --v9-maple-leaf-natural: url("maple-leaf-natural.webp");
  --v9-shadow-soft:
    0 0 0 1px rgb(73 34 15 / 5%),
    0 2px 5px rgb(73 34 15 / 5%),
    0 16px 36px rgb(73 34 15 / 7%);
  --v9-shadow-lift:
    0 0 0 1px rgb(73 34 15 / 7%),
    0 4px 10px rgb(73 34 15 / 6%),
    0 20px 42px rgb(73 34 15 / 10%);
  --v9-warm: rgb(255 250 240 / 76%);
  --v9-warm-strong: rgb(255 252 246 / 88%);
  --v9-accent-wash: rgb(220 99 31 / 11%);
  --v9-ease: cubic-bezier(.2, 0, 0, 1);
}

/* Page 11 refinement: separate the two actions from the supporting note.
   The steps own the center of the page; the note sits as a distinct footer. */
.deck .slide:nth-child(11).v9-identity-slide {
  align-content: stretch;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: clamp(18px, 1.35vw, 24px);
  padding-top: 5.55%;
  padding-bottom: 6.2%;
}

.deck .slide:nth-child(11).v9-identity-slide > header .subtitle--label {
  margin-top: clamp(12px, .95vw, 17px);
}

.deck .slide:nth-child(11) .v9-identity-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(58px, 4.8vw, 82px) minmax(0, 1fr);
  align-items: stretch;
  min-height: 0;
}

.deck .slide:nth-child(11) .v9-identity-step {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-content: start;
  gap: clamp(13px, 1vw, 18px);
  min-width: 0;
  margin: 0;
  padding: clamp(17px, 1.25vw, 22px);
  border-radius: 24px;
  background:
    radial-gradient(circle at 92% 8%, rgb(232 125 48 / 13%), transparent 30%),
    linear-gradient(145deg, rgb(255 255 255 / 91%), rgb(255 245 229 / 72%));
  box-shadow:
    0 0 0 1px rgb(73 34 15 / 7%),
    0 4px 10px rgb(73 34 15 / 6%),
    0 22px 46px rgb(73 34 15 / 10%);
}

.deck .slide:nth-child(11) .v9-identity-step::after {
  content: "";
  position: absolute;
  top: 22px;
  right: 22px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #dc681f;
  box-shadow: 0 0 0 6px rgb(220 104 31 / 10%);
}

.deck .slide:nth-child(11) .v9-identity-step__heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: clamp(11px, .85vw, 15px);
  min-height: clamp(62px, 5vw, 84px);
  margin: 0;
  padding-right: 20px;
}

.deck .slide:nth-child(11) .v9-identity-step__number {
  display: grid;
  width: clamp(42px, 3.25vw, 54px);
  height: clamp(42px, 3.25vw, 54px);
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(145deg, #df6d27, #b94413);
  color: #fffaf2;
  font-size: clamp(14px, 1.05vw, 18px);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 23%),
    0 7px 15px rgb(151 55 13 / 20%);
}

.deck .slide:nth-child(11) .v9-identity-step__copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.deck .slide:nth-child(11) .v9-identity-step__copy strong {
  color: #4a2718;
  font-size: clamp(18px, 1.38vw, 24px);
  font-weight: 820;
  line-height: 1.32;
  text-wrap: balance;
}

.deck .slide:nth-child(11) .v9-identity-step__copy small {
  color: #806759;
  font-size: clamp(13px, .94vw, 17px);
  font-weight: 520;
  line-height: 1.46;
  text-wrap: pretty;
}

.deck .slide:nth-child(11) .v9-identity-step__image {
  position: relative;
  align-self: center;
  width: 100%;
  height: clamp(150px, 18vh, 230px);
  overflow: hidden;
  border-radius: 15px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(0 0 0 / 8%),
    0 10px 24px rgb(75 36 17 / 8%);
}

.deck .slide:nth-child(11) .v9-identity-step__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  outline: 1px solid rgb(0 0 0 / 10%);
  outline-offset: -1px;
}

.deck .slide:nth-child(11) .v9-identity-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  gap: 10px;
  min-width: clamp(190px, 15vw, 250px);
  min-height: 50px;
  padding: 12px 18px 12px 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, #dc6924 0%, #ba4212 100%);
  color: #fffaf4;
  font-size: clamp(15px, 1.05vw, 18px);
  font-weight: 790;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    0 0 0 1px rgb(91 28 7 / 12%),
    inset 0 1px 0 rgb(255 255 255 / 22%),
    0 6px 12px rgb(115 38 9 / 18%),
    0 16px 28px rgb(115 38 9 / 14%);
  transition-property: transform, box-shadow, filter;
  transition-duration: 160ms, 180ms, 160ms;
  transition-timing-function: var(--v9-ease);
}

.deck .slide:nth-child(11) .v9-identity-button:hover {
  filter: saturate(1.05) brightness(1.035);
  box-shadow:
    0 0 0 1px rgb(91 28 7 / 14%),
    inset 0 1px 0 rgb(255 255 255 / 26%),
    0 8px 16px rgb(115 38 9 / 20%),
    0 20px 34px rgb(115 38 9 / 16%);
  transform: translateY(-2px);
}

.deck .slide:nth-child(11) .v9-identity-button:active {
  transform: scale(.96);
}

.deck .slide:nth-child(11) .v9-identity-button__icon {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 8px;
  background: rgb(255 255 255 / 17%);
}

.deck .slide:nth-child(11) .v9-identity-button__icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.deck .slide:nth-child(11) .v9-identity-connector {
  display: grid;
  align-content: center;
  justify-items: center;
  color: #a94a1b;
}

.deck .slide:nth-child(11) .v9-identity-connector__track {
  position: relative;
  display: grid;
  width: clamp(54px, 4.25vw, 72px);
  height: clamp(36px, 2.8vw, 46px);
  place-items: center;
  overflow: hidden;
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgb(255 250 241 / 62%), rgb(255 255 255 / 94%));
  box-shadow:
    0 0 0 1px rgb(167 69 23 / 11%),
    inset 0 1px 0 rgb(255 255 255 / 74%),
    0 8px 20px rgb(92 39 15 / 9%);
}

.deck .slide:nth-child(11) .v9-identity-connector__track::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgb(185 76 25 / 20%), transparent);
}

.deck .slide:nth-child(11) .v9-identity-connector__arrow {
  position: relative;
  width: clamp(34px, 2.55vw, 43px);
  fill: none;
  stroke: #ad4a1a;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .88;
  transform: translateX(-5px);
}

.deck .slide:nth-child(11).is-active .v9-identity-connector__arrow {
  animation: v9-identity-arrow-travel 1.65s var(--v9-ease) infinite;
}

@keyframes v9-identity-arrow-travel {
  0% {
    opacity: .28;
    transform: translateX(-7px);
  }
  38%, 62% {
    opacity: 1;
  }
  78% {
    opacity: .92;
    transform: translateX(7px);
  }
  100% {
    opacity: 0;
    transform: translateX(7px);
  }
}

.deck .slide:nth-child(11) .v9-identity-footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(15px, 1.2vw, 21px);
  width: 100%;
  justify-self: start;
  margin-top: clamp(6px, .55vw, 10px);
  padding: clamp(14px, 1.05vw, 18px) clamp(17px, 1.35vw, 24px);
  border-radius: 22px;
  background:
    radial-gradient(circle at 4% 50%, rgb(222 105 34 / 17%), transparent 20%),
    linear-gradient(135deg, rgb(255 252 246 / 92%), rgb(244 205 159 / 24%));
  box-shadow:
    0 0 0 1px rgb(73 34 15 / 7%),
    0 3px 8px rgb(73 34 15 / 5%),
    0 18px 38px rgb(73 34 15 / 9%);
}

.deck .slide:nth-child(11) .v9-identity-footer__mark {
  display: grid;
  width: clamp(50px, 4vw, 66px);
  aspect-ratio: 1;
  place-items: center;
  border-radius: 19px;
  background: linear-gradient(145deg, #f4d2ae, #edb579);
  color: #914019;
  font-size: clamp(13px, .9vw, 16px);
  font-weight: 850;
  letter-spacing: .05em;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 47%);
}

.deck .slide:nth-child(11) .v9-identity-footer__copy {
  min-width: 0;
}

.deck .slide:nth-child(11) .v9-identity-footer__headline {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px clamp(10px, .85vw, 15px);
  margin-bottom: 4px;
}

.deck .slide:nth-child(11) .v9-identity-footer__copy strong {
  display: inline-block;
  color: #5c2d19;
  font-size: clamp(16px, 1.18vw, 21px);
  font-weight: 820;
  line-height: 1.35;
}

.deck .slide:nth-child(11) .v9-identity-footer__copy p {
  margin: 0;
  color: #765e51;
  font-size: clamp(13px, .92vw, 16px);
  line-height: 1.5;
  text-wrap: pretty;
}

.deck .slide:nth-child(11) .v9-identity-footer__meta {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.deck .slide:nth-child(11) .v9-identity-footer__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 7px;
  background: rgb(255 255 255 / 72%);
  color: #8b4b2c;
  font-size: clamp(10px, .68vw, 12px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .01em;
  white-space: nowrap;
  box-shadow:
    0 0 0 1px rgb(126 55 21 / 7%),
    0 2px 5px rgb(73 34 15 / 4%);
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(11).v9-identity-slide {
    gap: 12px;
    padding-top: 5.1%;
    padding-bottom: 5.6%;
  }

  .deck .slide:nth-child(11) .v9-identity-step {
    gap: 9px;
    padding: 13px 15px;
  }

  .deck .slide:nth-child(11) .v9-identity-step__heading {
    min-height: 52px;
  }

  .deck .slide:nth-child(11) .v9-identity-step__image {
    height: 102px;
  }

  .deck .slide:nth-child(11) .v9-identity-button {
    min-height: 42px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .deck .slide:nth-child(11) .v9-identity-footer {
    gap: 12px;
    padding: 10px 14px;
  }

  .deck .slide:nth-child(11) .v9-identity-footer__mark {
    width: 46px;
    border-radius: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .deck .slide:nth-child(11).is-active .v9-identity-connector__arrow {
    animation: none;
    opacity: .88;
    transform: none;
  }
}

/* Page 14: turn two vaguely related forms into a self-contained choice. */
.deck .slide.p14-choice-slide {
  gap: clamp(17px, 1.35vw, 23px);
}

.deck .slide.p14-choice-slide > header {
  margin-bottom: clamp(2px, .25vw, 5px);
}

.deck .p14-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 1.45vw, 25px);
  width: 100%;
}

.deck .p14-choice-card {
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  align-content: start;
  gap: clamp(10px, .78vw, 14px);
  min-height: clamp(300px, 23.4vw, 390px);
  padding: clamp(22px, 1.75vw, 30px);
  border: 0;
  border-radius: 22px;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 76%),
    0 1px 0 rgb(112 47 18 / 7%),
    0 16px 40px rgb(93 40 15 / 8%);
}

.deck .p14-choice-card--career {
  background: linear-gradient(145deg, rgb(255 255 255 / 66%), rgb(255 242 223 / 45%));
}

.deck .p14-choice-card--activity {
  background: linear-gradient(145deg, rgb(255 252 245 / 72%), rgb(240 171 102 / 18%));
}

.deck .p14-choice-card__topline {
  display: flex;
  align-items: center;
  gap: 10px;
}

.deck .p14-choice-card__number {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgb(187 74 22 / 11%);
  color: #af491c;
  font-size: clamp(13px, .92vw, 16px);
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}

.deck .p14-choice-card__type {
  color: #9f451e;
  font-size: clamp(14px, 1.02vw, 18px);
  font-weight: 800;
  letter-spacing: .06em;
}

.deck .p14-choice-card h2 {
  max-width: 19em;
  margin: 0;
  color: #29170f;
  font-size: clamp(22px, 1.72vw, 30px);
  line-height: 1.28;
  text-wrap: balance;
}

.deck .p14-choice-card > p {
  margin: 0;
  color: #76594a;
  font-size: clamp(15px, 1.12vw, 20px);
  line-height: 1.5;
  text-wrap: pretty;
}

.deck .p14-choice-card .taglist {
  align-content: start;
  margin-top: 2px;
}

.deck .p14-choice-card .taglist li {
  padding: 8px 12px;
  font-size: clamp(13px, .96vw, 17px);
}

.deck .p14-choice-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  margin-top: clamp(3px, .35vw, 6px);
  padding: 12px 16px;
  border-radius: 13px;
  color: #fffaf3;
  font-size: clamp(15px, 1.08vw, 19px);
  font-weight: 800;
  text-decoration: none;
  box-shadow:
    0 1px 0 rgb(255 255 255 / 20%) inset,
    0 8px 18px rgb(93 35 12 / 16%);
  transition-property: transform, box-shadow, filter;
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
}

.deck .p14-choice-action--career {
  background: linear-gradient(135deg, #a64a24, #c96631);
}

.deck .p14-choice-action--activity {
  background: linear-gradient(135deg, #d55b18, #ef782b);
}

.deck .p14-choice-action:hover {
  filter: saturate(1.07) brightness(1.03);
  box-shadow:
    0 1px 0 rgb(255 255 255 / 24%) inset,
    0 12px 25px rgb(93 35 12 / 20%);
  transform: translateY(-2px);
}

.deck .p14-choice-action:active {
  transform: scale(.96);
}

.deck .p14-choice-action .p14-choice-action__hint {
  flex: 0 0 auto;
  display: inline-grid;
  width: clamp(27px, 2vw, 34px);
  aspect-ratio: 1;
  place-items: center;
  padding: 0;
  border: 1px solid rgb(255 255 255 / 34%);
  border-radius: 50%;
  background: rgb(255 255 255 / 12%);
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: clamp(15px, 1.05vw, 19px);
  line-height: 1;
  transform: translateY(-1px);
  transition: background-color 180ms ease, border-color 180ms ease;
}

.deck .p14-choice-action:hover .p14-choice-action__hint {
  border-color: rgb(255 255 255 / 50%);
  background: rgb(255 255 255 / 20%);
}

.deck .p14-choice-note {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: clamp(58px, 4.7vw, 78px);
  padding: clamp(12px, .95vw, 16px) clamp(18px, 1.45vw, 25px);
  border-radius: 16px;
  background: linear-gradient(90deg, rgb(212 89 28 / 17%), rgb(255 250 241 / 66%));
  color: #a5461d;
  font-size: clamp(17px, 1.3vw, 23px);
  line-height: 1.45;
  text-align: left;
  box-shadow: 0 9px 24px rgb(93 40 15 / 6%);
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide.p14-choice-slide {
    gap: 11px;
  }

  .deck .p14-choice-card {
    gap: 7px;
    min-height: 250px;
    padding: 16px 18px;
  }

  .deck .p14-choice-card__number {
    width: 32px;
    height: 32px;
  }

  .deck .p14-choice-action {
    min-height: 44px;
    padding: 9px 13px;
  }

  .deck .p14-choice-note {
    min-height: 48px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .p14-choice-grid {
    grid-template-columns: 1fr;
  }

  .deck .p14-choice-card {
    min-height: 0;
  }

  .deck .p14-choice-note {
    align-items: flex-start;
  }
}

@media (max-width: 760px) {
  .deck .slide:nth-child(11).v9-identity-slide {
    display: block;
    overflow: auto;
  }

  .deck .slide:nth-child(11) .v9-identity-flow {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 20px;
  }

  .deck .slide:nth-child(11) .v9-identity-connector {
    display: none;
  }

  .deck .slide:nth-child(11) .v9-identity-footer {
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
    margin-top: 20px;
  }

  .deck .slide:nth-child(11) .v9-identity-footer__meta {
    justify-content: flex-start;
  }
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Keep the approved rail width, while restoring a little of the maple framing
   that was cropped when the full stage artwork moved left. */
.deck .slide::after {
  left: 14.6%;
}

.stage-maples {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 10.2%;
  pointer-events: none;
}

.stage-maples--top {
  top: 0;
  height: 17.5%;
}

.stage-maples--bottom {
  bottom: 0;
  height: 30%;
}

.stage-maple {
  position: absolute;
  display: block;
  background: var(--v9-maple-leaf-natural) center / contain no-repeat;
  filter:
    drop-shadow(0 4px 3px rgb(82 27 7 / 22%))
    drop-shadow(0 12px 13px rgb(82 27 7 / 11%));
  opacity: .9;
  transform-origin: 56% 68%;
}

.stage-maple--top-a {
  top: 4%;
  left: -10%;
  width: 61%;
  aspect-ratio: 1312 / 1199;
  transform: rotate(-31deg) scaleX(.94);
}

.stage-maple--top-b {
  top: -9%;
  left: 64%;
  width: 39%;
  aspect-ratio: 1312 / 1199;
  opacity: .76;
  transform: rotate(22deg) scaleX(.88);
}

.stage-maple--bottom-a {
  bottom: 19%;
  left: -17%;
  width: 70%;
  aspect-ratio: 1312 / 1199;
  transform: rotate(13deg) scaleX(.92);
}

.stage-maple--bottom-b {
  bottom: -11%;
  left: 19%;
  width: 59%;
  aspect-ratio: 1312 / 1199;
  opacity: .86;
  transform: rotate(-24deg) scaleX(.9);
}

.stage-maple--bottom-c {
  right: -1%;
  bottom: 44%;
  width: 37%;
  aspect-ratio: 1312 / 1199;
  opacity: .72;
  transform: rotate(34deg) scaleX(.86);
}

.deck .slide > header {
  max-width: min(100%, 1120px);
}

.deck .slide h1 {
  text-wrap: balance;
  text-shadow: 0 1px 0 rgb(255 255 255 / 45%);
}

.deck .slide p,
.deck .slide li,
.deck .slide figcaption {
  text-wrap: pretty;
}

/* Shared surfaces become quieter, deeper and more consistent. */
.deck .grid,
.deck .numbered,
.deck .schedule {
  background:
    radial-gradient(circle at 12% 5%, rgb(255 255 255 / 64%), transparent 28%),
    linear-gradient(138deg, rgb(255 252 245 / 58%), rgb(239 190 135 / 10%));
  box-shadow: var(--v9-shadow-soft);
}

.deck .card {
  background: linear-gradient(145deg, rgb(255 255 255 / 42%), rgb(255 247 234 / 18%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 58%),
    0 1px 2px rgb(73 34 15 / 3%);
  transition-property: transform, background-color, box-shadow;
  transition-duration: 180ms, 180ms, 220ms;
  transition-timing-function: var(--v9-ease);
}

.deck .card:hover {
  background: linear-gradient(145deg, rgb(255 255 255 / 60%), rgb(255 247 234 / 27%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 72%),
    0 5px 16px rgb(73 34 15 / 6%);
  transform: translateY(-2px);
}

.deck .lead {
  max-width: min(100%, 980px);
  padding: clamp(14px, 1.05vw, 18px) clamp(18px, 1.35vw, 24px);
  border-left: 4px solid rgb(205 82 25 / 78%);
  border-radius: 0 18px 18px 0;
  background:
    linear-gradient(90deg, rgb(232 135 63 / 14%), rgb(255 251 243 / 42%) 62%, transparent);
  box-shadow: 0 9px 24px rgb(93 40 15 / 5%);
}

.deck .note {
  border-left-width: 4px;
  border-radius: 0 14px 14px 0;
  background:
    linear-gradient(90deg, rgb(228 126 50 / 17%), rgb(255 250 240 / 42%) 72%, transparent);
  box-shadow: 0 8px 22px rgb(94 40 14 / 4%);
}

.deck .action {
  border-radius: 12px;
  box-shadow:
    0 0 0 1px rgb(83 28 6 / 10%),
    0 4px 9px rgb(83 28 6 / 14%),
    0 16px 30px rgb(83 28 6 / 18%);
}

.deck .action--feedback {
  padding-left: 20px;
  padding-right: 18px;
}

.deck .v7-link-row,
.deck .slide:nth-child(5) > div:has(.action),
.deck .slide:nth-child(14) > div:has(.action),
.deck .slide:nth-child(15) > div:has(.action) {
  position: relative;
  width: fit-content;
  min-width: min(100%, 360px);
  padding: 10px 12px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgb(255 253 248 / 62%), rgb(231 153 88 / 13%));
  box-shadow: var(--v9-shadow-soft);
}

/* Page 01: connect the audience's current tension to the project's response. */
.deck .slide:nth-child(1) .v9-opening-story {
  display: grid;
  grid-template-columns: minmax(0, .94fr) clamp(46px, 4.2vw, 70px) minmax(0, 1.08fr);
  align-items: center;
  width: min(100%, 1120px);
}

.deck .slide:nth-child(1) .v9-opening-story__moment,
.deck .slide:nth-child(1) .v9-opening-story__answer {
  position: relative;
  min-width: 0;
}

.deck .slide:nth-child(1) .v9-opening-story__moment {
  padding: clamp(10px, .9vw, 15px) clamp(10px, 1vw, 17px) clamp(10px, .9vw, 15px) clamp(20px, 1.6vw, 28px);
}

.deck .slide:nth-child(1) .v9-opening-story__moment::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgb(202 84 25 / 12%), rgb(202 84 25 / 70%), rgb(202 84 25 / 12%));
}

.deck .slide:nth-child(1) .v9-opening-story__moment::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d76626;
  box-shadow: 0 0 0 5px rgb(215 102 38 / 10%);
  transform: translateY(-50%);
}

.deck .slide:nth-child(1) .v9-opening-story__kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 7px;
  color: #a95024;
  font-size: clamp(11px, .78vw, 14px);
  font-weight: 760;
  letter-spacing: .12em;
}

.deck .slide:nth-child(1) .v9-opening-story__kicker > span {
  color: rgb(165 80 36 / 54%);
  font-size: .9em;
  font-variant-numeric: tabular-nums;
  letter-spacing: .05em;
}

.deck .slide:nth-child(1) .lead {
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #6f594a;
  font-size: clamp(15px, 1.12vw, 19px);
  line-height: 1.68;
}

.deck .slide:nth-child(1) .lead > span {
  color: #3f291d;
  font-weight: 650;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge {
  position: relative;
  height: 24px;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge path {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge-rail {
  stroke: url(#v9-story-line-gradient);
  stroke-width: 1.35;
  stroke-linecap: round;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge-glint {
  stroke: rgb(255 177 113 / 90%);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-dasharray: .14 .86;
  stroke-dashoffset: 1;
  filter: drop-shadow(0 0 3px rgb(229 100 38 / 42%));
  animation: v9-story-bridge-glint 2.8s linear infinite;
  animation-play-state: paused;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge-head {
  stroke: rgb(164 59 20 / 86%);
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 1px 1px rgb(114 39 12 / 16%));
  transform-box: fill-box;
  transform-origin: center;
  animation: v9-story-bridge-head 2.8s cubic-bezier(.4, 0, .2, 1) infinite;
  animation-play-state: paused;
}

.deck .slide:nth-child(1) .v9-opening-story__bridge-signal {
  position: absolute;
  top: calc(50% - 2.5px);
  left: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f29a57;
  box-shadow:
    0 0 0 3px rgb(226 110 48 / 10%),
    0 0 8px rgb(218 82 26 / 42%);
  animation: v9-story-bridge-signal 2.8s cubic-bezier(.4, 0, .2, 1) infinite;
  animation-play-state: paused;
}

.deck .slide:nth-child(1).is-active .v9-opening-story__bridge-glint,
.deck .slide:nth-child(1).is-active .v9-opening-story__bridge-head,
.deck .slide:nth-child(1).is-active .v9-opening-story__bridge-signal {
  animation-play-state: running;
}

.deck .slide:nth-child(1) .v9-opening-story__answer {
  overflow: hidden;
  padding: clamp(15px, 1.15vw, 20px) clamp(20px, 1.55vw, 27px) clamp(16px, 1.25vw, 22px) clamp(25px, 1.9vw, 33px);
  border-radius: 22px;
  background:
    radial-gradient(circle at 94% 8%, rgb(228 120 49 / 18%), transparent 34%),
    linear-gradient(138deg, rgb(255 253 247 / 84%), rgb(239 181 126 / 22%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 76%),
    0 0 0 1px rgb(130 58 23 / 6%),
    0 5px 12px rgb(88 37 13 / 6%),
    0 18px 38px rgb(88 37 13 / 9%);
}

.deck .slide:nth-child(1) .v9-opening-story__answer::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 0;
  width: 5px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, #ee8d37, #bf4b18);
}

.deck .slide:nth-child(1) .v9-opening-story__answer::after {
  content: "“";
  position: absolute;
  top: -17px;
  right: 12px;
  color: rgb(188 69 20 / 10%);
  font-size: clamp(64px, 5.2vw, 88px);
  font-weight: 850;
  line-height: 1;
  pointer-events: none;
}

.deck .slide:nth-child(1) .v9-opening-story__answer .v9-opening-story__kicker {
  color: #b44b19;
}

.deck .slide:nth-child(1) .v7-belief {
  position: relative;
  z-index: 1;
  width: auto;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #4d2817;
  font-size: clamp(18px, 1.47vw, 25px);
  font-weight: 720;
  line-height: 1.55;
}

.deck .slide:nth-child(1) .v7-belief > span {
  color: #8f3b17;
  font-weight: 820;
}

.deck .slide:nth-child(1) .v9-loop-flow {
  position: relative;
  width: 100%;
  margin-top: clamp(4px, .35vw, 7px);
  padding: clamp(10px, .78vw, 14px) clamp(10px, .82vw, 15px) clamp(13px, 1.05vw, 19px);
  border-radius: 24px;
  background:
    radial-gradient(circle at 38% 0%, rgb(239 139 66 / 12%), transparent 28%),
    linear-gradient(138deg, rgb(255 253 248 / 72%), rgb(239 190 135 / 12%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 82%),
    0 0 0 1px rgb(126 58 23 / 7%),
    0 9px 22px rgb(92 40 16 / 7%),
    0 22px 46px rgb(92 40 16 / 8%);
}

.deck .slide:nth-child(1) .v9-loop-flow__track {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(20px, 1.75vw, 30px);
}

.deck .slide:nth-child(1) .v9-loop-flow__step {
  position: relative;
  min-width: 0;
  min-height: clamp(88px, 7.6vw, 118px);
  padding: clamp(13px, 1vw, 18px) clamp(12px, .92vw, 16px) clamp(12px, 1vw, 18px) clamp(38px, 2.85vw, 48px);
  border: 0;
  border-radius: 17px;
  background: linear-gradient(145deg, rgb(255 255 255 / 75%), rgb(255 247 234 / 35%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 78%),
    0 0 0 1px rgb(113 52 21 / 6%),
    0 7px 18px rgb(83 36 14 / 6%);
}

.deck .slide:nth-child(1) .v9-loop-flow__step::before {
  content: attr(data-step);
  position: absolute;
  top: clamp(14px, 1.05vw, 18px);
  left: clamp(12px, .92vw, 16px);
  color: rgb(177 71 24 / 54%);
  font-family: Georgia, serif !important;
  font-size: clamp(12px, .86vw, 15px);
  font-style: italic;
  font-variant-numeric: tabular-nums;
  line-height: 1.35;
  letter-spacing: .04em;
}

.deck .slide:nth-child(1) .v9-loop-flow__connector {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: calc(100% + 4px);
  width: calc(clamp(20px, 1.75vw, 30px) - 8px);
  height: 18px;
  transform: translateY(-50%);
  pointer-events: none;
}

.deck .slide:nth-child(1) .v9-loop-flow__step:not(:last-child)::after {
  display: none;
}

.deck .slide:nth-child(1) .v9-loop-flow__connector::before,
.deck .slide:nth-child(1) .v9-loop-flow__connector::after {
  content: "";
  position: absolute;
}

.deck .slide:nth-child(1) .v9-loop-flow__connector::before {
  top: calc(50% - .5px);
  right: 3px;
  left: 0;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgb(197 76 25 / 22%), rgb(216 109 52 / 72%));
  box-shadow: 0 1px 1px rgb(104 37 11 / 8%);
}

.deck .slide:nth-child(1) .v9-loop-flow__connector::after {
  top: calc(50% - 4px);
  right: 1px;
  width: 8px;
  height: 8px;
  border-top: 1.35px solid rgb(181 65 20 / 82%);
  border-right: 1.35px solid rgb(181 65 20 / 82%);
  filter: drop-shadow(0 1px 1px rgb(104 37 11 / 14%));
  transform: rotate(45deg);
  animation: v9-loop-flow-head 2.9s cubic-bezier(.4, 0, .2, 1) infinite;
  animation-delay: var(--v9-flow-delay, 0s);
  animation-play-state: paused;
}

.deck .slide:nth-child(1) .v9-loop-flow__connector i {
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f0a065;
  box-shadow:
    0 0 0 3px rgb(231 117 55 / 9%),
    0 0 7px rgb(218 79 24 / 38%);
  animation: v9-loop-flow-signal 2.9s cubic-bezier(.4, 0, .2, 1) infinite;
  animation-delay: var(--v9-flow-delay, 0s);
  animation-play-state: paused;
}

.deck .slide:nth-child(1) .v9-loop-flow__step:nth-child(2) .v9-loop-flow__connector {
  --v9-flow-delay: .34s;
}

.deck .slide:nth-child(1) .v9-loop-flow__step:nth-child(3) .v9-loop-flow__connector {
  --v9-flow-delay: .68s;
}

.deck .slide:nth-child(1).is-active .v9-loop-flow__connector::after,
.deck .slide:nth-child(1).is-active .v9-loop-flow__connector i {
  animation-play-state: running;
}

.deck .slide:nth-child(1) .v9-loop-flow__step h2 {
  margin: 0 0 6px;
  color: #3b271d;
  font-size: clamp(15px, 1.12vw, 20px);
  line-height: 1.32;
}

.deck .slide:nth-child(1) .v9-loop-flow__step p {
  color: #766358;
  font-size: clamp(11px, .82vw, 15px);
  line-height: 1.5;
}

.deck .slide:nth-child(1) .v9-loop-flow__step--hub {
  background:
    radial-gradient(circle at 100% 0%, rgb(233 118 44 / 22%), transparent 43%),
    linear-gradient(145deg, rgb(255 255 255 / 90%), rgb(249 220 186 / 48%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 88%),
    0 0 0 1px rgb(181 71 23 / 15%),
    0 10px 25px rgb(105 43 16 / 10%);
}

.deck .slide:nth-child(1) .v9-loop-flow__step--hub h2 {
  color: #963a14;
}

.deck .slide:nth-child(1) .v9-loop-flow__step--feedback {
  background: linear-gradient(145deg, rgb(255 252 246 / 88%), rgb(239 169 107 / 28%));
}

.deck .slide:nth-child(1) .v9-loop-flow__badge {
  position: absolute;
  top: 9px;
  right: 9px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgb(204 78 24 / 10%);
  color: #a3431b;
  font-size: clamp(9px, .66vw, 12px);
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: .08em;
}

.deck .slide:nth-child(1) .v9-loop-flow__return {
  position: relative;
  height: clamp(48px, 4.05vw, 66px);
  margin-top: clamp(2px, .18vw, 4px);
}

.deck .slide:nth-child(1) .v9-loop-flow__return svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.deck .slide:nth-child(1) .v9-loop-flow__return path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.deck .slide:nth-child(1) .v9-loop-flow__return-halo {
  stroke: rgb(220 112 53 / 12%);
  stroke-width: 6;
  filter: blur(2px);
}

.deck .slide:nth-child(1) .v9-loop-flow__return-rail {
  stroke: url(#v9-return-line-gradient);
  stroke-width: 1.45;
}

.deck .slide:nth-child(1) .v9-loop-flow__return-glint {
  stroke: rgb(255 180 117 / 94%);
  stroke-width: 2.8;
  stroke-dasharray: .1 .9;
  stroke-dashoffset: 0;
  filter: drop-shadow(0 0 4px rgb(218 77 24 / 46%));
  animation: v9-loop-return-glint 3.8s linear infinite;
  animation-delay: .9s;
  animation-play-state: paused;
}

.deck .slide:nth-child(1) .v9-loop-flow__return .v9-loop-flow__return-arrow {
  stroke: rgb(164 57 18 / 88%);
  stroke-width: 1.55;
  filter: drop-shadow(0 1px 1px rgb(104 37 11 / 15%));
  transform-box: fill-box;
  transform-origin: center;
  animation: v9-loop-return-head 3.8s cubic-bezier(.4, 0, .2, 1) infinite;
  animation-delay: .9s;
  animation-play-state: paused;
}

.deck .slide:nth-child(1) .v9-loop-flow__return-origin {
  fill: #d66c32;
  stroke: rgb(255 248 236 / 92%);
  stroke-width: 1.5;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 4px rgb(218 77 24 / 34%));
  transform-box: fill-box;
  transform-origin: center;
  animation: v9-loop-return-origin 3.8s ease-in-out infinite;
  animation-delay: .9s;
  animation-play-state: paused;
}

.deck .slide:nth-child(1).is-active .v9-loop-flow__return-glint,
.deck .slide:nth-child(1).is-active .v9-loop-flow__return-arrow,
.deck .slide:nth-child(1).is-active .v9-loop-flow__return-origin {
  animation-play-state: running;
}

.deck .slide:nth-child(1) .v9-loop-flow__return span {
  position: absolute;
  top: 63%;
  left: 62.5%;
  padding: 3px 10px;
  border-radius: 999px;
  background: #fff8ec;
  color: #9f461e;
  font-size: clamp(9px, .7vw, 12px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .04em;
  box-shadow: 0 0 0 5px rgb(255 248 236 / 76%);
  transform: translate(-50%, -50%);
}

@keyframes v9-story-bridge-glint {
  from { stroke-dashoffset: 1; opacity: 0; }
  12% { opacity: 1; }
  82% { opacity: 1; }
  to { stroke-dashoffset: 0; opacity: 0; }
}

@keyframes v9-story-bridge-head {
  0%, 58%, 100% { opacity: .72; transform: translateX(0) scale(.96); }
  76% { opacity: 1; transform: translateX(2px) scale(1.03); }
}

@keyframes v9-story-bridge-signal {
  0%, 8% { opacity: 0; transform: translate3d(0, 0, 0) scale(.65); }
  18% { opacity: 1; }
  78% { opacity: .92; }
  92%, 100% { opacity: 0; transform: translate3d(calc(clamp(46px, 4.2vw, 70px) - 25px), 0, 0) scale(.82); }
}

@keyframes v9-story-bridge-signal-mobile {
  0%, 8% { opacity: 0; transform: translate3d(0, 0, 0) scale(.65); }
  18% { opacity: 1; }
  78% { opacity: .92; }
  92%, 100% { opacity: 0; transform: translate3d(0, 16px, 0) scale(.82); }
}

@keyframes v9-loop-flow-signal {
  0%, 14% { opacity: 0; transform: translate3d(0, 0, 0) scale(.6); }
  24% { opacity: 1; }
  72% { opacity: .95; }
  84%, 100% { opacity: 0; transform: translate3d(calc(clamp(20px, 1.75vw, 30px) - 14px), 0, 0) scale(.8); }
}

@keyframes v9-loop-flow-head {
  0%, 18%, 100% { opacity: .66; transform: rotate(45deg) scale(.92); }
  34%, 62% { opacity: 1; transform: rotate(45deg) scale(1); }
}

@keyframes v9-loop-return-glint {
  from { stroke-dashoffset: 0; opacity: 0; }
  10% { opacity: 1; }
  86% { opacity: 1; }
  to { stroke-dashoffset: -1; opacity: 0; }
}

@keyframes v9-loop-return-head {
  0%, 62%, 100% { opacity: .72; transform: translateY(0) scale(.96); }
  78% { opacity: 1; transform: translateY(-2px) scale(1.04); }
}

@keyframes v9-loop-return-origin {
  0%, 100% { opacity: .62; transform: scale(.82); }
  18% { opacity: 1; transform: scale(1.18); }
  34% { opacity: .72; transform: scale(1); }
}

/* Page 02: each diagnostic question reads as a deliberate selection row. */
.deck .slide:nth-child(2) .numbered {
  background: linear-gradient(138deg, rgb(255 253 248 / 72%), rgb(231 159 94 / 10%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(2) .numbered li {
  margin: 3px 5px;
  padding-right: 22px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgb(255 255 255 / 52%), rgb(255 248 237 / 28%));
  box-shadow: 0 5px 16px rgb(86 37 13 / 5%);
}

.deck .slide:nth-child(2) .numbered li::before {
  left: 12px;
}

/* Page 03: strengthen the problem-to-solution contrast without changing order. */
.deck .slide:nth-child(3) .v7-jobs-pain {
  padding: clamp(15px, 1.15vw, 20px);
  border-radius: 18px;
  background: linear-gradient(155deg, rgb(231 112 45 / 10%), rgb(255 252 245 / 58%));
  box-shadow: var(--v9-shadow-soft);
}

.deck .slide:nth-child(3) .v7-jobs-pain-list p {
  background: rgb(255 253 248 / 62%);
  box-shadow: 0 6px 15px rgb(88 39 15 / 5%);
}

.deck .slide:nth-child(3) .v7-jobs-arrow {
  opacity: .78;
  transform: translateX(2px);
}

.deck .slide:nth-child(3) .v7-jobs-directory {
  background: linear-gradient(145deg, rgb(255 255 255 / 82%), rgb(249 224 195 / 34%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(3) .v7-jobs-outcome {
  padding-top: clamp(14px, 1.05vw, 18px);
  padding-bottom: clamp(14px, 1.05vw, 18px);
  box-shadow: 0 10px 24px rgb(91 40 15 / 5%);
}

/* Page 04: compact resource labels and a quieter, more precise card table. */
.deck .slide:nth-child(4) .grid {
  column-gap: clamp(13px, 1.05vw, 18px);
  row-gap: clamp(11px, .85vw, 15px);
  padding: clamp(9px, .72vw, 12px) clamp(10px, .82vw, 14px);
  border-radius: 22px;
  background:
    radial-gradient(circle at 12% 4%, rgb(255 255 255 / 68%), transparent 30%),
    linear-gradient(138deg, rgb(255 252 246 / 64%), rgb(236 178 119 / 9%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 70%),
    0 0 0 1px rgb(87 39 17 / 5%),
    0 10px 26px rgb(87 39 17 / 7%);
}

.deck .slide:nth-child(4) .card {
  overflow: hidden;
  min-height: clamp(84px, 7.4vw, 112px);
  padding: clamp(15px, 1.18vw, 19px) clamp(18px, 1.42vw, 24px);
  padding-left: clamp(21px, 1.55vw, 27px);
  border-radius: 13px;
  background: linear-gradient(145deg, rgb(255 255 255 / 66%), rgb(255 247 234 / 28%));
  box-shadow:
    inset 0 0 0 1px rgb(112 54 25 / 4%),
    inset 0 1px 0 rgb(255 255 255 / 72%),
    0 4px 12px rgb(83 37 16 / 4%);
}

.deck .slide:nth-child(4) .card::before {
  content: "";
  position: absolute;
  top: 18%;
  bottom: 18%;
  left: 7px;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ed9a52, #c65320);
  opacity: .66;
}

.deck .slide:nth-child(4) .card h3 {
  margin-bottom: clamp(6px, .48vw, 8px);
  font-size: clamp(17px, 1.3vw, 23px);
  font-weight: 740;
  line-height: 1.34;
}

.deck .slide:nth-child(4) .card .resource-tag {
  width: fit-content;
  margin-top: 0;
  padding: 3px 7px 4px;
  border-radius: 999px;
  background: rgb(213 89 28 / 8%);
  color: #9a4b27;
  font-size: clamp(11px, .76vw, 14px);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: .025em;
  font-variant-numeric: tabular-nums;
  box-shadow: inset 0 0 0 1px rgb(190 76 22 / 7%);
}

.deck .slide:nth-child(4) .card .resource-tag--wide {
  padding-right: 9px;
  padding-left: 9px;
  letter-spacing: .01em;
}

/* Page 05: quotes and response method become one coherent dialogue layout. */
.deck .slide:nth-child(5) .grid {
  background: transparent;
  box-shadow: none;
}

.deck .slide:nth-child(5) .card {
  position: relative;
  min-height: 130px;
  padding: clamp(24px, 1.8vw, 32px);
  border-radius: 22px;
  background: linear-gradient(145deg, rgb(255 255 255 / 74%), rgb(241 195 151 / 19%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(5) .quote::before {
  content: "“";
  position: absolute;
  top: 5px;
  left: 14px;
  color: rgb(199 79 26 / 22%);
  font-family: Georgia, serif !important;
  font-size: clamp(42px, 3.5vw, 60px);
  line-height: 1;
}

.deck .slide:nth-child(5) .lead {
  background: linear-gradient(90deg, rgb(218 94 31 / 14%), rgb(255 252 245 / 58%));
}

/* Page 06: visually separate the evidence from the diagnosis. */
.deck .slide:nth-child(6) .grid {
  background: transparent;
  box-shadow: none;
}

.deck .slide:nth-child(6) .card {
  padding: clamp(22px, 1.7vw, 30px);
  border-radius: 22px;
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(6) .card:first-child {
  background: linear-gradient(145deg, rgb(255 255 255 / 78%), rgb(232 188 147 / 20%));
}

.deck .slide:nth-child(6) .card:last-child {
  background: linear-gradient(145deg, rgb(255 252 245 / 82%), rgb(214 104 43 / 12%));
}

.deck .slide:nth-child(6) .card h2 {
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(176 85 38 / 14%);
}

/* Page 07: one complete course card. The title belongs to the screenshot,
   while the course name stays a small label directly beneath it. */
.deck .slide:nth-child(7) {
  align-content: center;
  gap: clamp(12px, 1vw, 18px);
  padding-top: 5%;
  padding-bottom: 5.1%;
}

.deck .slide:nth-child(7) .v9-course-panel {
  display: block;
  padding: clamp(10px, .85vw, 15px);
  background: linear-gradient(135deg, rgb(255 253 248 / 78%), rgb(229 160 98 / 13%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(7) .v9-course-panel::before {
  content: none;
}

.deck .slide:nth-child(7) .v9-course-card {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  grid-template-rows: auto 1fr;
  align-items: center;
  column-gap: clamp(24px, 2.15vw, 38px);
  row-gap: clamp(14px, 1.15vw, 20px);
  width: 100%;
  min-height: clamp(292px, 26vw, 365px);
  padding: clamp(18px, 1.55vw, 27px) clamp(22px, 1.9vw, 33px);
  border-radius: 20px;
  background:
    radial-gradient(circle at 8% 8%, rgb(255 255 255 / 68%), transparent 34%),
    linear-gradient(145deg, rgb(255 253 248 / 72%), rgb(235 177 119 / 15%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 70%),
    0 0 0 1px rgb(112 51 21 / 5%),
    0 14px 32px rgb(73 34 15 / 7%);
}

.deck .slide:nth-child(7) .v9-course-card::after {
  content: none;
}

.deck .slide:nth-child(7) .v9-course-card__title {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, .8vw, 14px);
  margin: 0;
  color: #3b2418;
  font-size: clamp(21px, 1.72vw, 29px);
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: .055em;
  text-align: center;
}

.deck .slide:nth-child(7) .v9-course-card__title::before,
.deck .slide:nth-child(7) .v9-course-card__title::after {
  content: "";
  width: clamp(30px, 3.3vw, 56px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgb(204 91 31 / 55%));
}

.deck .slide:nth-child(7) .v9-course-card__title::after {
  background: linear-gradient(90deg, rgb(204 91 31 / 55%), transparent);
}

.deck .slide:nth-child(7) .v9-course-card__visual {
  display: grid;
  justify-items: center;
  gap: clamp(8px, .72vw, 12px);
  min-width: 0;
  margin: 0;
}

.deck .slide:nth-child(7) .v7-evidence-card__image {
  width: min(100%, 224px);
  height: auto;
  aspect-ratio: 236 / 205;
  overflow: hidden;
  border: 0;
  border-radius: 13px;
  background: #fff;
  box-shadow:
    0 0 0 1px rgb(86 42 19 / 8%),
    0 12px 26px rgb(73 34 15 / 10%);
}

.deck .slide:nth-child(7) .v7-evidence-card__image img,
.deck .slide:nth-child(11) .v7-evidence-card__image img {
  outline: 1px solid rgb(0 0 0 / 10%);
  outline-offset: -1px;
}

.deck .slide:nth-child(7) .v7-evidence-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #fff;
}

.deck .slide:nth-child(7) .v9-course-card__visual figcaption {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: min(100%, 224px);
  margin: 0;
  color: #6f594a;
  font-size: clamp(13px, .92vw, 16px);
  font-weight: 650;
  line-height: 1.35;
}

.deck .slide:nth-child(7) .v9-course-card__badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #d45f20;
  color: #fffaf2;
  font-size: .86em;
  font-weight: 760;
  letter-spacing: .04em;
}

.deck .slide:nth-child(7) .v9-course-card__details {
  position: relative;
  display: grid;
  align-content: center;
  gap: clamp(18px, 1.45vw, 25px);
  min-width: 0;
  padding-left: clamp(22px, 1.8vw, 32px);
}

.deck .slide:nth-child(7) .v9-course-card__details::before {
  content: "";
  position: absolute;
  top: 4%;
  bottom: 4%;
  left: 0;
  width: 9px;
  background: var(--wave-column) center / 9px 100% no-repeat;
  opacity: .7;
}

.deck .slide:nth-child(7) .v9-course-card__details p {
  max-width: 31em;
  margin: 0;
  color: #745646;
  font-size: clamp(15px, 1.14vw, 20px);
  line-height: 1.68;
}

.deck .slide:nth-child(7) .v9-course-card__details .v9-course-card__lead {
  color: #4b2d1f;
  font-size: clamp(17px, 1.28vw, 22px);
  font-weight: 650;
}

.deck .slide:nth-child(7) .v9-course-card__details .taglist {
  gap: clamp(8px, .72vw, 12px);
}

.deck .slide:nth-child(7) .v9-course-card__details .taglist li {
  padding: 9px 15px;
  font-size: clamp(18px, 1.42vw, 24px);
}

.deck .slide:nth-child(7) > .note {
  padding-top: clamp(9px, .72vw, 12px);
  padding-bottom: clamp(9px, .72vw, 12px);
}

/* Page 08: three scenes read as a numbered emotional sequence. */
.deck .slide:nth-child(8) .grid {
  background: transparent;
  box-shadow: none;
}

.deck .slide:nth-child(8) .card {
  min-height: 170px;
  padding: clamp(22px, 1.65vw, 29px);
  border-radius: 22px;
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(8) .card h3 {
  overflow: hidden;
  margin-bottom: 10px;
  font-size: clamp(15px, 1.18vw, 21px);
  letter-spacing: -.025em;
  line-height: 1.35;
  text-overflow: clip;
  text-wrap: nowrap;
  white-space: nowrap;
}

.deck .slide:nth-child(8) .card p {
  font-size: clamp(13px, .98vw, 18px);
  letter-spacing: .005em;
  line-height: 1.55;
}

.deck .slide:nth-child(8) .card:nth-child(1) { background: linear-gradient(150deg, rgb(255 255 255 / 78%), rgb(233 191 151 / 21%)); }
.deck .slide:nth-child(8) .card:nth-child(2) { background: linear-gradient(150deg, rgb(255 255 255 / 78%), rgb(224 143 83 / 16%)); }
.deck .slide:nth-child(8) .card:nth-child(3) { background: linear-gradient(150deg, rgb(255 255 255 / 78%), rgb(202 88 35 / 12%)); }

.deck .slide:nth-child(8) .card h3::before {
  display: block;
  margin-bottom: 10px;
  color: rgb(193 72 20 / 62%);
  font-family: Georgia, serif !important;
  font-size: .75em;
  font-style: italic;
  letter-spacing: .08em;
}

.deck .slide:nth-child(8) .card:nth-child(1) h3::before { content: "01"; }
.deck .slide:nth-child(8) .card:nth-child(2) h3::before { content: "02"; }
.deck .slide:nth-child(8) .card:nth-child(3) h3::before { content: "03"; }

.deck .slide:nth-child(8) .lead {
  max-width: min(100%, 1100px);
}

.deck .slide:nth-child(8) .v9-feedback-sign {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  width: min(100%, 1100px);
  min-height: clamp(66px, 5.4vw, 86px);
  padding: clamp(11px, .85vw, 15px) clamp(16px, 1.35vw, 23px);
  overflow: hidden;
  border-radius: 20px;
  background:
    radial-gradient(circle at 8% 0%, rgb(255 227 169 / 42%), transparent 31%),
    linear-gradient(112deg, #8f3215 0%, #b94a19 43%, #8d2e13 100%);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 21%),
    inset 0 -1px 0 rgb(69 20 5 / 24%),
    0 0 0 1px rgb(106 35 10 / 10%),
    0 9px 20px rgb(104 39 13 / 15%),
    0 22px 44px rgb(104 39 13 / 12%);
}

.deck .slide:nth-child(8).is-active > .v9-feedback-sign {
  transition-delay: 220ms;
}

.deck .slide:nth-child(8) .v9-feedback-sign::after {
  content: "";
  position: absolute;
  top: -70%;
  bottom: -70%;
  left: -24%;
  width: 17%;
  background: linear-gradient(90deg, transparent, rgb(255 239 197 / 20%), transparent);
  pointer-events: none;
  transform: rotate(13deg) translateX(-280%);
  animation: v9-feedback-sheen 5.6s cubic-bezier(.2, 0, 0, 1) 1.6s infinite;
  will-change: transform;
}

.deck .slide:nth-child(8) .v9-feedback-sign__message {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(3px, .35vw, 6px);
  min-width: 0;
  margin: 0;
  white-space: nowrap;
}

.deck .slide:nth-child(8) .v9-feedback-sign__message > span {
  display: inline-grid;
  flex: 0 1 auto;
  place-items: center;
  width: clamp(26px, 2.15vw, 37px);
  aspect-ratio: 1;
  border-radius: 9px;
  color: #fff8e9;
  background: rgb(255 249 232 / 8%);
  box-shadow: inset 0 0 0 1px rgb(255 245 218 / 10%);
  font-size: clamp(16px, 1.3vw, 23px);
  font-weight: 760;
  line-height: 1;
  text-shadow: 0 1px 7px rgb(255 225 151 / 16%);
  animation: v9-feedback-letter 3.6s cubic-bezier(.2, 0, 0, 1) infinite;
  animation-delay: calc(var(--char-index) * 90ms);
  will-change: opacity, transform, filter;
}

.deck .slide:nth-child(8) .v9-feedback-sign__message > .is-punctuation {
  width: clamp(14px, 1.12vw, 20px);
  background: transparent;
  box-shadow: none;
  animation: none;
  opacity: .82;
}

@keyframes v9-feedback-letter {
  0%, 13%, 52%, 100% {
    color: #fff8e9;
    background-color: rgb(255 249 232 / 8%);
    box-shadow: inset 0 0 0 1px rgb(255 245 218 / 10%);
    filter: brightness(1);
    opacity: .82;
    transform: translateY(0) scale(1);
  }
  20%, 31% {
    color: #733017;
    background-color: #ffe5a5;
    box-shadow: 0 0 0 1px rgb(255 242 203 / 54%), 0 0 18px rgb(255 218 126 / 70%);
    filter: brightness(1.08);
    opacity: 1;
    transform: translateY(-2px) scale(1.04);
  }
}

@keyframes v9-feedback-sheen {
  0%, 58% { transform: rotate(13deg) translateX(-280%); }
  82%, 100% { transform: rotate(13deg) translateX(850%); }
}

/* Page 09: show a clear two-stage handoff instead of two loose statements. */
.deck .slide:nth-child(9) .v9-question-flow {
  grid-template-columns: minmax(0, 1fr) clamp(112px, 10vw, 168px) minmax(0, 1fr);
  align-items: stretch;
  column-gap: clamp(8px, .8vw, 14px);
  background: linear-gradient(135deg, rgb(255 253 248 / 62%), rgb(225 147 83 / 10%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(9) .v9-question-flow::before {
  content: none;
}

.deck .slide:nth-child(9) .card {
  display: grid;
  align-content: center;
  min-height: 150px;
  padding: clamp(24px, 1.85vw, 32px);
}

.deck .slide:nth-child(9) .card h2::before {
  display: inline-grid;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  place-items: center;
  border-radius: 50%;
  background: rgb(204 81 25 / 11%);
  color: #a9471c;
  font-size: .7em;
  font-variant-numeric: tabular-nums;
  vertical-align: 3px;
}

.deck .slide:nth-child(9) .card:nth-child(1) h2::before { content: "01"; }
.deck .slide:nth-child(9) .card:last-child h2::before { content: "02"; }

.deck .slide:nth-child(9) .v9-question-flow__connector {
  position: relative;
  z-index: 3;
  display: grid;
  align-content: center;
  justify-items: center;
  min-width: 0;
  color: #aa471b;
}

.deck .slide:nth-child(9) .v9-question-flow__connector::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(112%, 182px);
  height: clamp(48px, 4vw, 68px);
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgb(221 100 38 / 13%), rgb(221 100 38 / 4%) 56%, transparent 76%);
  opacity: .82;
  pointer-events: none;
  transform: translate(-50%, -34%);
}

.deck .slide:nth-child(9) .v9-question-flow__connector span {
  position: relative;
  z-index: 2;
  margin-bottom: clamp(-5px, -.32vw, -3px);
  padding: 4px 10px 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgb(255 253 247 / 96%), rgb(255 246 233 / 88%));
  color: #9c4019;
  font-size: clamp(10px, .7vw, 13px);
  font-weight: 760;
  line-height: 1.3;
  letter-spacing: .1em;
  white-space: nowrap;
  box-shadow:
    0 0 0 1px rgb(169 69 24 / 8%),
    0 5px 14px rgb(93 38 14 / 7%),
    inset 0 1px 0 rgb(255 255 255 / 82%);
}

.deck .slide:nth-child(9) .v9-question-flow__connector svg {
  position: relative;
  z-index: 1;
  display: block;
  height: auto;
  overflow: visible;
  width: 108%;
  margin-inline: -4%;
  filter: drop-shadow(0 5px 8px rgb(125 48 15 / 12%));
}

.deck .slide:nth-child(9) .v9-question-flow__connector path,
.deck .slide:nth-child(9) .v9-question-flow__connector circle {
  vector-effect: non-scaling-stroke;
}

.deck .slide:nth-child(9) .v9-question-flow__rail {
  fill: none;
  stroke: rgb(179 68 22 / 13%);
  stroke-width: 9;
  stroke-linecap: round;
}

.deck .slide:nth-child(9) .v9-question-flow__line {
  fill: none;
  stroke: url(#question-flow-gradient);
  stroke-width: 2.25;
  stroke-linecap: round;
}

.deck .slide:nth-child(9) .v9-question-flow__pulse {
  fill: none;
  stroke: rgb(255 224 188 / 92%);
  stroke-width: 3.25;
  stroke-linecap: round;
  stroke-dasharray: 16 150;
  stroke-dashoffset: 0;
  animation: v9-question-flow-pulse 2.8s linear infinite;
  will-change: stroke-dashoffset;
}

.deck .slide:nth-child(9) .v9-question-flow__head {
  fill: url(#question-flow-gradient);
  stroke: rgb(139 49 16 / 16%);
  stroke-width: 1;
  stroke-linejoin: round;
  animation: v9-question-flow-head 2.8s var(--v9-ease) infinite;
  transform-origin: 154px 31px;
  will-change: opacity, transform;
}

.deck .slide:nth-child(9) .v9-question-flow__head-glint {
  fill: none;
  stroke: rgb(255 236 211 / 82%);
  stroke-width: 1.4;
  stroke-linecap: round;
  pointer-events: none;
}

.deck .slide:nth-child(9) .v9-question-flow__origin-ring,
.deck .slide:nth-child(9) .v9-question-flow__target-ring {
  fill: none;
  stroke: rgb(218 100 39 / 20%);
  stroke-width: 1.5;
}

.deck .slide:nth-child(9) .v9-question-flow__origin {
  fill: #ef9349;
  stroke: rgb(255 248 235 / 86%);
  stroke-width: 2;
  animation: v9-question-flow-origin 2.8s ease-in-out infinite;
  transform-origin: 12px 37px;
  will-change: opacity, transform;
}

.deck .slide:nth-child(9) .v9-question-flow__target-ring {
  animation: v9-question-flow-target 2.8s ease-in-out infinite;
  transform-origin: 158px 31px;
  will-change: opacity, transform;
}

.deck .slide:nth-child(9):not(.is-active) .v9-question-flow__pulse,
.deck .slide:nth-child(9):not(.is-active) .v9-question-flow__head,
.deck .slide:nth-child(9):not(.is-active) .v9-question-flow__origin,
.deck .slide:nth-child(9):not(.is-active) .v9-question-flow__target-ring {
  animation-play-state: paused;
}

.deck .slide:nth-child(9).is-active .v9-question-flow__connector {
  animation: v9-question-flow-in 520ms var(--v9-ease) 360ms both;
}

@keyframes v9-question-flow-in {
  from { opacity: 0; filter: blur(4px); transform: scale(.9); }
  to { opacity: 1; filter: blur(0); transform: scale(1); }
}

@keyframes v9-question-flow-pulse {
  to { stroke-dashoffset: -166; }
}

@keyframes v9-question-flow-head {
  0%, 58%, 100% { opacity: .9; transform: translateX(0) scale(.98); }
  76% { opacity: 1; transform: translateX(2px) scale(1.025); }
}

@keyframes v9-question-flow-origin {
  0%, 100% { opacity: .62; transform: scale(.72); }
  20% { opacity: 1; transform: scale(1); }
}

@keyframes v9-question-flow-target {
  0%, 60%, 100% { opacity: .28; transform: scale(.72); }
  78% { opacity: .86; transform: scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
  .deck .slide:nth-child(9) .v9-question-flow__pulse,
  .deck .slide:nth-child(9) .v9-question-flow__head,
  .deck .slide:nth-child(9) .v9-question-flow__origin,
  .deck .slide:nth-child(9) .v9-question-flow__target-ring,
  .deck .slide:nth-child(9).is-active .v9-question-flow__connector {
    animation: none !important;
  }
}

/* Page 10: one color per information level; blue is reserved for the takeaway. */
.deck .slide:nth-child(10) {
  gap: clamp(12px, 1vw, 17px);
}

.deck .slide:nth-child(10) .v9-register-grid {
  gap: clamp(16px, 1.35vw, 23px);
  background: transparent;
  box-shadow: none;
}

.deck .slide:nth-child(10) .v9-register-card {
  position: relative;
  display: grid;
  min-height: clamp(226px, 19.3vw, 318px);
  grid-template-rows: auto 1fr auto;
  gap: clamp(13px, 1.05vw, 18px);
  overflow: hidden;
  padding: clamp(18px, 1.45vw, 25px);
  border: 0;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgb(224 126 62 / 12%), transparent 31%),
    linear-gradient(148deg, rgb(255 255 255 / 89%), rgb(255 246 232 / 72%));
  box-shadow:
    0 0 0 1px rgb(96 50 24 / 6%),
    0 3px 8px rgb(83 41 17 / 5%),
    0 22px 46px rgb(83 41 17 / 9%);
}

.deck .slide:nth-child(10) .v9-register-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #d7682b, #e9a06b 54%, rgb(233 160 107 / 0));
}

.deck .slide:nth-child(10) .v9-register-card__heading {
  display: flex;
  align-items: center;
  gap: 13px;
}

.deck .slide:nth-child(10) .v9-register-card__step {
  display: grid;
  width: clamp(42px, 3.45vw, 56px);
  height: clamp(42px, 3.45vw, 56px);
  flex: 0 0 auto;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(145deg, #d96729, #bd4b18);
  color: #fffaf2;
  font-size: clamp(14px, 1.05vw, 18px);
  font-weight: 820;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  box-shadow: 0 7px 16px rgb(165 64 20 / 20%);
}

.deck .slide:nth-child(10) .v9-register-card__kicker {
  display: block;
  margin-bottom: 2px;
  color: #b95a2b;
  font-size: clamp(10px, .7vw, 12px);
  font-weight: 760;
  letter-spacing: .14em;
}

.deck .slide:nth-child(10) .v9-register-card h2 {
  margin: 0;
  color: #322118;
  font-size: clamp(19px, 1.5vw, 26px);
  line-height: 1.28;
}

.deck .slide:nth-child(10) .v9-register-card__body {
  display: grid;
  align-content: start;
  gap: clamp(10px, .8vw, 14px);
  padding-left: clamp(55px, 4.35vw, 69px);
}

.deck .slide:nth-child(10) .v9-register-card__question {
  position: relative;
  margin: 0;
  color: #9b4b28;
  font-size: clamp(14px, 1.08vw, 18px);
  font-weight: 720;
  line-height: 1.45;
}

.deck .slide:nth-child(10) .v9-register-card__question::before {
  content: "";
  position: absolute;
  top: .56em;
  left: -17px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dd7540;
  box-shadow: 0 0 0 4px rgb(221 117 64 / 12%);
}

.deck .slide:nth-child(10) .v9-register-card__answers {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.deck .slide:nth-child(10) .v9-register-card__answers li {
  display: grid;
  grid-template-columns: clamp(66px, 5.25vw, 84px) minmax(0, 1fr);
  align-items: baseline;
  gap: 12px;
  min-height: 28px;
}

.deck .slide:nth-child(10) .v9-register-card__answers span {
  color: rgb(123 92 73 / 72%);
  font-size: clamp(10px, .72vw, 12px);
  font-weight: 700;
  letter-spacing: .08em;
}

.deck .slide:nth-child(10) .v9-register-card__answers strong {
  color: #685244;
  font-size: clamp(13px, 1vw, 17px);
  font-weight: 560;
  line-height: 1.5;
}

.deck .slide:nth-child(10) .v9-register-card__takeaway {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: clamp(42px, 3.6vw, 56px);
  margin: 0;
  padding: 10px 14px;
  border-radius: 13px;
  background: linear-gradient(100deg, rgb(60 130 160 / 14%), rgb(60 130 160 / 6%));
  color: #2f718e;
  font-size: clamp(13px, 1.02vw, 17px);
  font-weight: 780;
  line-height: 1.45;
  box-shadow: inset 3px 0 0 #3d87a5;
}

.deck .slide:nth-child(10) .v9-register-card__takeaway span {
  display: grid;
  width: 23px;
  height: 23px;
  flex: 0 0 23px;
  place-items: center;
  border-radius: 50%;
  background: #3d87a5;
  color: white;
  font-size: 14px;
  line-height: 1;
}

.deck .slide:nth-child(10) .v9-register-footer {
  display: block;
  width: 100%;
}

.deck .slide:nth-child(10) .v9-register-assurance {
  width: calc(100% - clamp(210px, 17vw, 274px) - clamp(14px, 1.25vw, 21px));
  margin-left: clamp(9px, .82vw, 15px);
}

.deck .slide:nth-child(10) .v9-register-assurance {
  position: relative;
  display: grid;
  align-content: center;
  gap: 9px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding: clamp(12px, 1vw, 17px) clamp(16px, 1.35vw, 23px);
  border-radius: 17px;
  background:
    radial-gradient(circle at 0 0, rgb(232 135 63 / 13%), transparent 34%),
    linear-gradient(105deg, rgb(255 253 247 / 84%), rgb(255 246 232 / 50%));
  box-shadow:
    inset 4px 0 0 #d7682b,
    0 0 0 1px rgb(96 50 24 / 5%),
    0 10px 25px rgb(83 41 17 / 6%);
}

.deck .slide:nth-child(10) .v9-register-assurance__lead {
  margin: 0;
  color: #694c3d;
  font-size: clamp(12px, .91vw, 15.5px);
  line-height: 1.52;
}

.deck .slide:nth-child(10) .v9-register-assurance__lead strong {
  color: #9f411b;
  font-weight: 820;
}

.deck .slide:nth-child(10) .v9-register-assurance__notes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  margin: 0;
  padding: 0;
  color: #79675c;
  font-size: clamp(10px, .75vw, 12.5px);
  line-height: 1.45;
  list-style: none;
}

.deck .slide:nth-child(10) .v9-register-assurance__notes li {
  position: relative;
  padding-left: 13px;
}

.deck .slide:nth-child(10) .v9-register-assurance__notes li::before {
  content: "";
  position: absolute;
  top: .62em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #d7682b;
  box-shadow: 0 0 0 3px rgb(215 104 43 / 10%);
  transform: translateY(-50%);
}

.deck .slide:nth-child(10) .v9-register-cta {
  display: grid;
  min-width: clamp(210px, 17vw, 274px);
  align-content: center;
  justify-items: stretch;
  gap: 7px;
  padding: 10px;
  border-radius: 18px;
  background: linear-gradient(145deg, rgb(255 253 248 / 86%), rgb(231 153 88 / 19%));
  box-shadow: var(--v9-shadow-soft);
}

.deck .slide:nth-child(10) .v9-register-cta__hint {
  color: #9a6b51;
  font-size: clamp(9px, .67vw, 11.5px);
  font-weight: 720;
  line-height: 1.3;
  text-align: center;
  letter-spacing: .04em;
}

.deck .slide:nth-child(10) .v9-register-action {
  display: flex;
  min-height: 48px;
  min-width: 100%;
  gap: 8px;
  border-radius: 12px;
  font-size: clamp(14px, 1vw, 17px);
  transition-property: transform, background-color, box-shadow;
  transition-duration: 160ms;
  transition-timing-function: var(--v9-ease);
}

.deck .slide:nth-child(10) .v9-register-action::after {
  content: none;
}

.deck .slide:nth-child(10) .v9-register-action:hover {
  box-shadow:
    0 0 0 1px rgb(83 28 6 / 10%),
    0 6px 12px rgb(83 28 6 / 16%),
    0 20px 34px rgb(83 28 6 / 20%);
  transform: translateY(-2px);
}

.deck .slide:nth-child(10) .v9-register-action:active {
  transform: scale(.96);
}

.deck .slide:nth-child(10) .v9-register-action:focus-visible {
  outline: 3px solid rgb(215 104 43 / 30%);
  outline-offset: 3px;
}

.deck .slide:nth-child(10) .v9-register-action__emoji {
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 8px;
  background: rgb(255 255 255 / 18%);
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(10) .v9-register-card {
    min-height: 214px;
    gap: 10px;
    padding: 15px 17px;
  }

  .deck .slide:nth-child(10) .v9-register-card__body {
    gap: 7px;
  }

  .deck .slide:nth-child(10) .v9-register-card__takeaway {
    min-height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (max-width: 760px) {
  .deck .slide:nth-child(10) .v9-register-card {
    min-height: 0;
  }

  .deck .slide:nth-child(10) .v9-register-footer {
    width: 100%;
  }

  .deck .slide:nth-child(10) .v9-register-assurance {
    width: 100%;
    margin-left: 0;
  }
}

/* Page 11: evidence images, captions and links become one continuous step card. */
.deck .slide:nth-child(11) .grid {
  background: transparent;
  box-shadow: none;
}

.deck .slide:nth-child(11) .v7-evidence-card {
  border-radius: 20px;
  background: linear-gradient(145deg, rgb(255 255 255 / 78%), rgb(230 167 109 / 17%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(11) .v7-evidence-card figcaption {
  padding: 4px 2px 0;
}

.deck .slide:nth-child(11) .v7-evidence-card__image {
  height: clamp(92px, 12vh, 126px);
}

.deck .slide:nth-child(11) .v7-text-link {
  padding: 5px 0 3px;
  transition-property: color, border-color, transform;
  transition-duration: 160ms, 160ms, 160ms;
  transition-timing-function: var(--v9-ease);
}

.deck .slide:nth-child(11) .v7-text-link:hover {
  transform: translateX(2px);
}

/* Page 12: the question scope becomes a refined, continuously looping rail. */
.deck .slide:nth-child(12) .p12-topic-carousel {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: clamp(12px, .9vw, 16px) 0 clamp(13px, 1vw, 17px);
  border-radius: 22px;
  background:
    radial-gradient(circle at 9% 0%, rgb(241 143 67 / 16%), transparent 26%),
    linear-gradient(135deg, rgb(255 255 255 / 78%), rgb(255 244 226 / 66%));
  box-shadow:
    0 0 0 1px rgb(91 40 16 / 6%),
    inset 0 1px 0 rgb(255 255 255 / 78%),
    0 5px 14px rgb(81 36 14 / 5%),
    0 18px 38px rgb(81 36 14 / 7%);
}

.deck .slide:nth-child(12) .p12-topic-carousel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #f0a15a, #c84f1c 58%, #a93712);
  box-shadow: 5px 0 18px rgb(200 79 28 / 16%);
}

.deck .slide:nth-child(12) .p12-topic-carousel__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 clamp(18px, 1.35vw, 24px) clamp(8px, .65vw, 11px);
}

.deck .slide:nth-child(12) .p12-topic-carousel__heading,
.deck .slide:nth-child(12) .p12-topic-carousel__status {
  display: inline-flex;
  align-items: center;
}

.deck .slide:nth-child(12) .p12-topic-carousel__heading {
  gap: 9px;
  color: #59301f;
  font-size: clamp(13px, .98vw, 17px);
  letter-spacing: .025em;
}

.deck .slide:nth-child(12) .p12-topic-carousel__mark {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(145deg, #e57a32, #ba4214);
  color: #fffaf2;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 24%),
    0 5px 12px rgb(133 46 12 / 18%);
}

.deck .slide:nth-child(12) .p12-topic-carousel__mark svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.deck .slide:nth-child(12) .p12-topic-carousel__status {
  gap: 7px;
  color: #9a765f;
  font-size: clamp(11px, .76vw, 13px);
  font-weight: 650;
  letter-spacing: .05em;
}

.deck .slide:nth-child(12) .p12-topic-carousel__status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d96122;
  box-shadow: 0 0 0 4px rgb(217 97 34 / 10%);
}

.deck .slide:nth-child(12) .p12-topic-carousel__viewport {
  min-width: 0;
  overflow: hidden;
  padding: 2px 0 5px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}

.deck .slide:nth-child(12) .p12-topic-carousel__track {
  display: flex;
  width: max-content;
  gap: 12px;
  padding-left: 12px;
  transform: translate3d(0, 0, 0);
}

.deck .slide:nth-child(12).is-active .p12-topic-carousel__track {
  animation: p12-topic-carousel-loop 30s linear infinite;
  will-change: transform;
}

.deck .slide:nth-child(12) .p12-topic-carousel:hover .p12-topic-carousel__track {
  animation-play-state: paused;
}

.deck .slide:nth-child(12) .p12-topic-carousel__group {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 12px;
  width: max-content;
  margin: 0;
  padding: 0;
}

.deck .slide:nth-child(12) .p12-topic-carousel__group li {
  display: inline-flex;
  min-height: clamp(44px, 3.45vw, 54px);
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  padding: 7px 17px 7px 8px;
  border-radius: 15px;
  background: linear-gradient(180deg, rgb(255 255 255 / 94%), rgb(255 249 239 / 88%));
  color: #6b3823;
  font-size: clamp(13px, 1.03vw, 18px);
  font-weight: 620;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow:
    0 0 0 1px rgb(99 46 20 / 7%),
    inset 0 1px 0 rgb(255 255 255 / 90%),
    0 3px 7px rgb(81 36 14 / 6%),
    0 9px 18px rgb(81 36 14 / 6%);
  transition-property: color, background-color, box-shadow;
  transition-duration: 180ms;
  transition-timing-function: var(--v9-ease);
}

.deck .slide:nth-child(12) .p12-topic-carousel__group li::before {
  content: attr(data-index);
  display: grid;
  width: clamp(31px, 2.25vw, 38px);
  height: clamp(31px, 2.25vw, 38px);
  flex: 0 0 auto;
  place-items: center;
  border-radius: 11px;
  background: linear-gradient(145deg, #ed8a42, #c34b18);
  color: #fffaf2;
  font-size: clamp(10px, .72vw, 12px);
  font-weight: 820;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 25%),
    0 4px 9px rgb(145 48 11 / 16%);
}

.deck .slide:nth-child(12) .p12-topic-carousel__group li:hover {
  color: #4d2415;
  background: rgb(255 255 255 / 98%);
  box-shadow:
    0 0 0 1px rgb(189 75 25 / 13%),
    inset 0 1px 0 rgb(255 255 255 / 96%),
    0 5px 10px rgb(81 36 14 / 8%),
    0 12px 24px rgb(81 36 14 / 9%);
}

@keyframes p12-topic-carousel-loop {
  to { transform: translate3d(-50%, 0, 0); }
}

.deck .slide:nth-child(12) .numbered {
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(12) .numbered li {
  margin: 2px 4px;
  border-radius: 14px;
  background: rgb(255 253 248 / 38%);
}

/* Page 13: preserve the dense schedule while making the two tracks easier to scan. */
.deck .slide:nth-child(13) .schedule {
  background: transparent;
  box-shadow: none;
}

.deck .slide:nth-child(13) .schedule .card {
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(150deg, rgb(255 255 255 / 76%), rgb(229 159 98 / 16%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(13) .schedule .card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, #c84f1c, #ef9a46 64%, transparent);
}

.deck .slide:nth-child(13) .schedule time {
  display: inline-flex;
  width: fit-content;
  min-width: 3.8em;
  justify-content: center;
  padding: 2px 6px;
  border-radius: 7px;
  background: rgb(206 80 25 / 9%);
  font-variant-numeric: tabular-nums;
}

/* Page 13: keep the three supporting notes on one consistent visual grid. */
.deck .slide:nth-child(13) .p13-note {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  min-height: clamp(84px, 7vw, 114px);
  overflow: hidden;
  border: 1px solid rgb(160 75 31 / 12%);
  border-left: 5px solid #cc571f;
  border-radius: 0 17px 17px 0;
  background:
    radial-gradient(circle at 8% 20%, rgb(255 255 255 / 70%), transparent 30%),
    linear-gradient(110deg, rgb(232 132 60 / 16%), rgb(255 252 245 / 58%) 48%, rgb(239 181 113 / 12%));
  box-shadow: 0 10px 26px rgb(94 40 14 / 6%);
}

.deck .slide:nth-child(13) .p13-note > div {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  gap: clamp(4px, .4vw, 7px);
  padding: clamp(12px, .95vw, 17px) clamp(16px, 1.3vw, 23px);
}

.deck .slide:nth-child(13) .p13-note > div + div::before {
  content: "";
  position: absolute;
  top: 18%;
  bottom: 18%;
  left: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgb(144 65 27 / 18%) 24% 76%, transparent);
}

.deck .slide:nth-child(13) .p13-note__label {
  width: fit-content;
  color: #a84a1e;
  font-size: clamp(10px, .72vw, 13px);
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1;
}

.deck .slide:nth-child(13) .p13-note__primary > strong,
.deck .slide:nth-child(13) .p13-note__item > p {
  display: block;
  margin: 0;
  color: #4e2e20;
  font-size: clamp(14px, 1.02vw, 18px);
  font-weight: 650;
  line-height: 1.42;
}

.deck .slide:nth-child(13) .p13-note__item--alert {
  background: linear-gradient(105deg, rgb(211 84 27 / 7%), rgb(255 255 255 / 24%));
}

.deck .slide:nth-child(13) .p13-note__item--alert p strong {
  color: #b64d1c;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}

.deck .slide:nth-child(13) .p13-note__item small {
  color: rgb(88 55 39 / 66%);
  font-size: clamp(10px, .72vw, 13px);
  font-weight: 520;
  line-height: 1.35;
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(13) .p13-note {
    min-height: 72px;
  }

  .deck .slide:nth-child(13) .p13-note > div {
    gap: 3px;
    padding: 9px 14px;
  }
}

@media (max-width: 760px) {
  .deck .slide:nth-child(13) .p13-note {
    grid-template-columns: 1fr;
    overflow: visible;
  }

  .deck .slide:nth-child(13) .p13-note > div + div::before {
    top: 0;
    right: 8%;
    bottom: auto;
    left: 8%;
    width: auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(144 65 27 / 18%) 24% 76%, transparent);
  }
}

/* Page 14: feedback options and action are presented as one intentional flow. */
.deck .slide:nth-child(14) .grid {
  background: transparent;
  box-shadow: none;
}

.deck .slide:nth-child(14) .card {
  min-height: 180px;
  padding: clamp(24px, 1.8vw, 32px);
  border-radius: 22px;
  background: linear-gradient(145deg, rgb(255 255 255 / 76%), rgb(229 157 94 / 17%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide:nth-child(14) .card:last-child {
  background: linear-gradient(145deg, rgb(255 255 255 / 80%), rgb(211 104 49 / 12%));
}

/* Page 15: a complete four-step joining journey, not another generic list. */
.deck .slide.p15-join-slide {
  align-content: center;
  gap: clamp(17px, 1.35vw, 23px);
}

.deck .slide:nth-child(15) .p15-closing {
  width: 100%;
  max-width: none;
  padding: clamp(16px, 1.22vw, 21px) clamp(22px, 1.7vw, 30px);
  border-left: 5px solid rgb(200 77 24 / 78%);
  border-radius: 0 22px 22px 0;
  background: linear-gradient(90deg, rgb(224 116 45 / 15%), rgb(255 252 245 / 54%));
  box-shadow: var(--v9-shadow-soft);
}

.deck .p15-journey {
  position: relative;
  width: 100%;
  padding: clamp(14px, 1.05vw, 18px) clamp(16px, 1.25vw, 22px) clamp(17px, 1.32vw, 23px);
  overflow: hidden;
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 0, rgb(225 116 48 / 10%), transparent 26%),
    linear-gradient(138deg, rgb(255 254 250 / 82%), rgb(247 222 191 / 26%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 90%),
    0 0 0 1px rgb(126 54 20 / 6%),
    0 18px 46px rgb(91 37 13 / 10%);
}

.deck .p15-journey::after {
  content: "";
  position: absolute;
  top: -38px;
  right: -22px;
  width: 150px;
  height: 150px;
  border: 1px solid rgb(186 76 27 / 10%);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgb(210 105 42 / 3%), 0 0 0 40px rgb(210 105 42 / 2%);
  pointer-events: none;
}

.deck .p15-journey__head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: clamp(11px, .86vw, 15px);
  padding: 0 3px;
}

.deck .p15-journey__label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #a64319;
  font-size: clamp(12px, .82vw, 15px);
  font-weight: 820;
  letter-spacing: .12em;
}

.deck .p15-journey__label i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #dd681f;
  box-shadow: 0 0 0 5px rgb(221 104 31 / 10%);
}

.deck .p15-journey__summary {
  color: rgb(104 59 36 / 72%);
  font-size: clamp(11px, .75vw, 14px);
  font-weight: 650;
  letter-spacing: .04em;
  white-space: nowrap;
}

.deck .p15-journey__steps {
  --p15-step-gap: clamp(16px, 1.28vw, 22px);
  position: relative;
  z-index: 1;
  counter-reset: none;
  display: grid;
  grid-template-columns: .78fr .78fr 1.08fr 1.42fr;
  gap: var(--p15-step-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.deck .p15-journey__steps > li {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(10px, .82vw, 14px);
  min-width: 0;
  min-height: clamp(88px, 7.4vw, 116px);
  padding: clamp(13px, 1.05vw, 18px);
  border-radius: 17px;
  background: linear-gradient(145deg, rgb(255 255 255 / 82%), rgb(255 246 232 / 46%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 92%),
    0 0 0 1px rgb(131 56 20 / 6%),
    0 8px 22px rgb(91 37 13 / 7%);
}

.deck .p15-journey__steps > li:last-child {
  background: linear-gradient(145deg, rgb(255 251 244 / 94%), rgb(237 177 116 / 24%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 94%),
    0 0 0 1px rgb(174 68 20 / 9%),
    0 10px 26px rgb(111 42 12 / 9%);
}

.deck .p15-step__icon {
  display: grid;
  width: clamp(38px, 3vw, 50px);
  height: clamp(38px, 3vw, 50px);
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, rgb(224 107 38 / 16%), rgb(255 255 255 / 74%));
  color: #b44a18;
  box-shadow: inset 0 0 0 1px rgb(167 65 20 / 9%);
}

.deck .p15-step__icon--support {
  background: linear-gradient(145deg, #df6b28, #b64013);
  color: #fff9ef;
  box-shadow: 0 7px 16px rgb(148 52 13 / 20%);
}

.deck .p15-step__icon svg {
  width: clamp(19px, 1.45vw, 24px);
  height: clamp(19px, 1.45vw, 24px);
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.deck .p15-step__copy {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
}

.deck .p15-step__copy small {
  color: #d26024;
  font-size: clamp(12px, .82vw, 15px);
  font-style: italic;
  font-weight: 860;
  font-variant-numeric: tabular-nums;
  letter-spacing: .03em;
}

.deck .p15-step__copy strong {
  color: #3a2117;
  font-size: clamp(15px, 1.12vw, 20px);
  font-weight: 760;
  line-height: 1.42;
  text-wrap: pretty;
}

.deck .p15-step__connector {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: calc(-1 * var(--p15-step-gap));
  width: var(--p15-step-gap);
  height: 20px;
  overflow: hidden;
  transform: translateY(-50%);
  pointer-events: none;
}

.deck .p15-step__connector::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  right: 6px;
  height: 1px;
  background: linear-gradient(90deg, rgb(187 72 21 / 18%), rgb(187 72 21 / 62%));
}

.deck .p15-step__connector::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 1px;
  width: 6px;
  height: 6px;
  border-top: 1.5px solid rgb(172 62 17 / 72%);
  border-right: 1.5px solid rgb(172 62 17 / 72%);
  transform: rotate(45deg);
}

.deck .p15-step__connector i {
  position: absolute;
  top: 7px;
  left: -5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e8782d;
  box-shadow: 0 0 8px rgb(225 101 29 / 60%);
}

.deck .slide.p15-join-slide.is-active .p15-step__connector i {
  animation: p15-route-signal 2.4s cubic-bezier(.2, 0, 0, 1) infinite;
}

.deck .p15-journey__steps > li:nth-child(2) .p15-step__connector i { animation-delay: .34s; }
.deck .p15-journey__steps > li:nth-child(3) .p15-step__connector i { animation-delay: .68s; }

@keyframes p15-route-signal {
  0%, 18% { opacity: 0; transform: translateX(0) scale(.7); }
  34% { opacity: 1; }
  70% { opacity: 1; transform: translateX(calc(var(--p15-step-gap) - 7px)) scale(1); }
  82%, 100% { opacity: 0; transform: translateX(calc(var(--p15-step-gap) - 5px)) scale(.7); }
}

.deck .slide:nth-child(15) div.p15-action-row {
  display: flex;
  align-items: stretch;
  gap: clamp(12px, 1vw, 17px);
  width: 100%;
  max-width: none;
  padding-right: 0;
}

.deck .p15-action {
  min-width: clamp(350px, 29vw, 470px);
  min-height: clamp(62px, 4.8vw, 78px);
  justify-content: space-between;
  gap: 24px;
  padding: 11px 12px 11px clamp(18px, 1.4vw, 24px);
  border-radius: 17px;
}

.deck .p15-action__copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 2px;
  text-align: left;
}

.deck .p15-action__copy small {
  color: rgb(255 245 230 / 76%);
  font-size: clamp(9px, .62vw, 11px);
  font-weight: 680;
  letter-spacing: .1em;
}

.deck .p15-action__copy strong {
  font-size: clamp(15px, 1.12vw, 20px);
  font-weight: 820;
  letter-spacing: .02em;
}

.deck .p15-action__arrow {
  position: relative;
  z-index: 1;
  display: grid;
  width: clamp(40px, 3vw, 50px);
  height: clamp(40px, 3vw, 50px);
  flex: 0 0 auto;
  place-items: center;
  border-radius: 13px;
  background: rgb(255 249 238 / 16%);
  font-size: clamp(21px, 1.55vw, 27px);
  font-weight: 560;
  transition-property: transform, background-color;
  transition-duration: 180ms;
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
}

.deck .p15-action:hover .p15-action__arrow {
  background: rgb(255 249 238 / 24%);
  transform: translate(2px, -2px);
}

.deck .p15-action-note {
  display: flex;
  flex: 1 1 auto;
  min-width: clamp(235px, 20vw, 320px);
  align-items: center;
  gap: 11px;
  padding: 10px 16px;
  border-radius: 17px;
  background: linear-gradient(135deg, rgb(255 253 248 / 72%), rgb(235 174 111 / 17%));
  box-shadow: var(--v9-shadow-soft);
}

.deck .p15-action-note > span {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: rgb(206 83 27 / 11%);
  color: #bb4d1b;
  font-size: 15px;
  font-weight: 850;
}

.deck .p15-action-note p {
  display: grid;
  gap: 2px;
  margin: 0;
}

.deck .p15-action-note strong {
  color: #5b301e;
  font-size: clamp(12px, .86vw, 15px);
  font-weight: 800;
}

.deck .p15-action-note small {
  color: rgb(100 63 43 / 72%);
  font-size: clamp(10px, .7vw, 13px);
  line-height: 1.35;
  white-space: nowrap;
}

/* V9 keeps its page design, while restoring V6's five full-page transitions. */
.deck .v4-transition {
  contain: strict;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.deck .v4-transition__wash,
.deck .v4-transition__ring,
.deck .v4-transition__flare,
.deck .v4-transition__number {
  display: block !important;
}

.deck .v4-transition__shutters,
.deck .v4-transition__split {
  display: grid !important;
}

.deck.is-transitioning .v4-transition__wash,
.deck.is-transitioning .v4-transition__ring,
.deck.is-transitioning .v4-transition__shutters i,
.deck.is-transitioning .v4-transition__split i,
.deck.is-transitioning .v4-transition__flare,
.deck.is-transitioning .v4-transition__number {
  will-change: transform, opacity;
  backface-visibility: hidden;
}

.deck .v4-transition.is-playing .v4-transition__number {
  animation: v9-v6-transition-number 540ms cubic-bezier(.2, 0, 0, 1) both !important;
}

@keyframes v9-v6-transition-number {
  0% { opacity: 0; transform: translate3d(-50%, -44%, 0) scale(.84); }
  32% { opacity: .9; transform: translate3d(-50%, -50%, 0) scale(1); }
  58% { opacity: .78; transform: translate3d(-50%, -50%, 0) scale(1); }
  100% { opacity: 0; transform: translate3d(-50%, -55%, 0) scale(1.04); }
}

.deck .v4-transition.is-playing.transition-sweep .v4-transition__wash {
  z-index: 4;
  background: linear-gradient(100deg, #b33b0d, #ec7924 52%, #ffd190);
  animation: v9-v6-sweep-forward 620ms cubic-bezier(.2, 0, 0, 1) both !important;
}

.deck .v4-transition.is-playing.transition-sweep.direction-back .v4-transition__wash {
  animation-name: v9-v6-sweep-back !important;
}

@keyframes v9-v6-sweep-forward {
  0% { transform: translate3d(-106%, 0, 0) skewX(-5deg); }
  38%, 52% { transform: translate3d(0, 0, 0) skewX(0); }
  100% { transform: translate3d(106%, 0, 0) skewX(5deg); }
}

@keyframes v9-v6-sweep-back {
  0% { transform: translate3d(106%, 0, 0) skewX(5deg); }
  38%, 52% { transform: translate3d(0, 0, 0) skewX(0); }
  100% { transform: translate3d(-106%, 0, 0) skewX(-5deg); }
}

.deck .v4-transition.is-playing.transition-iris .v4-transition__ring {
  z-index: 4;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: radial-gradient(circle at center, #fff1d8 0 9%, #ef8b32 10% 27%, #c94a13 28% 57%, #9c310c 58% 100%);
  box-shadow: none;
  transform-origin: center;
  animation: v9-v6-iris 640ms cubic-bezier(.2, 0, 0, 1) both !important;
}

@keyframes v9-v6-iris {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.08); }
  38%, 51% { opacity: 1; transform: translate3d(0, 0, 0) scale(1.55); }
  100% { opacity: 0; transform: translate3d(0, 0, 0) scale(3.1); }
}

.deck .v4-transition.is-playing.transition-shutter .v4-transition__shutters i {
  animation: v9-v6-shutter-forward 600ms cubic-bezier(.2, 0, 0, 1) both !important;
  animation-delay: calc(var(--shutter-index, 0) * 12ms) !important;
}

.deck .v4-transition.is-playing.transition-shutter.direction-back .v4-transition__shutters i {
  animation-name: v9-v6-shutter-back !important;
}

@keyframes v9-v6-shutter-forward {
  0% { transform: translate3d(0, -103%, 0); }
  38%, 53% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, 103%, 0); }
}

@keyframes v9-v6-shutter-back {
  0% { transform: translate3d(0, 103%, 0); }
  38%, 53% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, -103%, 0); }
}

.deck .v4-transition.is-playing.transition-split .v4-transition__split i:first-child {
  animation: v9-v6-split-a 630ms cubic-bezier(.2, 0, 0, 1) both !important;
}

.deck .v4-transition.is-playing.transition-split .v4-transition__split i:last-child {
  animation: v9-v6-split-b 630ms cubic-bezier(.2, 0, 0, 1) both !important;
}

@keyframes v9-v6-split-a {
  0% { transform: translate3d(-103%, 0, 0); }
  38%, 52% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(103%, 0, 0); }
}

@keyframes v9-v6-split-b {
  0% { transform: translate3d(103%, 0, 0); }
  38%, 52% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-103%, 0, 0); }
}

.deck .v4-transition.is-playing.transition-focus .v4-transition__flare {
  z-index: 4;
  background: radial-gradient(circle at 50% 50%, #fff6e4 0 8%, #f8b45c 9% 21%, #da5b19 22% 47%, #a4310b 48% 72%, transparent 73%);
  animation: v9-v6-focus 650ms cubic-bezier(.2, 0, 0, 1) both !important;
}

@keyframes v9-v6-focus {
  0% { opacity: 0; transform: translate3d(0, 0, 0) scale(.18) rotate(-2deg); }
  38%, 52% { opacity: 1; transform: translate3d(0, 0, 0) scale(1.62) rotate(0); }
  100% { opacity: 0; transform: translate3d(0, 0, 0) scale(3.15) rotate(1deg); }
}

/* Page 13 to 14 stays deliberately quiet, matching the stable V6 handoff. */
.deck .v4-transition.is-playing.transition-soft .v4-transition__wash {
  z-index: 4;
  background: rgb(220 105 34 / 12%);
  animation: v9-v6-soft 560ms ease-in-out both !important;
}

.deck .v4-transition.is-playing.transition-soft .v4-transition__number {
  animation: none !important;
  opacity: 0;
}

@keyframes v9-v6-soft {
  0%, 100% { opacity: 0; }
  42%, 54% { opacity: 1; }
}

.deck .slide {
  will-change: auto;
  transition-property: opacity, transform, filter, clip-path, visibility;
  transition-duration: 160ms, 440ms, 260ms, 440ms, 0s;
  transition-timing-function: ease, var(--v9-ease), ease, var(--v9-ease), linear;
}

.deck.is-transitioning .slide {
  will-change: transform, opacity, filter;
}

.deck .slide.is-active.is-building > * {
  animation-name: v9-content-in !important;
  animation-duration: 500ms !important;
  animation-delay: calc(20ms + var(--order, 0) * 82ms) !important;
  animation-timing-function: var(--v9-ease) !important;
  animation-fill-mode: both !important;
}

.deck .slide.is-active.is-building .card,
.deck .slide.is-active.is-building .numbered > li,
.deck .slide.is-active.is-building .taglist > li,
.deck .slide.is-active.is-building .schedule li,
.deck .slide.is-active.is-building .p15-journey__steps > li {
  animation-name: v9-item-in !important;
  animation-duration: 420ms !important;
  animation-delay: calc(110ms + var(--item-order, 0) * 34ms) !important;
  animation-timing-function: var(--v9-ease) !important;
  animation-fill-mode: both !important;
}

.deck .slide.is-active.is-building .action {
  animation-name: v9-action-in !important;
  animation-duration: 420ms !important;
  animation-delay: calc(150ms + var(--order, 0) * 56ms) !important;
  animation-timing-function: var(--v9-ease) !important;
  animation-fill-mode: both !important;
}

@keyframes v9-content-in {
  from { opacity: 0; transform: translate3d(0, 14px, 0); filter: blur(3px); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}

@keyframes v9-item-in {
  from { opacity: 0; transform: translate3d(0, 12px, 0) scale(.985); filter: blur(2px); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@keyframes v9-action-in {
  from { opacity: 0; transform: translate3d(0, 10px, 0) scale(.96); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .lead {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .deck .slide:nth-child(1) .v9-opening-story__answer {
    padding-top: 13px;
    padding-bottom: 14px;
  }

  .deck .slide:nth-child(5) .card,
  .deck .slide:nth-child(8) .card,
  .deck .slide:nth-child(9) .card,
  .deck .slide:nth-child(14) .card {
    min-height: auto;
    padding: 16px 18px;
  }

  .deck .slide:nth-child(6) .card,
  .deck .slide:nth-child(7) .card:last-child {
    padding: 16px 18px;
  }

  .deck .slide:nth-child(15) .closing {
    padding: 13px 18px;
  }

  .deck .p15-journey {
    padding-top: 11px;
    padding-bottom: 14px;
  }

  .deck .p15-journey__steps > li {
    min-height: 78px;
    padding: 11px 12px;
  }

  .deck .p15-action {
    min-height: 58px;
  }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(1) .v9-opening-story {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge {
    height: 20px;
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge svg {
    top: 50%;
    right: auto;
    left: 28px;
    width: 38px;
    height: 16px;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge-signal {
    top: 2px;
    left: 25.5px;
    animation-name: v9-story-bridge-signal-mobile;
  }

  .deck .slide:nth-child(15) > div:has(.action) {
    min-width: 0;
  }

  .deck .p15-journey__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deck .p15-journey__steps > li:nth-child(2) .p15-step__connector {
    display: none;
  }

  .deck .p15-action-row {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .deck .v4-transition { display: none !important; }
  .deck .slide.is-active.is-building > *,
  .deck .slide.is-active.is-building .card,
  .deck .slide.is-active.is-building .numbered > li,
  .deck .slide.is-active.is-building .taglist > li,
  .deck .slide.is-active.is-building .schedule li,
  .deck .slide.is-active.is-building .p15-journey__steps > li,
  .deck .slide.is-active.is-building .action {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  .deck .slide.p15-join-slide.is-active .p15-step__connector i {
    animation: none;
    opacity: .75;
    transform: translateX(calc(var(--p15-step-gap) - 7px));
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge-glint,
  .deck .slide:nth-child(1) .v9-opening-story__bridge-head,
  .deck .slide:nth-child(1) .v9-opening-story__bridge-signal,
  .deck .slide:nth-child(1) .v9-loop-flow__connector::after,
  .deck .slide:nth-child(1) .v9-loop-flow__connector i,
  .deck .slide:nth-child(1) .v9-loop-flow__return-glint,
  .deck .slide:nth-child(1) .v9-loop-flow__return-arrow,
  .deck .slide:nth-child(1) .v9-loop-flow__return-origin {
    animation: none !important;
  }

  .deck .slide:nth-child(1) .v9-opening-story__bridge-glint,
  .deck .slide:nth-child(1) .v9-loop-flow__connector i,
  .deck .slide:nth-child(1) .v9-loop-flow__return-glint {
    display: none;
  }
}

/* Page 06, two-step build: diagnosis appears on the first advance; action and
   boundary appear on the second. */
.deck .slide.v10-resume-slide {
  align-content: center;
  gap: clamp(12px, 1vw, 18px);
}

.deck .slide.v10-resume-slide > header .eyebrow {
  margin-bottom: clamp(8px, .72vw, 13px);
}

.deck .slide.v10-resume-slide > header .subtitle--label {
  margin-top: clamp(11px, .9vw, 16px);
}

.deck .slide.v10-resume-slide .v10-resume-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(72px, 5.8vw, 96px) minmax(0, 1fr);
  align-items: stretch;
  width: min(100%, 1120px);
  min-height: clamp(220px, 20vw, 312px);
}

.deck .slide.v10-resume-slide .v10-resume-card {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: start;
  min-width: 0;
  padding: clamp(18px, 1.45vw, 26px);
  border: 1px solid rgb(148 72 32 / 10%);
  border-radius: 22px;
  background: linear-gradient(145deg, rgb(255 255 255 / 79%), rgb(232 188 147 / 19%));
  box-shadow: var(--v9-shadow-lift);
}

.deck .slide.v10-resume-slide .v10-resume-card--diagnosis {
  align-content: start;
  background: linear-gradient(145deg, rgb(255 253 247 / 88%), rgb(214 104 43 / 14%));
  opacity: 0;
  visibility: hidden;
  transform: translate3d(28px, 0, 0) scale(.98);
  filter: blur(5px);
  pointer-events: none;
  transition:
    opacity 360ms var(--v9-ease),
    transform 480ms var(--v9-ease),
    filter 420ms var(--v9-ease),
    visibility 0s linear 480ms;
}

.deck .slide.v10-resume-slide.has-diagnosis .v10-resume-card--diagnosis {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
  pointer-events: auto;
  transition-delay: 70ms, 70ms, 70ms, 0s;
}

.deck .slide.v10-resume-slide .v10-resume-card__title {
  display: flex;
  align-items: center;
  gap: clamp(9px, .75vw, 13px);
  padding-bottom: clamp(9px, .72vw, 13px);
  border-bottom: 1px solid rgb(176 85 38 / 15%);
}

.deck .slide.v10-resume-slide .v10-resume-card__title h2 {
  margin: 0;
  color: #342218;
  font-size: clamp(19px, 1.55vw, 28px);
  line-height: 1.3;
  letter-spacing: -.02em;
  text-wrap: balance;
}

.deck .slide.v10-resume-slide .v10-resume-card__step {
  display: inline-grid;
  place-items: center;
  width: clamp(28px, 2.2vw, 36px);
  height: clamp(28px, 2.2vw, 36px);
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgb(207 82 25 / 11%);
  color: #b64f1d;
  font-size: clamp(11px, .8vw, 14px);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .04em;
}

.deck .slide.v10-resume-slide .v10-resume-card__meta {
  width: fit-content;
  margin: clamp(10px, .75vw, 13px) 0 0;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgb(204 91 35 / 8%);
  color: #a35833;
  font-size: clamp(11px, .78vw, 14px);
  font-weight: 650;
  letter-spacing: .03em;
}

.deck .slide.v10-resume-slide .v10-resume-case {
  display: grid;
  gap: clamp(8px, .62vw, 11px);
  margin-top: clamp(11px, .85vw, 15px);
}

.deck .slide.v10-resume-slide .v10-resume-case p {
  display: grid;
  grid-template-columns: clamp(76px, 6.6vw, 106px) 1fr;
  gap: clamp(8px, .65vw, 12px);
  margin: 0;
  color: #6d584a;
  font-size: clamp(13px, 1.02vw, 18px);
  line-height: 1.52;
  text-wrap: pretty;
}

.deck .slide.v10-resume-slide .v10-resume-case p > span {
  color: #9e4b24;
  font-weight: 740;
  white-space: nowrap;
}

.deck .slide.v10-resume-slide .v10-resume-diagnosis {
  align-self: center;
  margin: 0;
  padding-top: clamp(14px, 1.2vw, 21px);
  color: #6f594b;
  font-size: clamp(18px, 1.52vw, 27px);
  line-height: 1.72;
}

.deck .slide.v10-resume-slide .v10-resume-diagnosis strong {
  color: #bc4d19;
  font-weight: 820;
}

.deck .slide.v10-resume-slide .v10-resume-arrow {
  position: relative;
  z-index: 3;
  align-self: center;
  justify-self: center;
  display: inline-grid;
  place-items: center;
  width: clamp(58px, 4.8vw, 76px);
  height: clamp(58px, 4.8vw, 76px);
  min-width: 40px;
  min-height: 40px;
  padding: clamp(8px, .65vw, 11px);
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 36% 28%, rgb(255 255 255 / 98%) 0 12%, transparent 34%),
    linear-gradient(145deg, rgb(255 255 255 / 92%), rgb(238 159 105 / 22%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 100%),
    inset 0 0 0 1px rgb(174 75 28 / 12%),
    0 2px 4px rgb(91 41 17 / 8%),
    0 13px 30px rgb(118 49 18 / 14%);
  color: #bf511d;
  cursor: pointer;
  isolation: isolate;
  transition-property: transform, box-shadow, background-color, opacity;
  transition-duration: 240ms;
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
}

.deck .slide.v10-resume-slide .v10-resume-arrow::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: clamp(-8px, -.55vw, -5px);
  border-radius: 50%;
  border: 1px solid rgb(207 82 25 / 18%);
  box-shadow: 0 0 0 5px rgb(207 82 25 / 4%);
  opacity: .48;
  transform: scale(.92);
  animation: v10-resume-halo 2.2s cubic-bezier(.2, 0, 0, 1) infinite;
}

.deck .slide.v10-resume-slide .v10-resume-arrow svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.45;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 3px 5px rgb(120 46 13 / 16%));
  transform: translateX(1px);
  animation: v10-resume-arrow-glide 1.65s cubic-bezier(.2, 0, 0, 1) infinite;
  transition-property: transform, opacity, filter;
  transition-duration: 260ms, 220ms, 220ms;
  transition-timing-function: var(--v9-ease), ease, ease;
}

.deck .slide.v10-resume-slide .v10-resume-arrow__trace,
.deck .slide.v10-resume-slide .v10-resume-arrow__head {
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
}

.deck .slide.v10-resume-slide .v10-resume-arrow:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 100%),
    inset 0 0 0 1px rgb(174 75 28 / 16%),
    0 3px 5px rgb(91 41 17 / 7%),
    0 17px 34px rgb(118 49 18 / 18%);
}

.deck .slide.v10-resume-slide .v10-resume-arrow:hover svg {
  filter: drop-shadow(0 4px 6px rgb(120 46 13 / 22%));
}

.deck .slide.v10-resume-slide .v10-resume-arrow:active {
  transform: scale(.96);
}

.deck .slide.v10-resume-slide.has-guidance .v10-resume-arrow {
  cursor: default;
  transform: none;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 86%),
    inset 0 0 0 1px rgb(174 75 28 / 8%),
    0 7px 18px rgb(118 49 18 / 8%);
}

.deck .slide.v10-resume-slide.has-guidance .v10-resume-arrow::before {
  animation: none;
  opacity: .16;
  transform: scale(1);
}

.deck .slide.v10-resume-slide.has-guidance .v10-resume-arrow svg {
  animation: none;
  opacity: .44;
  filter: none;
  transform: translateX(1px);
}

@keyframes v10-resume-arrow-glide {
  0%, 100% { transform: translateX(-2px); }
  52% { transform: translateX(4px); }
}

@keyframes v10-resume-halo {
  0%, 100% { opacity: .34; transform: scale(.91); }
  52% { opacity: .72; transform: scale(1.04); }
}

.deck .slide.v10-resume-slide .v10-resume-guidance {
  display: grid;
  width: min(100%, 1120px);
  padding: clamp(15px, 1.15vw, 20px) clamp(18px, 1.5vw, 26px) clamp(13px, 1vw, 18px);
  border-radius: 18px;
  background: linear-gradient(145deg, rgb(255 255 255 / 78%), rgb(232 188 147 / 15%));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 84%),
    0 0 0 1px rgb(148 72 32 / 9%),
    0 12px 30px rgb(78 38 14 / 8%);
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 12px, 0);
  filter: blur(3px);
  pointer-events: none;
  transition-property: opacity, transform, filter;
  transition-duration: 320ms, 420ms, 360ms;
  transition-timing-function: ease, var(--v9-ease), ease;
}

.deck .slide.v10-resume-slide.has-guidance .v10-resume-guidance {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
  pointer-events: auto;
  transition-delay: 150ms;
}

.deck .slide.v10-resume-slide .v10-resume-action {
  display: grid;
  grid-template-columns: clamp(94px, 7.8vw, 126px) 1fr;
  align-items: center;
  gap: clamp(15px, 1.15vw, 20px);
  width: 100%;
  padding: 0 0 clamp(11px, .82vw, 14px);
  border-bottom: 1px solid rgb(176 85 38 / 17%);
  opacity: 0 !important;
  visibility: hidden;
  transform: translate3d(0, 14px, 0) !important;
  filter: blur(3px);
  pointer-events: none;
  animation: none !important;
  transition: opacity 320ms ease, transform 420ms var(--v9-ease), filter 360ms ease;
}

.deck .slide.v10-resume-slide .v10-resume-action > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 32px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgb(202 83 28 / 10%);
  color: #bd4e19;
  font-size: clamp(13px, .92vw, 16px);
  font-weight: 820;
  letter-spacing: .04em;
}

.deck .slide.v10-resume-slide .v10-resume-action p {
  margin: 0;
  color: #665145;
  font-size: clamp(15px, 1.2vw, 21px);
  line-height: 1.62;
  text-wrap: pretty;
}

.deck .slide.v10-resume-slide .v10-resume-action strong {
  color: #432b1e;
  font-weight: 780;
}

.deck .slide.v10-resume-slide.has-guidance .v10-resume-action {
  opacity: 1 !important;
  visibility: visible;
  transform: translate3d(0, 0, 0) !important;
  filter: blur(0);
  pointer-events: auto;
  transition-delay: 210ms;
}

.deck .slide.v10-resume-slide .v10-resume-boundary {
  display: grid;
  grid-template-columns: clamp(94px, 7.8vw, 126px) 1fr;
  align-items: center;
  gap: clamp(15px, 1.15vw, 20px);
  width: 100%;
  margin: 0;
  padding-top: clamp(10px, .76vw, 13px);
  opacity: 0 !important;
  visibility: hidden;
  transform: translate3d(0, 12px, 0) !important;
  filter: blur(3px);
  pointer-events: none;
  animation: none !important;
  transition: opacity 320ms ease, transform 420ms var(--v9-ease), filter 360ms ease;
}

.deck .slide.v10-resume-slide .v10-resume-boundary__label {
  color: #a85a36;
  font-size: clamp(11px, .78vw, 13px);
  font-weight: 720;
  letter-spacing: .07em;
  white-space: nowrap;
}

.deck .slide.v10-resume-slide .v10-resume-boundary__copy {
  color: #766157;
  font-size: clamp(12px, .9vw, 15px);
  line-height: 1.55;
  text-wrap: pretty;
}

.deck .slide.v10-resume-slide .v10-resume-boundary__copy strong {
  display: inline-flex;
  margin-right: .65em;
  color: #aa461b;
  font-weight: 800;
}

.deck .slide.v10-resume-slide.has-guidance .v10-resume-boundary {
  opacity: 1 !important;
  visibility: visible;
  transform: translate3d(0, 0, 0) !important;
  filter: blur(0);
  pointer-events: auto;
  transition-delay: 340ms;
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide.v10-resume-slide {
    gap: 9px;
    padding-top: 5.1%;
    padding-bottom: 5.6%;
  }

  .deck .slide.v10-resume-slide .v10-resume-flow {
    min-height: 205px;
  }

  .deck .slide.v10-resume-slide .v10-resume-card {
    padding: 15px 17px;
  }

  .deck .slide.v10-resume-slide .v10-resume-case {
    gap: 6px;
    margin-top: 8px;
  }

  .deck .slide.v10-resume-slide .v10-resume-card__meta {
    margin-top: 7px;
  }

  .deck .slide.v10-resume-slide .v10-resume-diagnosis {
    margin-top: 16px;
  }
}

@media (max-aspect-ratio: 4 / 3) {
  .deck .slide.v10-resume-slide .v10-resume-flow {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .deck .slide.v10-resume-slide .v10-resume-arrow {
    width: 68px;
    height: 68px;
    justify-self: center;
    padding: 9px;
  }

  .deck .slide.v10-resume-slide .v10-resume-arrow svg {
    animation-name: v10-resume-arrow-glide-vertical;
  }

  .deck .slide.v10-resume-slide .v10-resume-arrow:hover svg,
  .deck .slide.v10-resume-slide.has-guidance .v10-resume-arrow svg {
    transform: rotate(90deg) translateX(1px);
  }

  .deck .slide.v10-resume-slide .v10-resume-action {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .deck .slide.v10-resume-slide .v10-resume-arrow::before,
  .deck .slide.v10-resume-slide .v10-resume-arrow svg {
    animation: none !important;
  }

  .deck .slide.v10-resume-slide .v10-resume-card--diagnosis,
  .deck .slide.v10-resume-slide .v10-resume-guidance,
  .deck .slide.v10-resume-slide .v10-resume-action,
  .deck .slide.v10-resume-slide .v10-resume-boundary {
    transition-duration: .01ms !important;
    filter: none !important;
  }
}

@keyframes v10-resume-arrow-glide-vertical {
  0%, 100% { transform: rotate(90deg) translateX(-2px); }
  52% { transform: rotate(90deg) translateX(4px); }
}

/* Page 03 refinement: group the problem → solution story on one tactile glass
   surface, keep both footnotes left-aligned, and give the connector clear motion.
   Match Page 04's calm top / middle / bottom rhythm instead of stacking upward. */
.deck .slide:nth-child(3) {
  align-content: space-evenly;
  gap: clamp(18px, 1.45vw, 24px);
  padding-top: 5.8%;
  padding-bottom: 6.3%;
}

.deck .slide:nth-child(3) .v7-jobs-layout {
  position: relative;
  isolation: isolate;
  align-items: stretch;
  padding: clamp(16px, 1.15vw, 22px);
  overflow: visible;
  border-radius: clamp(24px, 1.85vw, 32px);
}

.deck .slide:nth-child(3) .v7-jobs-layout::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 -20px;
  overflow: hidden;
  border-radius: inherit;
  background:
    radial-gradient(circle, rgb(102 51 24 / 7%) .7px, transparent .85px),
    linear-gradient(112deg, transparent 18%, rgb(255 255 255 / 38%) 43%, transparent 64%),
    radial-gradient(circle at 13% 8%, rgb(255 255 255 / 74%), transparent 35%),
    linear-gradient(132deg, rgb(255 253 247 / 62%), rgb(246 217 184 / 24%) 54%, rgb(255 250 240 / 44%));
  background-position: 0 0, 0 0;
  background-size: 10px 10px, 100% 100%, 100% 100%, 100% 100%;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 84%),
    inset 0 -1px 0 rgb(137 63 24 / 5%),
    0 0 0 1px rgb(111 54 24 / 7%),
    0 18px 44px rgb(88 37 12 / 9%);
  backdrop-filter: blur(14px) saturate(1.08);
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
  pointer-events: none;
}

.deck .slide:nth-child(3) .v7-jobs-layout::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -34%;
  right: -8%;
  width: 46%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(221 112 45 / 11%), transparent 68%);
  filter: blur(18px);
  pointer-events: none;
}

.deck .slide:nth-child(3) .v9-jobs-column {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: clamp(8px, .56vw, 10px);
  min-width: 0;
}

.deck .slide:nth-child(3) .v7-jobs-pain,
.deck .slide:nth-child(3) .v7-jobs-directory {
  min-height: 0;
}

.deck .slide:nth-child(3) .v7-jobs-pain {
  align-content: start;
  gap: clamp(9px, .7vw, 13px);
  padding: clamp(17px, 1.2vw, 23px);
}

.deck .slide:nth-child(3) .v7-jobs-pain-list {
  gap: clamp(8px, .58vw, 10px);
}

.deck .slide:nth-child(3) .v7-jobs-pain-list p {
  padding-top: clamp(11px, .78vw, 14px);
  padding-bottom: clamp(11px, .78vw, 14px);
}

.deck .slide:nth-child(3) .v7-jobs-directory {
  align-content: start;
  gap: clamp(10px, .75vw, 13px);
  padding: clamp(18px, 1.22vw, 23px);
}

.deck .slide:nth-child(3) .v7-jobs-checks li {
  min-height: clamp(48px, 3.4vw, 58px);
  padding-top: clamp(10px, .75vw, 13px);
  padding-bottom: clamp(10px, .75vw, 13px);
}

.deck .slide:nth-child(3) .v7-jobs-arrow {
  position: relative;
  display: grid;
  place-items: center;
  align-self: center;
  width: clamp(48px, 4.1vw, 68px);
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 999px;
  background: linear-gradient(145deg, rgb(255 255 255 / 76%), rgb(232 137 70 / 17%));
  color: #c6531c;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 88%),
    0 0 0 1px rgb(157 70 28 / 11%),
    0 10px 24px rgb(109 45 14 / 10%);
  transform: translate(-8px, -24px);
  filter: none;
}

.deck .slide:nth-child(3) .v9-jobs-arrow__halo {
  position: absolute;
  inset: 9%;
  border-radius: inherit;
  background: radial-gradient(circle at 58% 50%, rgb(230 102 37 / 24%), transparent 62%);
  opacity: .45;
}

.deck .slide:nth-child(3) .v9-jobs-arrow__glyph {
  position: relative;
  z-index: 1;
  width: 70%;
  height: auto;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.deck .slide:nth-child(3) .v9-jobs-arrow__shaft {
  stroke-width: 3.4;
}

.deck .slide:nth-child(3) .v9-jobs-arrow__head {
  stroke-width: 3.9;
}

.deck .slide:nth-child(3) .v7-jobs-arrow::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -18%;
  bottom: -18%;
  left: -45%;
  width: 26%;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 76%), transparent);
  transform: translateX(0) skewX(-18deg);
  opacity: 0;
}

.deck .slide:nth-child(3).motion-jobs.is-active .v9-jobs-arrow__glyph {
  animation: v9-jobs-arrow-drive 1650ms cubic-bezier(.2, 0, 0, 1) 620ms infinite;
  will-change: transform, opacity, filter;
}

.deck .slide:nth-child(3).motion-jobs.is-active .v9-jobs-arrow__halo {
  animation: v9-jobs-arrow-breathe 1650ms ease-in-out 620ms infinite;
  will-change: transform, opacity;
}

.deck .slide:nth-child(3).motion-jobs.is-active .v7-jobs-arrow::after {
  animation: v9-jobs-arrow-shine 2800ms ease-in-out 1100ms infinite;
  will-change: transform, opacity;
}

@keyframes v9-jobs-arrow-drive {
  0%, 100% { opacity: .72; transform: translate3d(-2px, 0, 0); filter: blur(.35px); }
  50% { opacity: 1; transform: translate3d(3px, 0, 0); filter: blur(0); }
}

@keyframes v9-jobs-arrow-breathe {
  0%, 100% { opacity: .34; transform: scale(.82); }
  50% { opacity: .72; transform: scale(1); }
}

@keyframes v9-jobs-arrow-shine {
  0%, 62% { opacity: 0; transform: translateX(0) skewX(-18deg); }
  72% { opacity: .72; }
  88%, 100% { opacity: 0; transform: translateX(600%) skewX(-18deg); }
}

.deck .slide:nth-child(3) .v9-jobs-panel-note {
  display: flex;
  align-items: center;
  gap: clamp(9px, .7vw, 12px);
  min-height: clamp(40px, 3vw, 50px);
  margin: 0 clamp(7px, .6vw, 11px);
  padding: clamp(8px, .58vw, 10px) clamp(12px, 1vw, 17px);
  border: 1px solid rgb(151 70 28 / 12%);
  border-radius: 11px 14px 12px 14px;
  background: linear-gradient(135deg, rgb(255 253 248 / 74%), rgb(239 176 112 / 13%));
  color: #654535;
  font-size: clamp(14px, 1.02vw, 18px);
  font-weight: 650;
  line-height: 1.35;
  box-shadow: 0 7px 18px rgb(86 37 13 / 5%);
}

.deck .slide:nth-child(3) .v9-jobs-panel-note span {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 7px;
  background: rgb(201 87 25 / 11%);
  color: #aa481a;
  font-size: clamp(11px, .76vw, 14px);
  font-weight: 800;
  letter-spacing: .08em;
}

.deck .slide:nth-child(3) .v9-jobs-panel-note--update {
  justify-content: flex-start;
  color: #7a4f39;
}

.deck .slide:nth-child(3) .v7-jobs-outcome {
  position: relative;
  display: block;
  justify-self: start;
  width: 100%;
  max-width: none;
  margin-top: 0;
  padding: clamp(14px, 1.05vw, 18px) clamp(24px, 1.8vw, 31px) clamp(14px, 1.05vw, 18px) clamp(58px, 4vw, 68px);
  border: 1px solid rgb(175 76 27 / 13%);
  border-left: 0;
  border-radius: 0 16px 16px 0;
  background: linear-gradient(90deg, rgb(223 108 39 / 17%), rgb(255 250 240 / 54%) 76%, transparent);
  box-shadow: 0 12px 28px rgb(91 40 15 / 6%);
}

.deck .slide:nth-child(3) .v7-jobs-outcome::before {
  content: "所以";
  position: absolute;
  top: 50%;
  left: clamp(16px, 1.2vw, 21px);
  color: #b54c1a;
  font-size: clamp(12px, .82vw, 15px);
  font-weight: 800;
  letter-spacing: .08em;
  transform: translateY(-50%);
}

.deck .slide:nth-child(3) .v7-jobs-outcome strong {
  font-size: clamp(18px, 1.36vw, 24px);
  letter-spacing: .01em;
}

.deck .slide:nth-child(3) .v7-jobs-outcome p {
  text-align: left;
}

@media (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(3) {
    overflow: hidden;
  }
}

@media (max-height: 760px) and (min-aspect-ratio: 4 / 3) {
  .deck .slide:nth-child(3) {
    gap: 16px;
    padding-top: 5.8%;
    padding-bottom: 6.2%;
  }

  .deck .slide:nth-child(3) .v7-jobs-layout {
    padding: 13px;
    border-radius: 22px;
  }

  .deck .slide:nth-child(3) .v9-jobs-column {
    gap: 8px;
  }

  .deck .slide:nth-child(3) .v7-jobs-pain,
  .deck .slide:nth-child(3) .v7-jobs-directory {
    min-height: 0;
  }

  .deck .slide:nth-child(3) .v7-jobs-pain {
    gap: 7px;
    padding: 14px 16px;
  }

  .deck .slide:nth-child(3) .v7-jobs-pain-list {
    gap: 6px;
  }

  .deck .slide:nth-child(3) .v7-jobs-pain-list p {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .deck .slide:nth-child(3) .v7-jobs-directory {
    gap: 7px;
    padding: 14px 16px;
  }

  .deck .slide:nth-child(3) .v7-jobs-checks li {
    min-height: 40px;
    padding: 8px 0 7px;
  }

  .deck .slide:nth-child(3) .v7-jobs-arrow {
    width: 46px;
    transform: translate(-4px, -18px);
  }

  .deck .slide:nth-child(3) .v9-jobs-panel-note {
    min-height: 34px;
    padding: 6px 9px;
    font-size: 13px;
  }

  .deck .slide:nth-child(3) .v9-jobs-panel-note span {
    padding: 3px 6px;
    font-size: 10px;
  }

  .deck .slide:nth-child(3) .v7-jobs-outcome {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .deck .slide:nth-child(3).motion-jobs.is-active .v9-jobs-arrow__glyph,
  .deck .slide:nth-child(3).motion-jobs.is-active .v9-jobs-arrow__halo,
  .deck .slide:nth-child(3).motion-jobs.is-active .v7-jobs-arrow::after {
    animation: none !important;
    filter: none;
    opacity: 1;
    transform: none;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__viewport {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__track {
    width: auto;
    padding: 0 18px;
    animation: none !important;
    will-change: auto;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__group {
    flex-wrap: wrap;
    width: auto;
  }

  .deck .slide:nth-child(12) .p12-topic-carousel__group[aria-hidden="true"] {
    display: none;
  }
}


/* source: v10.css */
/* V10: a page-specific motion layer built on top of the approved V9 layout. */
:root {
  --v10-ease: cubic-bezier(.2, 0, 0, 1);
  --v10-spring: cubic-bezier(.16, 1, .3, 1);
  --v10-enter: 620ms;
  --v10-pointer-x: 0;
  --v10-pointer-y: 0;
}

.deck.v10-motion {
  --v10-ambient-x: 72%;
  --v10-ambient-y: 34%;
  --v10-ambient-scale: 1;
  isolation: isolate;
}

.deck.v10-motion .slide {
  overflow-x: hidden;
}

@media (min-aspect-ratio: 4 / 3) {
  .deck.v10-motion .slide:nth-child(8) {
    overflow-y: hidden;
  }
}

/* A single composited ambient layer changes character on every slide. */
.deck .v10-ambient-layer {
  position: absolute;
  z-index: 2;
  inset: 0;
  overflow: hidden;
  opacity: 1;
  pointer-events: none;
  contain: strict;
}

.deck .v10-ambient-layer__glow,
.deck .v10-ambient-layer__ring,
.deck .v10-ambient-layer__spark {
  position: absolute;
  display: block;
  pointer-events: none;
}

.deck .v10-ambient-layer__glow {
  left: var(--v10-ambient-x);
  top: var(--v10-ambient-y);
  width: 28%;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: .34;
  background: radial-gradient(circle, rgb(245 150 68 / 16%) 0 8%, rgb(226 102 31 / 8%) 26%, transparent 68%);
  transform: translate3d(calc(-50% + var(--v10-pointer-x) * 8px), calc(-50% + var(--v10-pointer-y) * 6px), 0) scale(var(--v10-ambient-scale));
  filter: blur(4px);
  transition-property: left, top, opacity;
  transition-duration: 520ms;
  transition-timing-function: var(--v10-ease);
}

.deck .v10-ambient-layer__ring {
  left: calc(var(--v10-ambient-x) - 1%);
  top: calc(var(--v10-ambient-y) - 1%);
  width: 14%;
  aspect-ratio: 1;
  border: 1px solid rgb(187 70 18 / 10%);
  border-radius: 50%;
  opacity: .42;
  transform: translate3d(calc(-50% - var(--v10-pointer-x) * 5px), calc(-50% - var(--v10-pointer-y) * 4px), 0) scale(var(--v10-ambient-scale));
}

.deck .v10-ambient-layer__spark {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #dd6c29;
  box-shadow: 0 0 0 5px rgb(221 108 41 / 5%), 0 0 14px rgb(213 82 20 / 24%);
  opacity: .25;
}

.deck .v10-ambient-layer__spark:nth-child(3) { left: 43%; top: 24%; }
.deck .v10-ambient-layer__spark:nth-child(4) { left: 72%; top: 68%; width: 3px; height: 3px; }
.deck .v10-ambient-layer__spark:nth-child(5) { left: 89%; top: 42%; width: 4px; height: 4px; }

.deck .v10-ambient-layer.is-page-entering .v10-ambient-layer__glow {
  animation: v10-ambient-enter 880ms var(--v10-ease) both, v10-ambient-breathe 7.2s ease-in-out 900ms infinite alternate;
}

.deck .v10-ambient-layer.is-page-entering .v10-ambient-layer__ring {
  animation: v10-ring-enter 760ms var(--v10-spring) 120ms both, v10-ring-drift 9s ease-in-out 900ms infinite alternate;
}

.deck .v10-ambient-layer.is-page-entering .v10-ambient-layer__spark {
  animation: v10-spark-float 5.8s ease-in-out calc(-1.2s * var(--spark-order, 1)) infinite;
}

.deck .v10-ambient-layer__spark:nth-child(3) { --spark-order: 1; }
.deck .v10-ambient-layer__spark:nth-child(4) { --spark-order: 2; }
.deck .v10-ambient-layer__spark:nth-child(5) { --spark-order: 3; }

.deck[data-v10-page="01"] { --v10-ambient-x: 69%; --v10-ambient-y: 35%; --v10-ambient-scale: 1.15; }
.deck[data-v10-page="02"] { --v10-ambient-x: 83%; --v10-ambient-y: 42%; --v10-ambient-scale: .88; }
.deck[data-v10-page="03"] { --v10-ambient-x: 74%; --v10-ambient-y: 49%; --v10-ambient-scale: 1.2; }
.deck[data-v10-page="04"] { --v10-ambient-x: 61%; --v10-ambient-y: 46%; --v10-ambient-scale: 1.32; }
.deck[data-v10-page="05"] { --v10-ambient-x: 77%; --v10-ambient-y: 56%; --v10-ambient-scale: .95; }
.deck[data-v10-page="06"] { --v10-ambient-x: 68%; --v10-ambient-y: 48%; --v10-ambient-scale: 1.04; }
.deck[data-v10-page="07"] { --v10-ambient-x: 74%; --v10-ambient-y: 45%; --v10-ambient-scale: 1.24; }
.deck[data-v10-page="08"] { --v10-ambient-x: 62%; --v10-ambient-y: 58%; --v10-ambient-scale: 1.08; }
.deck[data-v10-page="09"] { --v10-ambient-x: 72%; --v10-ambient-y: 48%; --v10-ambient-scale: 1.12; }
.deck[data-v10-page="10"] { --v10-ambient-x: 67%; --v10-ambient-y: 54%; --v10-ambient-scale: 1.18; }
.deck[data-v10-page="11"] { --v10-ambient-x: 72%; --v10-ambient-y: 44%; --v10-ambient-scale: 1.28; }
.deck[data-v10-page="12"] { --v10-ambient-x: 79%; --v10-ambient-y: 50%; --v10-ambient-scale: 1.05; }
.deck[data-v10-page="13"] { --v10-ambient-x: 66%; --v10-ambient-y: 52%; --v10-ambient-scale: 1.3; }
.deck[data-v10-page="14"] { --v10-ambient-x: 75%; --v10-ambient-y: 48%; --v10-ambient-scale: 1.14; }
.deck[data-v10-page="15"] { --v10-ambient-x: 73%; --v10-ambient-y: 37%; --v10-ambient-scale: 1.38; }

@keyframes v10-ambient-enter {
  from { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(.64); filter: blur(16px); }
}

@keyframes v10-ambient-breathe {
  0% { opacity: .22; filter: blur(5px); }
  50% { opacity: .38; filter: blur(2px); }
  100% { opacity: .28; filter: blur(6px); }
}

@keyframes v10-ring-enter {
  from { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(.25); filter: blur(4px); }
}

@keyframes v10-ring-drift {
  0% { opacity: .22; rotate: -2deg; scale: .94; }
  100% { opacity: .5; rotate: 4deg; scale: 1.08; }
}

@keyframes v10-spark-float {
  0%, 100% { opacity: .12; transform: translate3d(0, 7px, 0) scale(.72); }
  45% { opacity: .42; transform: translate3d(5px, -6px, 0) scale(1); }
}

/* Reset V9's generic build animation, then stage semantic chunks deliberately. */
.deck.v10-motion .slide.is-active.is-building > * {
  animation: none !important;
}

.deck.v10-motion .slide.is-active.is-building .card,
.deck.v10-motion .slide.is-active.is-building .numbered > li,
.deck.v10-motion .slide.is-active.is-building .taglist > li,
.deck.v10-motion .slide.is-active.is-building .schedule li,
.deck.v10-motion .slide.is-active.is-building .p15-journey__steps > li {
  animation: none !important;
}

.deck.v10-motion .slide.is-active.is-building > header {
  animation: v10-header-stage var(--v10-enter) var(--v10-ease) 40ms backwards !important;
}

.deck.v10-motion .slide.is-active.is-building > header .eyebrow {
  animation: v10-eyebrow-in 480ms var(--v10-ease) 80ms backwards !important;
}

.deck.v10-motion .slide.is-active.is-building > header h1,
.deck.v10-motion .slide.is-active.is-building .p15-closing h1 {
  animation: v10-title-in 680ms var(--v10-spring) 135ms backwards !important;
}

.deck.v10-motion .slide.is-active.is-building > header .subtitle,
.deck.v10-motion .slide.is-active.is-building .p15-closing .subtitle {
  animation: v10-subtitle-in 540ms var(--v10-ease) 250ms backwards !important;
}

.deck.v10-motion .slide.is-active.is-building .subtitle-label__badge {
  animation: v10-badge-pop 460ms var(--v10-spring) 335ms backwards !important;
}

@keyframes v10-header-stage {
  from { opacity: 0; transform: translate3d(24px, -9px, 0); filter: blur(5px); }
}

@keyframes v10-eyebrow-in {
  from { opacity: 0; transform: translate3d(-14px, 0, 0); filter: blur(3px); }
}

@keyframes v10-title-in {
  from { opacity: 0; transform: translate3d(0, 18px, 0) scale(.975); filter: blur(7px); }
}

@keyframes v10-subtitle-in {
  from { opacity: 0; transform: translate3d(13px, 0, 0); filter: blur(3px); }
}

@keyframes v10-badge-pop {
  from { opacity: 0; transform: scale(.25); filter: blur(4px); }
}

@keyframes v10-rise {
  from { opacity: 0; transform: translate3d(0, 20px, 0); filter: blur(4px); }
}

@keyframes v10-rise-soft {
  from { opacity: 0; transform: translate3d(0, 12px, 0) scale(.985); filter: blur(3px); }
}

@keyframes v10-from-left {
  from { opacity: 0; transform: translate3d(-34px, 0, 0); filter: blur(4px); }
}

@keyframes v10-from-right {
  from { opacity: 0; transform: translate3d(34px, 0, 0); filter: blur(4px); }
}

@keyframes v10-unfold-left {
  from { opacity: 0; transform: perspective(900px) rotateY(-7deg) translate3d(24px, 0, 0); clip-path: inset(0 34% 0 0); }
}

@keyframes v10-unfold-right {
  from { opacity: 0; transform: perspective(900px) rotateY(7deg) translate3d(-24px, 0, 0); clip-path: inset(0 0 0 34%); }
}

@keyframes v10-scale-in {
  from { opacity: 0; transform: scale(.93); filter: blur(5px); }
}

@keyframes v10-line-reveal {
  from { opacity: 0; transform: scaleX(.35); filter: blur(3px); }
}

@keyframes v10-icon-breathe {
  0%, 100% { opacity: .82; transform: translate3d(0, 0, 0) scale(1); }
  50% { opacity: 1; transform: translate3d(2px, -2px, 0) scale(1.045); }
}

@keyframes v10-tag-breathe {
  0%, 100% { transform: translate3d(0, 0, 0); opacity: .88; }
  50% { transform: translate3d(0, -2px, 0); opacity: 1; }
}

@keyframes v10-sheen {
  0%, 18% { transform: translate3d(-130%, 0, 0) skewX(-18deg); opacity: 0; }
  36% { opacity: .55; }
  62%, 100% { transform: translate3d(220%, 0, 0) skewX(-18deg); opacity: 0; }
}

/* 01 · Start: intention, response, then the loop closes. */
.deck.v10-motion .slide:nth-child(1).is-active.is-building .v9-opening-story__moment {
  animation: v10-from-left 620ms var(--v10-ease) 290ms backwards !important;
}

.deck.v10-motion .slide:nth-child(1).is-active.is-building .v9-opening-story__bridge {
  animation: v10-scale-in 520ms var(--v10-spring) 380ms backwards !important;
}

.deck.v10-motion .slide:nth-child(1).is-active.is-building .v9-opening-story__answer {
  animation: v10-from-right 660ms var(--v10-ease) 430ms backwards !important;
}

.deck.v10-motion .slide:nth-child(1).is-active.is-building .v9-loop-flow__step {
  animation: v10-rise 570ms var(--v10-spring) calc(520ms + var(--item-order) * 72ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(1).is-active.is-building .v9-loop-flow__return {
  animation: v10-line-reveal 650ms var(--v10-ease) 840ms backwards !important;
  transform-origin: right center;
}

.deck.v10-motion .slide:nth-child(1).is-active.is-building > .note {
  animation: v10-rise-soft 520ms var(--v10-ease) 960ms backwards !important;
}

.deck.v10-motion .slide:nth-child(1).is-active .v9-loop-flow__badge {
  animation: v10-tag-breathe 3.4s ease-in-out 1.35s infinite;
}

/* 02 · Diagnosis: alternating concerns arrive like a guided self-check. */
.deck.v10-motion .slide:nth-child(2).is-active.is-building .numbered > li {
  --v10-diagnosis-x: 28px;
  animation: v10-diagnosis-row 520ms var(--v10-ease) calc(250ms + var(--item-order) * 86ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(2).is-active.is-building .numbered > li:nth-child(even) {
  --v10-diagnosis-x: -28px;
}

.deck.v10-motion .slide:nth-child(2).is-active.is-building > .note {
  animation: v10-rise-soft 520ms var(--v10-ease) 790ms backwards !important;
}

.deck.v10-motion .slide:nth-child(2).is-active .numbered > li::before {
  animation: v10-diagnosis-number 4.2s ease-in-out calc(1.1s + var(--item-order) * 180ms) infinite;
}

@keyframes v10-diagnosis-row {
  from { opacity: 0; transform: translate3d(var(--v10-diagnosis-x), 0, 0); clip-path: inset(0 44% 0 44%); }
}

@keyframes v10-diagnosis-number {
  0%, 72%, 100% { transform: scale(1); filter: brightness(1); }
  82% { transform: scale(1.08); filter: brightness(1.12); }
}

/* 03 · Jobs: scattered sources converge into one verified directory. */
.deck.v10-motion .slide:nth-child(3).is-active.is-building .v9-jobs-column--pain {
  animation: v10-unfold-left 640ms var(--v10-ease) 260ms backwards !important;
}

.deck.v10-motion .slide:nth-child(3).is-active.is-building .v7-jobs-pain-list p {
  animation: v10-from-left 440ms var(--v10-ease) calc(380ms + var(--v10-item-order, 0) * 70ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(3).is-active.is-building .v7-jobs-arrow {
  animation: v10-scale-in 480ms var(--v10-spring) 520ms backwards !important;
}

.deck.v10-motion .slide:nth-child(3).is-active.is-building .v9-jobs-column--directory {
  animation: v10-unfold-right 680ms var(--v10-ease) 560ms backwards !important;
}

.deck.v10-motion .slide:nth-child(3).is-active.is-building .v7-jobs-checks li {
  animation: v10-rise-soft 460ms var(--v10-ease) calc(700ms + var(--v10-item-order, 0) * 76ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(3).is-active.is-building .v7-jobs-outcome {
  animation: v10-line-reveal 560ms var(--v10-ease) 980ms backwards !important;
  transform-origin: left center;
}

.deck.v10-motion .slide:nth-child(3).is-active .v9-jobs-panel-note--update span {
  animation: v10-tag-breathe 3s ease-in-out 1.2s infinite;
}

/* 04 · Content: a refined editorial mosaic with living date labels. */
.deck.v10-motion .slide:nth-child(4).is-active.is-building .grid > .card {
  animation: v10-mosaic-card 560ms var(--v10-spring) calc(240ms + var(--item-order) * 68ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(4).is-active.is-building > .note {
  animation: v10-rise-soft 520ms var(--v10-ease) 760ms backwards !important;
}

.deck.v10-motion .slide:nth-child(4).is-active .resource-tag {
  animation: v10-tag-breathe 3.8s ease-in-out calc(1s + var(--v10-item-order, 0) * 190ms) infinite;
}

@keyframes v10-mosaic-card {
  from { opacity: 0; transform: translate3d(0, 18px, 0) scale(.9) rotate(var(--v10-card-angle, -.6deg)); filter: blur(5px); }
}

/* 05 · Feedback: two real questions meet a clear action. */
.deck.v10-motion .slide:nth-child(5).is-active.is-building .grid > .card:first-child {
  animation: v10-from-left 620ms var(--v10-spring) 260ms backwards !important;
}

.deck.v10-motion .slide:nth-child(5).is-active.is-building .grid > .card:last-child {
  animation: v10-from-right 620ms var(--v10-spring) 340ms backwards !important;
}

.deck.v10-motion .slide:nth-child(5).is-active.is-building > .lead {
  animation: v10-rise-soft 540ms var(--v10-ease) 480ms backwards !important;
}

.deck.v10-motion .slide:nth-child(5).is-active.is-building > div:has(.action) {
  animation: v10-scale-in 520ms var(--v10-spring) 620ms backwards !important;
}

.deck.v10-motion .slide:nth-child(5).is-active.is-building > .note {
  animation: v10-rise 500ms var(--v10-ease) 740ms backwards !important;
}

.deck.v10-motion .slide:nth-child(5).is-active .action__feedback-icon {
  animation: v10-icon-breathe 2.8s ease-in-out 1.2s infinite;
}

/* 06 · Resume: example, diagnosis and guidance reveal in true interaction order. */
.deck.v10-motion .slide:nth-child(6).is-active.is-building .v10-resume-card--example {
  animation: v10-unfold-left 650ms var(--v10-ease) 260ms backwards !important;
}

.deck.v10-motion .slide:nth-child(6).is-active.is-building .v10-resume-arrow {
  animation: v10-scale-in 500ms var(--v10-spring) 430ms backwards !important;
}

.deck.v10-motion .slide:nth-child(6).has-diagnosis .v10-resume-card--diagnosis {
  animation: v10-unfold-right 520ms var(--v10-ease) backwards !important;
}

.deck.v10-motion .slide:nth-child(6).has-guidance .v10-resume-action {
  animation: v10-from-left 480ms var(--v10-ease) backwards !important;
}

.deck.v10-motion .slide:nth-child(6).has-guidance .v10-resume-boundary {
  animation: v10-from-right 520ms var(--v10-ease) 80ms backwards !important;
}

/* 07 · Tools: the course surface opens, then the skills light up. */
.deck.v10-motion .slide:nth-child(7).is-active.is-building .v9-course-card {
  animation: v10-unfold-left 680ms var(--v10-ease) 250ms backwards !important;
}

.deck.v10-motion .slide:nth-child(7).is-active.is-building .v9-course-card__visual {
  animation: v10-course-visual 620ms var(--v10-spring) 390ms backwards !important;
}

.deck.v10-motion .slide:nth-child(7).is-active.is-building .v9-course-card__details {
  animation: v10-from-right 580ms var(--v10-ease) 480ms backwards !important;
}

.deck.v10-motion .slide:nth-child(7).is-active.is-building .taglist > li {
  animation: v10-badge-pop 440ms var(--v10-spring) calc(590ms + var(--item-order) * 92ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(7).is-active.is-building > .note {
  animation: v10-rise-soft 500ms var(--v10-ease) 820ms backwards !important;
}

.deck.v10-motion .slide:nth-child(7).is-active .v9-course-card__visual img {
  animation: v10-course-image 8s ease-in-out 1.3s infinite alternate;
}

@keyframes v10-course-visual {
  from { opacity: 0; transform: translate3d(-22px, 14px, 0) scale(.96); clip-path: inset(8% 18% 8% 18% round 18px); filter: blur(5px); }
}

@keyframes v10-course-image {
  from { transform: scale(1); }
  to { transform: scale(1.018); }
}

/* 08 · Pace: three lived moments fan open before the supportive statement lands. */
.deck.v10-motion .slide:nth-child(8).is-active.is-building .grid > .card {
  animation: v10-scene-card 610ms var(--v10-spring) calc(250ms + var(--item-order) * 105ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(8).is-active.is-building > .lead {
  animation: v10-rise-soft 520ms var(--v10-ease) 610ms backwards !important;
}

.deck.v10-motion .slide:nth-child(8).is-active.is-building > .note {
  animation: v10-rise-soft 480ms var(--v10-ease) 710ms backwards !important;
}

.deck.v10-motion .slide:nth-child(8).is-active.is-building > .v9-feedback-sign {
  animation: v10-scale-in 620ms var(--v10-spring) 810ms backwards !important;
}

@keyframes v10-scene-card {
  from { opacity: 0; transform: translate3d(var(--shift, 0), 28px, 0) rotate(var(--angle, 0deg)) scale(.94); filter: blur(4px); }
}

/* 09 · Questions: both ends arrive, the connector completes the thought. */
.deck.v10-motion .slide:nth-child(9).is-active.is-building .v9-question-flow > .card:first-child {
  animation: v10-from-left 620ms var(--v10-ease) 260ms backwards !important;
}

.deck.v10-motion .slide:nth-child(9).is-active.is-building .v9-question-flow__connector {
  animation: v10-line-reveal 590ms var(--v10-ease) 420ms backwards !important;
  transform-origin: left center;
}

.deck.v10-motion .slide:nth-child(9).is-active.is-building .v9-question-flow > .card:last-child {
  animation: v10-from-right 620ms var(--v10-ease) 560ms backwards !important;
}

.deck.v10-motion .slide:nth-child(9).is-active.is-building > .note {
  animation: v10-rise-soft 500ms var(--v10-ease) 760ms backwards !important;
}

.deck.v10-motion .slide:nth-child(9).is-active .v9-question-flow__target-ring {
  filter: drop-shadow(0 0 8px rgb(210 83 22 / 24%));
}

/* 10 · Register: two workbenches rise, then the privacy assurance settles in. */
.deck.v10-motion .slide:nth-child(10).is-active.is-building .v9-register-card:first-child {
  animation: v10-unfold-left 660ms var(--v10-spring) 280ms backwards !important;
}

.deck.v10-motion .slide:nth-child(10).is-active.is-building .v9-register-card:last-child {
  animation: v10-unfold-right 660ms var(--v10-spring) 390ms backwards !important;
}

.deck.v10-motion .slide:nth-child(10).is-active.is-building .v9-register-card__answers li {
  animation: v10-rise-soft 430ms var(--v10-ease) calc(510ms + var(--v10-item-order, 0) * 74ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(10).is-active.is-building .v9-register-footer {
  animation: v10-rise 520ms var(--v10-ease) 720ms backwards !important;
}

.deck.v10-motion .slide:nth-child(10).is-active .v9-register-card__step {
  animation: v10-tag-breathe 3.6s ease-in-out 1.2s infinite;
}

/* 11 · Identity: registration and lookup open like two linked documents. */
.deck.v10-motion .slide:nth-child(11).is-active.is-building .v9-identity-step:first-child {
  animation: v10-unfold-left 680ms var(--v10-ease) 260ms backwards !important;
}

.deck.v10-motion .slide:nth-child(11).is-active.is-building .v9-identity-connector {
  animation: v10-scale-in 480ms var(--v10-spring) 440ms backwards !important;
}

.deck.v10-motion .slide:nth-child(11).is-active.is-building .v9-identity-step:last-child {
  animation: v10-unfold-right 680ms var(--v10-ease) 520ms backwards !important;
}

.deck.v10-motion .slide:nth-child(11).is-active.is-building .v9-identity-footer {
  animation: v10-rise-soft 520ms var(--v10-ease) 790ms backwards !important;
}

.deck.v10-motion .slide:nth-child(11).is-active .v9-identity-step__image img {
  animation: v10-course-image 9s ease-in-out calc(1.2s + var(--v10-item-order, 0) * 400ms) infinite alternate;
}

/* 12 · Ask: the topic ribbon arrives first, the four-step loop follows. */
.deck.v10-motion .slide:nth-child(12).is-active.is-building .p12-topic-carousel {
  animation: v10-unfold-left 460ms var(--v10-ease) 80ms backwards !important;
}

.deck.v10-motion .slide:nth-child(12).is-active.is-building .numbered > li {
  animation: v10-loop-step 320ms var(--v10-spring) calc(110ms + var(--item-order) * 38ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(12).is-active.is-building > .note {
  animation: v10-rise-soft 360ms var(--v10-ease) 330ms backwards !important;
}

.deck.v10-motion .slide:nth-child(12).is-active .p12-topic-carousel__mark {
  animation: v10-icon-breathe 3.2s ease-in-out 1.2s infinite;
}

@keyframes v10-loop-step {
  from { opacity: 0; transform: translate3d(18px, 18px, 0) scale(.96); filter: blur(3px); }
}

/* 13 · Content updates: two topic lists unfold and supporting notes finish the frame. */
.deck.v10-motion .slide:nth-child(13).is-active.is-building .schedule > .card:first-child {
  animation: v10-unfold-left 660ms var(--v10-ease) 240ms backwards !important;
}

.deck.v10-motion .slide:nth-child(13).is-active.is-building .schedule > .card:last-child {
  animation: v10-unfold-right 660ms var(--v10-ease) 330ms backwards !important;
}

.deck.v10-motion .slide:nth-child(13).is-active.is-building .schedule li {
  animation: v10-schedule-row 420ms var(--v10-ease) calc(450ms + var(--item-order) * 42ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(13).is-active.is-building .p13-note > div {
  animation: v10-rise-soft 470ms var(--v10-ease) calc(760ms + var(--v10-item-order, 0) * 70ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(13) .schedule {
  position: relative;
  overflow: hidden;
}

.deck.v10-motion .slide:nth-child(13).is-active .schedule::after {
  content: "";
  position: absolute;
  inset: -20% auto -20% -18%;
  width: 12%;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 14%), transparent);
  transform: skewX(-14deg);
  animation: v10-sheen 6.8s ease-in-out 1.4s infinite;
  pointer-events: none;
}

@keyframes v10-schedule-row {
  from { opacity: 0; transform: translate3d(16px, 0, 0); clip-path: inset(0 100% 0 0); }
}

/* 14 · Choice: two routes separate cleanly, with stronger interactive affordance. */
.deck.v10-motion .slide:nth-child(14).is-active.is-building .p14-choice-card:first-child {
  animation: v10-unfold-left 680ms var(--v10-ease) 260ms backwards !important;
}

.deck.v10-motion .slide:nth-child(14).is-active.is-building .p14-choice-card:last-child {
  animation: v10-unfold-right 680ms var(--v10-ease) 360ms backwards !important;
}

.deck.v10-motion .slide:nth-child(14).is-active.is-building .p14-choice-card .taglist > li {
  animation: v10-badge-pop 420ms var(--v10-spring) calc(520ms + var(--item-order) * 58ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(14).is-active.is-building .p14-choice-action {
  animation: v10-rise-soft 480ms var(--v10-ease) 730ms backwards !important;
}

.deck.v10-motion .slide:nth-child(14).is-active.is-building .p14-choice-note {
  animation: v10-line-reveal 520ms var(--v10-ease) 850ms backwards !important;
  transform-origin: left center;
}

.deck.v10-motion .slide:nth-child(14).is-active .p14-choice-action__hint {
  animation: v10-icon-breathe 2.6s ease-in-out 1.2s infinite;
}

/* 15 · Join: final message, complete journey, then the call to action. */
.deck.v10-motion .slide:nth-child(15).is-active.is-building .p15-closing {
  animation: v10-unfold-left 680ms var(--v10-ease) 70ms backwards !important;
}

.deck.v10-motion .slide:nth-child(15).is-active.is-building .p15-journey {
  animation: v10-rise-soft 620ms var(--v10-ease) 330ms backwards !important;
}

.deck.v10-motion .slide:nth-child(15).is-active.is-building .p15-journey__steps > li {
  animation: v10-finale-step 540ms var(--v10-spring) calc(460ms + var(--item-order) * 88ms) backwards !important;
}

.deck.v10-motion .slide:nth-child(15).is-active.is-building .p15-action {
  animation: v10-scale-in 560ms var(--v10-spring) 830ms backwards !important;
}

.deck.v10-motion .slide:nth-child(15).is-active.is-building .p15-action-note {
  animation: v10-from-right 520ms var(--v10-ease) 920ms backwards !important;
}

.deck.v10-motion .slide:nth-child(15).is-active .p15-action__arrow,
.deck.v10-motion .slide:nth-child(15).is-active .p15-action-note > span {
  animation: v10-icon-breathe 2.8s ease-in-out 1.4s infinite;
}

@keyframes v10-finale-step {
  from { opacity: 0; transform: translate3d(0, 24px, 0) scale(.94); filter: blur(4px); }
}

/* Directional exits remain quieter than entrances. */
.deck.v10-motion[data-direction="forward"] .slide.is-exiting > * {
  opacity: 0;
  transform: translate3d(-10px, -4px, 0);
  filter: blur(2px);
  transition-property: opacity, transform, filter;
  transition-duration: 150ms;
  transition-timing-function: ease-in;
}

.deck.v10-motion[data-direction="back"] .slide.is-exiting > * {
  opacity: 0;
  transform: translate3d(10px, -4px, 0);
  filter: blur(2px);
  transition-property: opacity, transform, filter;
  transition-duration: 150ms;
  transition-timing-function: ease-in;
}

/* Interruptible interaction feedback. */
.deck.v10-motion .v10-interactive {
  transform-origin: center;
  transition-property: transform, box-shadow, background-color, color, opacity;
  transition-duration: 160ms, 220ms, 180ms, 180ms, 160ms;
  transition-timing-function: var(--v10-ease);
}

.deck.v10-motion .v10-interactive:active {
  transform: scale(.96) !important;
}

@media (hover: hover) and (pointer: fine) {
  .deck.v10-motion .card,
  .deck.v10-motion .v9-identity-step,
  .deck.v10-motion .p14-choice-card,
  .deck.v10-motion .p15-journey__steps > li {
    transition-property: transform, box-shadow, background-color;
    transition-duration: 220ms, 240ms, 220ms;
    transition-timing-function: var(--v10-ease);
  }

  .deck.v10-motion .card:hover,
  .deck.v10-motion .v9-identity-step:hover,
  .deck.v10-motion .p14-choice-card:hover,
  .deck.v10-motion .p15-journey__steps > li:hover {
    transform: translate3d(0, -4px, 0);
  }

  .deck.v10-motion .slide:nth-child(3) .v7-jobs-pain-list p:hover,
  .deck.v10-motion .slide:nth-child(10) .v9-register-card__answers li:hover,
  .deck.v10-motion .slide:nth-child(13) .schedule li:hover {
    transform: translate3d(4px, 0, 0);
  }

  .deck.v10-motion .v9-identity-button:hover .v9-identity-button__icon,
  .deck.v10-motion .p14-choice-action:hover .p14-choice-action__hint {
    transform: translate3d(2px, -2px, 0);
  }
}

.deck.v10-motion.v10-motion-paused .v10-ambient-layer *,
.deck.v10-motion.v10-motion-paused .slide.is-active * {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  .deck .v10-ambient-layer { display: none !important; }

  .deck.v10-motion .slide *,
  .deck.v10-motion .slide *::before,
  .deck.v10-motion .slide *::after,
  .deck.v10-motion .v10-interactive,
  .deck.v10-motion .slide.is-exiting > * {
    animation: none !important;
    transition-duration: .01ms !important;
    transform: none !important;
    filter: none !important;
  }
}