/*  Production stylesheet — human-readable, pruned and cascade-preserving edition.  */ /*  Legacy selectors without a DOM match were removed. Component markers aid navigation; responsive overrides retain source order to preserve approved layout.  */
@layer normal, priority;
@layer normal {
  /* Clinical Signal — ground-up Apple-inspired persuasive landing.
   Own world: porcelain, graphite and one action-blue. No inherited DOM, no decorative cards. */
  /*  ── 01 Foundation & global primitives ──  */
  :root {
    --ink: #1d1d1f;
    --ink-2: #343438;
    --muted: #6e6e73;
    --canvas: #fff;
    --paper: #f5f5f7;
    --line: #d2d2d7;
    --line-dark: #444448;
    --dark: #161617;
    --dark-2: #202022;
    --blue: #0066cc;
    --blue-bright: #2997ff;
    --white: #fff;
    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-move: cubic-bezier(0.77, 0, 0.175, 1);
    --max: 1240px;
  }
  * {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    background: var(--paper);
  }
  body {
    margin: 0;
    background: var(--canvas);
    color: var(--ink);
    font-family:
      "Onest",
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;
    font-size: 17px;
    line-height: 1.47;
    letter-spacing: -0.012em;
  } /*  ── 11 Shared & safeguards ──  */
  ::selection {
    background: #cfe3ff;
    color: var(--ink);
  } /*  ── 01 Foundation & global primitives ──  */
  a {
    color: inherit;
  }
  button {
    font: inherit;
  }
  .skip-link {
    position: fixed;
    z-index: 1000;
    left: 16px;
    top: -60px;
    padding: 10px 14px;
    border-radius: 9px;
    background: var(--ink);
    color: #fff;
    transition: top 0.18s var(--ease-out);
  }
  .skip-link:focus {
    top: 12px;
  }
  button:focus-visible,
  a:focus-visible {
    outline: 2px solid var(--blue);
    outline-offset: 3px;
  }
  /*  ── 11 Shared & safeguards ──  */
  @media (max-width: 640px) {
    body {
      font-size: 16px;
    }
  }

  /* Audit remediation — content completeness, touch access and non-repetitive evidence visualisation. */
  /*  ── 01 Foundation & global primitives ──  */
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  } /*  ── 09 Operations, practicums & study ──  */
  .operations-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    margin-bottom: 80px;
  }
  .operations-card {
    padding: 32px;
    border-top: 1px solid var(--ink);
    background: var(--paper);
  }
  .operations-card h3 {
    margin: 0 0 26px;
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    letter-spacing: -0.04em;
  }
  .operations-card dl {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 20px;
    margin: 0;
    padding: 16px 0;
    border-top: 1px solid var(--line);
  }
  .operations-card dt {
    color: var(--muted);
    font-size: 14px;
  }
  .operations-card dd {
    margin: 0;
    color: var(--ink-2);
    line-height: 1.45;
  }
  .study-work-grid p:not(.practicum-label),
  .study-footnote {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.48;
  }
  .study-footnote {
    max-width: 720px;
  }
  @media (max-width: 900px) {
    .operations-grid {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 640px) {
    .operations-card dl {
      grid-template-columns: 1fr;
      gap: 4px;
    }
  }

  /* Canonical Flow — all visible copy is extracted from the original landing page in source order. */
  /*  ── 01 Foundation & global primitives ──  */
  .canonical-body {
    background: #fff;
    color: #1d1d1f;
  } /*  ── 02 Header & hero ──  */
  .canonical-topbar {
    position: sticky;
    z-index: 50;
    top: 0;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 max(20px, calc((100vw - 1180px) / 2));
    background: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  }
  .canonical-wordmark,
  .canonical-navlink {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
  }
  .canonical-wordmark {
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    letter-spacing: -0.045em;
  }
  .canonical-wordmark span {
    color: #6e6e73;
    font-weight: 500;
  }
  .canonical-navlink {
    gap: 8px;
    color: #0066cc;
    font-size: 14px;
  } /*  ── 01 Foundation & global primitives ──  */
  .canonical-main {
    overflow: hidden;
  } /*  ── 02 Header & hero ──  */
  .canonical-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 720px) 1fr;
    min-height: calc(100svh - 56px);
    padding: clamp(76px, 11vw, 156px) max(20px, calc((100vw - 1180px) / 2));
    background: #f5f5f7;
  }
  .canonical-hero::after {
    content: "";
    position: absolute;
    width: min(65vw, 850px);
    height: min(65vw, 850px);
    right: -16vw;
    top: 50%;
    border: 1px solid #d7d7db;
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow:
      0 0 0 56px #eeeef0,
      0 0 0 112px #e7e7ea;
  }
  .canonical-hero-copy {
    position: relative;
    z-index: 2;
  }
  .canonical-hero .canonical-hero-copy > * {
    max-width: 700px;
  }
  .canonical-hero h1 {
    margin: 24px 0;
    font-family: "Manrope", sans-serif;
    font-size: clamp(46px, 6vw, 82px);
    font-weight: 700;
    line-height: 0.98;
    letter-spacing: -0.075em;
  }
  .canonical-hero-headlinecolor {
    color: #0066cc;
  }
  .canonical-hero p {
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 1.5;
  }
  .canonical-hero p:first-child {
    max-width: 530px;
    color: #6e6e73;
    font-size: 16px;
  }
  .canonical-hero-orbit {
    position: relative;
    z-index: 2;
    align-self: center;
    justify-self: center;
    width: 330px;
    height: 330px;
    border: 1px solid #cfcfd4;
    border-radius: 50%;
  }
  .canonical-hero-orbit::before,
  .canonical-hero-orbit::after {
    content: "";
    position: absolute;
    border: 1px solid #d3d3d8;
    border-radius: 50%;
    inset: 15%;
  }
  .canonical-hero-orbit::after {
    inset: 32%;
  }
  .canonical-hero-orbit b {
    position: absolute;
    inset: calc(50% - 54px);
    display: grid;
    place-items: center;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: #1d1d1f;
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    line-height: 0.95;
    text-align: center;
    letter-spacing: -0.045em;
  }
  .canonical-hero-orbit span {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0066cc;
    box-shadow: 0 0 0 5px rgba(0, 102, 204, 0.08);
  }
  .canonical-hero-orbit span:nth-child(1) {
    top: 19%;
    left: 22%;
  }
  .canonical-hero-orbit span:nth-child(2) {
    top: 24%;
    right: 18%;
    background: #1d1d1f;
  }
  .canonical-hero-orbit span:nth-child(3) {
    bottom: 22%;
    right: 23%;
  } /*  ── 11 Shared & safeguards ──  */
  .canonical-flow {
    background: #fff;
  } /*  ── 01 Foundation & global primitives ──  */
  .canonical-section {
    padding: clamp(72px, 10vw, 144px) 20px;
  }
  .canonical-section-inner {
    max-width: 760px;
    margin: 0 auto;
  }
  .canonical-section h2,
  .canonical-section h3,
  .canonical-section h4 {
    margin: 0 0 28px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.055em;
  }
  .canonical-section h2 {
    font-size: clamp(34px, 4.5vw, 58px);
  }
  .canonical-section h3 {
    font-size: clamp(27px, 3vw, 38px);
  }
  .canonical-section h4 {
    font-size: 22px;
  }
  .canonical-section p,
  .canonical-section li {
    max-width: 720px;
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 1.57;
  }
  .canonical-section li {
    padding-left: 6px;
  }
  .canonical-section ul {
    margin: 0 0 30px;
    padding-left: 24px;
  } /*  ── 11 Shared & safeguards ──  */
  .canonical-section--dark {
    background: #161617;
    color: #f5f5f7;
  }
  .canonical-section--dark p {
    color: #d7d7db;
  }
  .canonical-section--dark h2 {
    color: #fff;
  } /*  ── 03 Market, statistics & evidence ──  */
  .canonical-quote {
    padding: 26px 0 26px 28px;
    border-left: 3px solid #0066cc;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    letter-spacing: -0.04em;
  }
  .canonical-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin: 46px -80px 0;
    border-top: 1px solid #d2d2d7;
    border-left: 1px solid #d2d2d7;
  }
  .canonical-stats article {
    display: flex;
    min-height: 220px;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
    padding: 24px;
    border-right: 1px solid #d2d2d7;
    border-bottom: 1px solid #d2d2d7;
  }
  .canonical-stats strong {
    font-family: "Manrope", sans-serif;
    font-size: clamp(34px, 4vw, 56px);
    line-height: 0.9;
    letter-spacing: -0.065em;
  }
  .canonical-stats span {
    color: #6e6e73;
    font-size: 14px;
    line-height: 1.42;
  }
  .canonical-section--dark .canonical-stats {
    border-color: #39393d;
  }
  .canonical-section--dark .canonical-stats article {
    border-color: #39393d;
  }
  .canonical-section--dark .canonical-stats span {
    color: #c7c7cc;
  }
  .canonical-image {
    display: grid;
    place-items: center;
    margin: 42px 0;
  }
  .canonical-image img {
    display: block;
    max-width: 100%;
    height: auto;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.16);
  }
  .canonical-gallery {
    margin: 42px auto;
    max-width: 860px;
  }
  .canonical-gallery-frame {
    display: grid;
    min-height: 440px;
    place-items: center;
    overflow: hidden;
    background: #f5f5f7;
  }
  .canonical-gallery-frame img {
    display: block;
    max-width: 100%;
    max-height: 620px;
    object-fit: contain;
    transition: opacity 0.16s var(--ease-out);
  }
  .canonical-gallery-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 16px;
  }
  .canonical-gallery-controls button {
    width: 48px;
    height: 48px;
    border: 1px solid #d2d2d7;
    border-radius: 50%;
    background: #fff;
    font-size: 20px;
    cursor: pointer;
  }
  .canonical-section--dark .canonical-gallery-frame {
    background: #242426;
  }
  .canonical-section--dark .canonical-gallery-controls button {
    border-color: #4a4a50;
    background: #242426;
    color: #fff;
  }
  .canonical-gallery-controls span {
    font-size: 13px;
    color: #6e6e73;
  }
  .canonical-section--dark .canonical-gallery-controls span {
    color: #ccc;
  } /*  ── 11 Shared & safeguards ──  */
  .canonical-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px 32px;
    padding: 30px max(20px, calc((100vw - 1180px) / 2));
    background: #161617;
  } /*  ── 01 Foundation & global primitives ──  */
  .canonical-footer-legal {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 28px;
  }
  .canonical-footer-legal a {
    color: #9a9a9e;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
    transition: color 0.15s ease;
  }
  .canonical-footer-legal a:hover,
  .canonical-footer-legal a:focus-visible {
    color: #fff;
  }
  .canonical-footer-top {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
  }
  @media (max-width: 640px) {
    .canonical-footer {
      flex-direction: column;
      align-items: flex-start;
      gap: 18px;
    }
  }
  /*  ── 02 Header & hero ──  */
  @media (max-width: 900px) {
    .canonical-hero {
      grid-template-columns: 1fr;
      min-height: auto;
    }
    .canonical-hero-orbit {
      margin-top: 54px;
      justify-self: end;
      width: 260px;
      height: 260px;
    }
    .canonical-hero-orbit b {
      inset: calc(50% - 45px);
      width: 90px;
      height: 90px;
    }
    .canonical-stats {
      grid-template-columns: repeat(2, 1fr);
      margin: 42px 0 0;
    }
    .canonical-stats article {
      min-height: 168px;
    }
    .canonical-stats article:last-child {
      grid-column: span 2;
    }
  }
  @media (max-width: 640px) {
    .canonical-topbar {
      height: 52px;
    }
    .canonical-hero {
      padding: 68px 20px 56px;
    }
    .canonical-hero h1 {
      font-size: clamp(42px, 13vw, 56px);
    }
    .canonical-hero p {
      font-size: 16px;
    }
    .canonical-hero-orbit {
      width: 110px;
      height: 110px;
      margin: 10px 0 -6px;
    }
    .canonical-hero-orbit::before {
      inset: 10%;
    }
    .canonical-hero-orbit::after {
      inset: 28%;
    }
    .canonical-hero-orbit b {
      inset: calc(50% - 31px);
      width: 62px;
      height: 62px;
      font-size: 11px;
    }
    .canonical-hero-orbit span {
      width: 6px;
      height: 6px;
    }
    .canonical-section {
      padding: 70px 20px;
    }
    .canonical-section p,
    .canonical-section li {
      font-size: 16px;
      line-height: 1.55;
    }
    .canonical-section h2 {
      font-size: clamp(31px, 10vw, 42px);
    }
    .canonical-stats {
      grid-template-columns: 1fr;
    }
    .canonical-stats article,
    .canonical-stats article:last-child {
      grid-column: auto;
      min-height: 0;
      padding: 21px;
    }
    .canonical-stats strong {
      font-size: 42px;
    }
    .canonical-gallery-frame {
      min-height: 300px;
    }
    .canonical-gallery-frame img {
      max-height: 440px;
    }
  }

  /* v14 — structure is inferred only from the original content sequence; no new copy is introduced. */
  .canonical-hero {
    min-height: min(720px, calc(100svh - 56px));
    grid-template-columns: minmax(0, 760px);
    align-content: center;
  }
  .canonical-hero::after {
    display: none;
  }
  .canonical-hero-orbit {
    display: none;
  }
  .canonical-hero h1 {
    max-width: 760px;
  } /*  ── 11 Shared & safeguards ──  */
  .canonical-section--dark + .canonical-section--dark {
    padding-top: 8px;
  } /*  ── 01 Foundation & global primitives ──  */
  .canonical-section--dark .canonical-section-inner {
    max-width: 860px;
  } /*  ── 03 Market, statistics & evidence ──  */
  .canonical-section--dark .canonical-stats {
    margin: 38px 0 44px;
    border-color: #3a3a3f;
  }
  .canonical-section--dark .canonical-stats article {
    min-height: 176px;
    padding: 24px 20px;
    border-color: #3a3a3f;
    background: #1d1d20;
  }
  .canonical-section--dark .canonical-stats strong {
    color: #fff;
  }
  .canonical-section--dark .canonical-stats span {
    color: #b9b9be;
  }
  .canonical-gallery {
    max-width: 760px;
    margin: 22px auto 8px;
  }
  .canonical-gallery-frame {
    display: block;
    min-height: 0;
    background: transparent;
  }
  .canonical-gallery-frame img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: none;
    height: auto;
    object-fit: contain;
  }
  .canonical-gallery-controls {
    margin-top: 10px;
    padding-bottom: 6px;
  }
  .canonical-gallery-controls button {
    width: 44px;
    height: 44px;
    border-color: currentColor;
    background: transparent;
    color: #0066cc;
  }
  .canonical-section--dark .canonical-gallery-controls button {
    background: transparent;
    color: #fff;
    border-color: #55555a;
  }
  .canonical-gallery-controls span {
    font-variant-numeric: tabular-nums;
  }
  .market-phase {
    padding: 22px 0;
    border-top: 1px solid #3a3a3f;
  }
  .market-phase:last-of-type {
    border-bottom: 1px solid #3a3a3f;
	margin-bottom: 20px;
  }
  .market-phase header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }
  .market-phase strong {
    font-family: "Manrope", sans-serif;
    font-size: 19px;
    color: #fff;
  }
  .market-phase span {
    padding: 5px 9px;
    border-radius: 999px;
    background: #0066cc;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
  }
  .market-phase p {
    margin: 11px 0 0;
    max-width: var(--reading-measure);
    color: #c6c6ca;
    font-size: var(--copy-size);
    font-weight: 400;
    line-height: var(--copy-leading);
  } /*  ── 05 Programme & curriculum ──  */
  .program-stage {
    position: relative;
    margin: 76px 0;
    padding: 34px;
    border: 1px solid #d7d7dc;
    background: #fafafa;
  }
  .program-stage::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #0066cc;
  }
  .stage-body > p:first-child {
    font-size: 20px;
    line-height: 1.48;
  }
  .stage-body > ul {
    padding: 0;
    margin: 28px 0;
  }
  .stage-body > ul li {
    position: relative;
    list-style: none;
    padding: 13px 0 13px 26px;
    border-top: 1px solid #dedee2;
  }
  .stage-body > ul li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 22px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0066cc;
  }
  .curriculum-dossier {
    margin: 48px 0;
    padding: 30px;
    background: #161617;
    color: #fff;
  }
  .curriculum-dossier header {
    display: grid;
    grid-template-columns: 94px 1fr;
    gap: 22px;
  }
  .curriculum-count {
    font-family: "Manrope", sans-serif;
    font-size: 76px;
    font-weight: 700;
    line-height: 0.78;
    letter-spacing: -0.09em;
    color: #0066cc;
  }
  .curriculum-kicker {
    text-transform: none;
  }
  .curriculum-dossier h3 {
    color: #fff;
  }
  .curriculum-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 28px 0 14px;
  }
  .curriculum-meta span {
    padding: 8px 10px;
    border: 1px solid #3f3f44;
    color: #d5d5d9;
    font-size: 13px;
  }
  .curriculum-modules {
    border-top: 1px solid #404044;
  }
  .curriculum-module {
    border-bottom: 1px solid #404044;
  }
  .curriculum-trigger {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 16px;
    width: 100%;
    min-height: 90px;
    padding: 18px 0;
    border: 0;
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
  }
  .curriculum-index {
    align-self: start;
    color: #0066cc;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 700;
  }
  .curriculum-copy {
    display: grid;
    gap: 6px;
  }
  .curriculum-copy small {
    color: #a8a8ae;
    font-size: 12px;
  }
  .curriculum-copy strong {
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    line-height: 1.25;
  }
  .curriculum-duration {
    align-self: center;
    color: #b7b7bc;
    font-size: 13px;
    text-align: right;
    white-space: nowrap;
  }
  .curriculum-duration b {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-left: 8px;
    border: 1px solid #5a5a60;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 400;
  }
  .curriculum-module.is-open .curriculum-duration b {
    transform: rotate(45deg);
  }
  .curriculum-lectures {
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
  }
  .curriculum-lectures li {
    border-top: 1px solid #2d2d31;
  } /*  ── 07 Author, cases & reviews ──  */
  .case-trajectory {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin: 42px 0;
    border: 1px solid #d4d4d9;
  }
  .case-trajectory article {
    position: relative;
    min-height: 240px;
    padding: 26px;
    border-right: 1px solid #d4d4d9;
  }
  .case-trajectory article:last-child {
    border-right: 0;
  }
  .case-trajectory strong {
    display: block;
    margin-bottom: 18px;
    font-family: "Manrope", sans-serif;
    font-size: 21px;
    letter-spacing: -0.04em;
  }
  .case-trajectory i {
    position: absolute;
    right: -14px;
    top: 50%;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #0066cc;
    color: #fff;
    font-style: normal;
  } /*  ── 05 Programme & curriculum ──  */
  .canonical-section:has(.program-stage),
  .canonical-section:has(.curriculum-dossier),
  .canonical-section:has(.case-trajectory) {
    max-width: none;
  }
  .canonical-section:has(.program-stage) .canonical-section-inner,
  .canonical-section:has(.curriculum-dossier) .canonical-section-inner,
  .canonical-section:has(.case-trajectory) .canonical-section-inner {
    max-width: 760px;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  @media (max-width: 900px) {
    .canonical-section--dark .canonical-stats {
      grid-template-columns: repeat(2, 1fr);
    }
    .canonical-section--dark .canonical-stats article:last-child {
      grid-column: span 2;
    }
    .case-trajectory {
      grid-template-columns: 1fr;
    }
    .case-trajectory article {
      min-height: 0;
      border-right: 0;
      border-bottom: 1px solid #d4d4d9;
    }
    .case-trajectory article:last-child {
      border-bottom: 0;
    }
    .case-trajectory i {
      top: auto;
      bottom: -14px;
      left: 50%;
      right: auto;
      transform: translateX(-50%);
    }
  }
  /*  ── 02 Header & hero ──  */
  @media (max-width: 640px) {
    .canonical-hero {
      min-height: 0;
      padding: 68px 20px 52px;
    }
    .canonical-section--dark + .canonical-section--dark {
      padding-top: 0;
    }
    .canonical-section--dark .canonical-stats {
      grid-template-columns: 1fr;
      margin: 26px 0;
    }
    .canonical-section--dark .canonical-stats article,
    .canonical-section--dark .canonical-stats article:last-child {
      grid-column: auto;
      min-height: 140px;
      padding: 20px;
    }
    .canonical-gallery {
      margin: 14px auto 4px;
    }
    .canonical-gallery-controls {
      gap: 14px;
    }
    .program-stage {
      margin: 46px 0;
      padding: 24px 20px;
    }
    .stage-body > p:first-child {
      font-size: var(--copy-size);
    }
    .curriculum-dossier {
      margin: 34px -20px;
      padding: 24px 20px;
    }
    .curriculum-dossier header {
      grid-template-columns: 60px 1fr;
      gap: 14px;
    }
    .curriculum-count {
      font-size: 52px;
    }
    .curriculum-trigger {
      grid-template-columns: 32px 1fr;
      gap: 10px;
      min-height: 86px;
    }
    .curriculum-duration {
      grid-column: 2;
      text-align: left;
      align-self: start;
    }
    .case-trajectory {
      margin: 34px 0;
    }
    .case-trajectory article {
      padding: 22px;
    }
    .market-phase {
      padding: 18px 0;
    }
  }

  /* v19 — light statistics, irregular reflection, and the lower bridge for stages. */ /*  ── 11 Shared & safeguards ──  */
  @media (max-width: 640px) {
  }
  /* v20 — semantic components reconstructed from exact source sequences; no new copy. */
  /*  ── 03 Market, statistics & evidence ──  */
  .canonical-section:not(.canonical-section--dark) .canonical-stats {
    margin: 34px 0 42px;
    border: 1px solid #d7d7dc;
    background: #fff;
  }
  .canonical-section:not(.canonical-section--dark) .canonical-stats article {
    min-height: 176px;
    background: #fff;
    border-color: #d7d7dc;
  }
  .canonical-section:not(.canonical-section--dark) .canonical-stats strong {
    color: #1d1d1f;
  }
  .canonical-section:not(.canonical-section--dark) .canonical-stats span {
    color: #6e6e73;
  }
  /*  ── 05 Programme & curriculum ──  */
  .program-stage {
    padding: 0;
    border: 1px solid #d7d7dc;
    background: #fff;
  }
  .stage-title-prefix {
    color: #0066cc;
  }
  .stage-body {
    padding: 0 34px 32px;
  }
  .curriculum-bridge-copy {
    background: #f5f5f7;
    border: 1px solid #d7d7dc;
    border-top: 0;
  }
  .program-stage:has(.curriculum-dossier) .stage-body {
    padding-bottom: 0;
  }
  .program-stage:has(.curriculum-dossier) {
    margin-bottom: 34px;
  }
  .program-stage:has(.curriculum-dossier) + .program-stage {
    margin-top: 34px;
  }
  /*  ── 07 Author, cases & reviews ──  */
  .case-trajectory {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    margin: 42px 0;
    border: 1px solid #d7d7dc;
    background: #fff;
  }
  .case-person {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    border-bottom: 1px solid #d7d7dc;
  }
  .case-person > span {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #eef3fb;
    color: #0066cc;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 800;
  }
  .case-person div {
    display: grid;
    gap: 2px;
  }
  .case-person strong {
    font-family: "Manrope", sans-serif;
    font-size: 15px;
  }
  .case-person small {
    color: #6e6e73;
    font-size: 13px;
  }
  .case-step {
    min-height: 250px;
    padding: 26px;
    border-right: 1px solid #d7d7dc;
  }
  .case-step:last-child {
    border-right: 0;
    background: #161617;
    color: #fff;
  }
  .case-step strong {
    display: block;
    margin-bottom: 14px;
    color: #0066cc;
    font-size: 13px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .case-step:last-child strong {
    color: #79aef5;
  }
  .case-step i {
    border: 1px solid #d7d7dc;
    background: #fff;
    color: #0066cc;
  }
  .case-step:last-child i {
    display: none;
  }
  .review-card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 26px 0;
    padding: 28px;
    border: 1px solid #d7d7dc;
    background: #f7f7f8;
  }
  .review-stars {
    color: #0066cc;
    letter-spacing: 3px;
  }
  .review-card blockquote {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    line-height: 1.42;
    letter-spacing: -0.035em;
  }
  .review-card > p {
    padding-left: 16px;
    border-left: 2px solid #0066cc;
    font-style: italic;
  }
  .review-card footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
  }
  .review-card footer > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #161617;
    color: #fff;
    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 800;
  }
  .review-card footer div {
    display: grid;
    gap: 2px;
  }
  .review-card footer strong {
    font-size: 14px;
  }
  .review-card footer small {
    color: #6e6e73;
    font-size: 12px;
  } /*  ── 08 Pricing & tariffs ──  */
  .tariff-card {
    margin: 26px 0;
    border: 1px solid #d7d7dc;
    background: #fff;
  }
  .tariff-card.is-featured {
    border-color: #161617;
    background: #161617;
    color: #fff;
  }
  .tariff-card header {
    padding: 26px;
    border-bottom: 1px solid #d7d7dc;
  }
  .tariff-card.is-featured header {
    border-color: #404045;
  }
  .tariff-card header small {
    display: block;
    margin-bottom: 10px;
    color: #6e6e73;
    font-size: 12px;
  }
  .tariff-card.is-featured header small {
    color: #9c9ca2;
  }
  .tariff-card header > strong {
    font-family: "Manrope", sans-serif;
    font-size: 32px;
    letter-spacing: -0.06em;
  }
  .tariff-card ul {
    margin: 0;
    padding: 10px 26px 20px;
    list-style: none;
  }
  .tariff-card li {
    position: relative;
    padding: 12px 0 12px 24px;
    border-bottom: 1px solid #e5e5e8;
  }
  .tariff-card.is-featured li {
    border-color: #303035;
  }
  .tariff-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #0066cc;
    font-weight: 800;
  }
  .tariff-action {
    display: block;
    margin: 0 26px 26px;
    padding: 14px;
    background: #0066cc;
    text-align: center;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
  }
  .tariff-card.is-featured .tariff-action {
    background: #fff;
  }
  /*  ── 09 Operations, practicums & study ──  */
  .practicum-card {
    margin: 18px 0;
    padding: 22px;
    border: 1px solid #d7d7dc;
    background: #fff;
  }
  .practicum-card header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
  }
  .practicum-card header strong {
    color: #0066cc;
    font-family: "Manrope", sans-serif;
    font-size: 19px;
  }
  .practicum-card header span {
    color: #6e6e73;
    font-size: 14px;
  }
  .practicum-card h4,
  .study-card h4 {
    font-family: "Manrope", sans-serif;
    letter-spacing: -0.04em;
  }
  .practicum-card small,
  .study-card small {
    display: block;
    margin-bottom: 9px;
    color: #0066cc;
    font-size: 12px;
    font-weight: 700;
  }
  .study-card {
    margin: 18px 0;
    padding: 24px;
    border: 1px solid #d7d7dc;
    background: #f7f7f8;
  }
  .study-hours {
    margin-bottom: 18px;
    color: #0066cc;
    font-family: "Manrope", sans-serif;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -0.07em;
  }
  .study-hours span {
    font-size: 14px;
    letter-spacing: 0;
  } /*  ── 10 FAQ & closing CTA ──  */
  .faq-list {
    margin: 36px 0;
    border-top: 1px solid #d7d7dc;
  }
  .faq-item {
    border-bottom: 1px solid #d7d7dc;
  }
  .faq-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    min-height: 64px;
    padding: 18px 0;
    border: 0;
    background: transparent;
    color: #1d1d1f;
    text-align: left;
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
  }
  .faq-trigger b {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid #c9c9ce;
    border-radius: 50%;
    font-size: 19px;
    font-weight: 400;
  }
  .faq-item.is-open .faq-trigger b {
    transform: rotate(45deg);
    background: #0066cc;
    border-color: #0066cc;
    color: #fff;
  }
  .faq-answer {
    padding: 0 0 22px;
  }
  .faq-answer[hidden] {
    display: none;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  @media (max-width: 640px) {
    .canonical-section:not(.canonical-section--dark) .canonical-stats {
      margin: 28px 0;
    }
    .canonical-section:not(.canonical-section--dark) .canonical-stats article {
      min-height: 0;
      padding: 22px 20px;
    }
    .stage-body {
      padding: 0 20px 24px;
    }
    .case-trajectory {
      grid-template-columns: 1fr;
    }
    .case-person {
      grid-column: auto;
    }
    .case-step {
      min-height: 0;
      padding: 22px;
      border-right: 0;
      border-bottom: 1px solid #d7d7dc;
    }
    .case-step i {
      top: auto;
      bottom: -15px;
    }
    .review-card {
      padding: 22px;
    }
    .review-card blockquote {
      font-size: 18px;
    }
    .tariff-card header {
      padding: 22px;
    }
    .tariff-card ul {
      padding: 8px 22px 18px;
    }
    .tariff-action {
      margin: 0 22px 22px;
    }
    .practicum-card,
    .study-card {
      padding: 20px;
    }
    .faq-trigger {
      font-size: 17px;
    }
  }
  /* v21 — compact light statistical scenes after visual QA. */
  .canonical-section:has(.canonical-stats) {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .canonical-section:has(.canonical-stats) .canonical-section-inner {
    max-width: 920px;
  }
  @media (max-width: 640px) {
    .canonical-section:has(.canonical-stats) {
      padding-top: 38px;
      padding-bottom: 38px;
    }
  }
  /* v25 — Clinical Signal: precise editorial motion and Apple-like material restraint.
   This layer turns the existing canonical copy into a guided transition from market signal to professional identity. */

  /*  ── 01 Foundation & global primitives ──  */

  :root {
    --signal-blue: #0066cc;
    --signal-mist: #f5f5f7;
    --signal-line: #d2d2d7;
    --signal-charcoal: #161617;
  }

  /* Hero: a visible, text-free market signal with controlled orbital motion. */
  /*  ── 02 Header & hero ──  */
  .canonical-hero {
    grid-template-columns: minmax(0, 720px) minmax(310px, 1fr);
    gap: clamp(42px, 8vw, 116px);
    align-items: center;
    min-height: calc(100svh - 56px);
    padding-top: clamp(78px, 10vw, 138px);
    padding-bottom: clamp(78px, 10vw, 138px);
  }
  .canonical-hero-orbit {
    position: relative;
    width: clamp(300px, 31vw, 470px);
    height: clamp(300px, 31vw, 470px);
    border: 1px solid #c8c8cd;
    background: radial-gradient(
      circle at center,
      #fff 0 18%,
      transparent 18.4%
    );
    isolation: isolate;
    overflow: visible;
  }
  .canonical-hero-orbit::before,
  .canonical-hero-orbit::after {
    inset: 11%;
    border-color: #d2d2d7;
  }
  .canonical-hero-orbit::after {
    inset: 27%;
    border-color: #c6c6cb;
  }
  .canonical-hero-orbit b {
    position: absolute;
    inset: calc(50% - 70px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: end;
    gap: 8px;
    width: 140px;
    height: 140px;
    padding: 29px;
    background: #1d1d1f;
    box-shadow: 0 24px 42px rgba(29, 29, 31, 0.18);
  }
  .canonical-hero-orbit b::before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255, 255, 255, 0.22);
  }
  .canonical-hero-orbit b i {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
  }
  .canonical-hero-orbit b i:nth-child(1) {
    height: 33%;
    background: #55555a;
  }
  .canonical-hero-orbit b i:nth-child(2) {
    height: 66%;
    background: #a1a1a6;
  }
  .canonical-hero-orbit b i:nth-child(3) {
    height: 100%;
    background: #0066cc;
  }
  .canonical-hero-orbit em {
    position: absolute;
    inset: -14%;
    z-index: -1;
    border: 1px solid #e0e0e4;
    border-radius: 50%;
    border-right-color: transparent;
    transform: rotate(-22deg);
  }
  .canonical-hero-orbit span {
    position: absolute;
    display: block;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    will-change: transform;
  }
  .canonical-hero-orbit span:nth-child(1) {
    inset: 0;
  }
  .canonical-hero-orbit span:nth-child(2) {
    inset: 11%;
  }
  .canonical-hero-orbit span:nth-child(3) {
    inset: 27%;
  }
  .canonical-hero-orbit span i {
    position: absolute;
    top: -6px;
    left: 50%;
    display: block;
    width: 12px;
    height: 12px;
    margin-left: -6px;
    border-radius: 50%;
    background: #0066cc;
    box-shadow: 0 0 0 7px rgba(0, 102, 204, 0.09);
  }
  .canonical-hero-orbit span:nth-child(2) i {
    background: #1d1d1f;
    box-shadow: 0 0 0 7px rgba(29, 29, 31, 0.06);
  }

  /* Scene boundaries: the first market ledger remains light; the second begins only at «Это не хайп». */
  /*  ── 03 Market, statistics & evidence ──  */
  #market-stats {
    padding-top: 42px;
    padding-bottom: 84px;
    background: #fff;
  }
  #market-stats .canonical-section-inner {
    max-width: 1120px;
  }
  #market-stats .canonical-stats {
    margin: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-color: var(--signal-line);
  }
  #market-stats .canonical-stats article {
    min-height: 200px;
    padding: 28px 22px;
    background: #fff;
    border-color: var(--signal-line);
  }
  #market-stats .canonical-stats strong {
    color: #1d1d1f;
    white-space: nowrap;
    font-size: clamp(31px, 3.65vw, 54px);
  }
  #market-stats .canonical-stats article:nth-child(4) strong {
    font-size: clamp(28px, 3.1vw, 46px);
    letter-spacing: -0.075em;
  }
  #market-stats .canonical-stats span {
    max-width: 150px;
    color: #6e6e73;
  }
  .canonical-section:has(.canonical-gallery) {
    padding-top: 72px;
    padding-bottom: 72px;
  }
  .canonical-section:has(.canonical-gallery) .canonical-gallery {
    margin: 0 auto;
  }
  .canonical-section:has(.canonical-gallery) .canonical-gallery-frame {
    background: transparent;
  }
  #market-bridge {
    padding-top: 76px;
    padding-bottom: 82px;
    background: #fff;
  }
  #market-bridge .canonical-section-inner {
    max-width: 780px;
  }
  /*  ── 11 Shared & safeguards ──  */
  #need-intro {
    padding-top: 86px;
    padding-bottom: 34px;
  }
  #need-stats {
    padding-top: 22px;
    padding-bottom: 50px;
  }
  /*  ── 01 Foundation & global primitives ──  */
  #need-stats .canonical-section-inner {
    max-width: 1120px;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  #need-stats .canonical-stats {
    margin: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-color: #3a3a3f;
  }
  #need-stats .canonical-stats article {
    min-height: 190px;
    padding: 28px 22px;
    background: #1d1d20;
    border-color: #3a3a3f;
  }
  #need-stats .canonical-stats strong {
    white-space: nowrap;
  }

  /* Editorial emphasis and reliable lists preserve the original words while recovering hierarchy. */
  /*  ── 11 Shared & safeguards ──  */
  .canonical-list {
    max-width: 720px;
    list-style: none;
  }
  .canonical-list li {
    position: relative;
    max-width: none;
    border-top: 1px solid #d9d9de;
    list-style: none;
  }
  .canonical-list li:last-child {
    border-bottom: 1px solid #d9d9de;
  }
  .canonical-list li::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--signal-blue);
  }

  /* Programme: every identity step is a self-contained chapter; bridge appears after the final chapter. */
  /*  ── 05 Programme & curriculum ──  */
  /*  ── 11 Shared & safeguards ──  */
  .canonical-section#steps {
    padding-top: 28px;
    padding-bottom: 94px;
    background: #fff;
  } /*  ── 01 Foundation & global primitives ──  */
  .canonical-section#steps .canonical-section-inner {
    max-width: 1120px;
  }
  .canonical-section#steps > .canonical-section-inner > h2 {
    max-width: 760px;
    margin-bottom: 42px;
  }
  /*  ── 05 Programme & curriculum ──  */
  .program-stage {
    position: relative;
    margin: 0;
    padding: 38px;
    border: 1px solid #d7d7dc;
    background: #fff;
  }
  .program-stage + .program-stage {
    margin-top: 18px;
  }
  .program-stage::before {
    display: none;
  }
  .stage-title-prefix {
    color: var(--signal-blue);
  }
  .program-stage .canonical-list {
    max-width: none;
  }
  .program-stage .canonical-list li {
    font-size: 17px;
  }
  .program-stage:has(.curriculum-dossier) {
    padding-bottom: 0;
  }
  .curriculum-bridge-copy {
    max-width: 1120px;
    border: 1px solid #d7d7dc;
    background: #f5f5f7;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    letter-spacing: -0.045em;
  }

  /*  ── 02 Header & hero ──  */

  @media (prefers-reduced-motion: no-preference) {
    .canonical-hero-orbit {
      animation: signal-breathe 10s var(--ease-move) infinite alternate;
    }
    .canonical-hero-orbit em {
      animation: signal-rotate 28s linear infinite;
    }
    .canonical-hero-orbit span:nth-child(1) {
      animation: signal-orbit-clockwise 32s linear infinite;
    }
    .canonical-hero-orbit span:nth-child(2) {
      animation: signal-orbit-counterclockwise 39s linear infinite;
    }
    .canonical-hero-orbit span:nth-child(3) {
      animation: signal-orbit-clockwise 24s linear infinite reverse;
    }
  } /*  ── 11 Shared & safeguards ──  */
  @keyframes signal-breathe {
    to {
      transform: translateY(-5px);
    }
  }
  @keyframes signal-rotate {
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes signal-orbit-clockwise {
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes signal-orbit-counterclockwise {
    to {
      transform: rotate(-360deg);
    }
  }

  /*  ── 02 Header & hero ──  */

  @media (max-width: 900px) {
    .canonical-hero {
      grid-template-columns: 1fr;
      gap: 18px;
    }
    .canonical-hero-orbit {
      justify-self: end;
      width: 260px;
      height: 260px;
    }
    .canonical-hero-orbit b {
      inset: calc(50% - 52px);
      width: 104px;
      height: 104px;
      padding: 21px;
    }
    .canonical-hero-orbit span i {
      top: -4.5px;
      width: 9px;
      height: 9px;
      margin-left: -4.5px;
    }
    .canonical-section#steps .canonical-section-inner {
      max-width: 760px;
    }
    #market-stats .canonical-stats,
    #need-stats .canonical-stats {
      margin: 0;
    }
  }
  @media (max-width: 640px) {
    .canonical-hero {
      padding-top: 70px;
      padding-bottom: 60px;
    }
    .canonical-hero-orbit {
      width: 154px;
      height: 154px;
      margin: 4px 0 -4px;
    }
    .canonical-hero-orbit b {
      inset: calc(50% - 34px);
      width: 68px;
      height: 68px;
      padding: 13px;
      gap: 4px;
    }
    .canonical-hero-orbit span i {
      top: -3.5px;
      width: 7px;
      height: 7px;
      margin-left: -3.5px;
      box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.09);
    }
    .canonical-hero-orbit span:nth-child(2) i {
      box-shadow: 0 0 0 4px rgba(29, 29, 31, 0.06);
    }
    #market-stats {
      padding-top: 30px;
      padding-bottom: 56px;
    }
    #market-stats .canonical-stats,
    #need-stats .canonical-stats {
      grid-template-columns: 1fr;
    }
    #market-stats .canonical-stats article,
    #need-stats .canonical-stats article {
      min-height: 0;
      padding: 22px 20px;
    }
    #market-stats .canonical-stats strong,
    #market-stats .canonical-stats article:nth-child(4) strong {
      font-size: 39px;
    }
    #need-intro {
      padding-top: 64px;
      padding-bottom: 16px;
    }
    #need-stats {
      padding-top: 16px;
      padding-bottom: 38px;
    }
    .canonical-section:has(.canonical-gallery) {
      padding-top: 48px;
      padding-bottom: 48px;
    }
    #market-bridge {
      padding-top: 58px;
      padding-bottom: 64px;
    }
    .canonical-section#steps {
      padding-top: 20px;
      padding-bottom: 68px;
    }
    .program-stage {
      padding: 26px 20px;
    }
    .program-stage + .program-stage {
      margin-top: 12px;
    }
  }

  /* Credentials: preserve the two original certificate images, but give them a proper introductory architecture. */
  /*  ── 11 Shared & safeguards ──  */
  .certificate-dossier {
    margin: 48px -38px 0;
    padding: 38px;
    background: #f5f5f7;
    border-top: 1px solid #d7d7dc;
  }
  .certificate-dossier header {
    max-width: 760px;
    margin: 0 auto 34px;
    text-align: center;
  }
  .certificate-dossier header p:first-child {
    color: #6e6e73;
  }
  .certificate-dossier header p:nth-child(2) {
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  .certificate-images {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    max-width: 1000px;
    margin: 0 auto;
  }
  .certificate-benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    max-width: 1000px;
    margin: 18px auto 0;
  }

  /* Author: a profile first, then clear proof from cases and verified programme feedback. */
  #author {
    padding-top: 64px;
    padding-bottom: 104px;
    background: #fff;
  } /*  ── 01 Foundation & global primitives ──  */
  .canonical-section:has(+ #author) {
    padding-bottom: 48px;
  }
  #author .canonical-section-inner {
    max-width: 1120px;
  } /*  ── 07 Author, cases & reviews ──  */
  .author-dossier > h2 {
    max-width: 760px;
    margin-bottom: 44px;
  }
  .author-profile {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 56px;
    align-items: start;
    padding-bottom: 42px;
    border-bottom: 1px solid #d7d7dc;
  } /*  ── 03 Market, statistics & evidence ──  */
  .author-profile figure,
  .author-profile .canonical-image {
    margin: 0;
  }
  .author-profile .canonical-image img {
    display: block;
    width: 100%;
    height: 480px;
    object-fit: cover;
    object-position: top;
    box-shadow: none;
  } /*  ── 07 Author, cases & reviews ──  */
  .author-profile article {
    padding-top: 8px;
  }
  .author-kicker {
    color: #6e6e73;
  }
  .author-profile ul {
    list-style: none;
  }
  .author-profile li {
    border-top: 1px solid #d7d7dc;
    list-style: none;
  }
  .author-profile li:last-child {
    border-bottom: 1px solid #d7d7dc;
  }
  .author-narrative {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 44px;
    margin: 38px 0;
  }
  .author-narrative p:first-child {
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    letter-spacing: -0.04em;
  }
  .author-proof-head {
    max-width: 760px;
    margin: 76px 0 24px;
  }
  .author-proof-head p {
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  .case-deck {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
  .case-deck .case-trajectory {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
    border-color: #d7d7dc;
  }
  .case-deck .case-person {
    grid-column: auto;
    min-height: 94px;
  }
  .case-deck .case-step {
    min-height: 0;
    padding: 20px;
    border-right: 0;
    border-bottom: 1px solid #d7d7dc;
  }
  .case-deck .case-step:last-child {
    border-bottom: 0;
  }
  .case-deck .case-step i {
    display: none;
  }
  .case-deck .case-step p {
    line-height: 1.45;
  }
  .review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
  }
  .review-grid .review-card {
    height: 100%;
    margin: 0;
  }
  .review-grid .review-card blockquote {
    font-size: 18px;
  }

  /* Value proof and tariffs: prices read as a ledger, participation options as a single decision row. */
  /*  ── 11 Shared & safeguards ──  */
  #pricing {
    padding-top: 110px;
    padding-bottom: 104px;
    background: #f5f5f7;
  } /*  ── 01 Foundation & global primitives ──  */
  #pricing .canonical-section-inner {
    max-width: 1120px;
  } /*  ── 08 Pricing & tariffs ──  */
  .tariff-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 48px 0 94px;
  }
  .tariff-grid .tariff-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
  }
  .tariff-card header {
    padding: 26px;
  }
  .tariff-card h3 {
    min-height: 66px;
  }
  .tariff-card ul {
    flex: 1;
  }
  .tariff-action {
    margin-top: auto;
  }

  /*  ── 07 Author, cases & reviews ──  */

  @media (max-width: 900px) {
    .certificate-images {
      grid-template-columns: 1fr;
    }
    .certificate-benefits {
      grid-template-columns: 1fr;
    }
    .author-profile {
      grid-template-columns: 280px minmax(0, 1fr);
      gap: 30px;
    }
    .case-deck {
      grid-template-columns: 1fr;
    }
    .case-deck .case-trajectory {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .case-deck .case-person {
      grid-column: 1/-1;
    }
    .case-deck .case-step {
      border-right: 1px solid #d7d7dc;
      border-bottom: 0;
    }
    .case-deck .case-step:last-child {
      border-right: 0;
    }
    .tariff-grid {
      grid-template-columns: 1fr;
      max-width: 620px;
    }
  }
  /*  ── 03 Market, statistics & evidence ──  */
  @media (max-width: 640px) {
    .certificate-dossier {
      margin: 34px -20px 0;
      padding: 28px 20px;
    }
    .author-profile {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .author-profile .canonical-image img {
      height: 380px;
      max-width: 420px;
    }
    .author-narrative {
      grid-template-columns: 1fr;
      gap: 16px;
      margin: 28px 0;
    }
    .author-proof-head {
      margin-top: 52px;
    }
    .case-deck .case-trajectory {
      grid-template-columns: 1fr;
    }
    .case-deck .case-person {
      grid-column: auto;
    }
    .case-deck .case-step {
      border-right: 0;
      border-bottom: 1px solid #d7d7dc;
    }
    .case-deck .case-step:last-child {
      border-bottom: 0;
    }
    .review-grid {
      grid-template-columns: 1fr;
    }
    .tariff-grid {
      margin: 38px 0 68px;
    }
  }

  /* Operations: actual dates, formats and deliverables become navigable evidence, not an unstyled paragraph list. */
  /*  ── 09 Operations, practicums & study ──  */
  .operations-dossier {
    padding-top: 4px;
  }
  .operations-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 34px 0 72px;
  }
  .operations-card {
    padding: 30px;
    background: #fff;
    border-top: 2px solid #1d1d1f;
  }
  .operations-card dl {
    margin: 0;
  }
  .operations-card dl > div {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 20px;
    padding: 14px 0;
    border-top: 1px solid #d7d7dc;
  }
  .operations-card dt {
    color: #6e6e73;
    font-size: 13px;
  }
  .operations-card dd {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 1.38;
  }
  .practicum-dossier,
  .study-dossier {
    padding-top: 52px;
    border-top: 1px solid #1d1d1f;
  }
  .practicum-dossier header,
  .study-dossier header {
    max-width: 760px;
    margin-bottom: 32px;
  }
  .practicum-dossier header > p:first-child,
  .study-dossier header > p:first-child {
    font-weight: 700;
  }
  .practicum-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #d7d7dc;
    border-left: 1px solid #d7d7dc;
  }
  .practicum-grid .practicum-card {
    min-height: 260px;
    margin: 0;
    padding: 22px;
    border: 0;
    border-right: 1px solid #d7d7dc;
    border-bottom: 1px solid #d7d7dc;
    background: #fff;
  }
  .practicum-grid .practicum-card header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 34px;
  }
  .practicum-grid .practicum-card header strong {
    font-size: 18px;
  }
  .practicum-grid .practicum-card header span {
    font-size: 11px;
    line-height: 1.35;
    text-align: right;
  }
  .practicum-grid .practicum-card small {
    font-size: 11px;
  }
  .practicum-grid .practicum-card p {
    line-height: 1.46;
  }
  .study-dossier {
    margin-top: 72px;
  }
  .study-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid #d7d7dc;
    border-left: 1px solid #d7d7dc;
  }
  .study-grid .study-card {
    min-height: 250px;
    margin: 0;
    padding: 24px;
    border: 0;
    border-right: 1px solid #d7d7dc;
    border-bottom: 1px solid #d7d7dc;
    background: #fff;
  }
  .study-grid .study-hours {
    font-size: 34px;
  }
  .study-dossier > p {
    max-width: 760px;
  } /*  ── 11 Shared & safeguards ──  */
  .canonical-section#faq {
    padding-top: 76px;
    padding-bottom: 80px;
    background: #fff;
  } /*  ── 01 Foundation & global primitives ──  */
  .canonical-section:has(+ #faq) {
    padding-bottom: 42px;
  } /*  ── 10 FAQ & closing CTA ──  */
  .closing-cta {
    max-width: 1120px;
    margin: 0 auto;
    padding: 76px 20px 84px;
    background: #161617;
    color: #fff;
  }
  .closing-cta h2 {
    max-width: 760px;
  }
  .closing-cta a {
    display: inline-flex;
    padding: 14px 20px;
    background: #fff;
    color: #1d1d1f;
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
  }
  .canonical-section:has(.closing-cta) {
    padding: 0;
    background: #161617;
  }

  /*  ── 09 Operations, practicums & study ──  */

  @media (max-width: 900px) {
    .practicum-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .study-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .practicum-grid .practicum-card {
      min-height: 230px;
    }
  }
  @media (max-width: 640px) {
    .operations-grid {
      grid-template-columns: 1fr;
      margin: 28px 0 56px;
    }
    .operations-card {
      padding: 24px;
    }
    .operations-card dl > div {
      grid-template-columns: 1fr;
      gap: 4px;
    }
    .practicum-dossier,
    .study-dossier {
      padding-top: 40px;
    }
    .practicum-grid,
    .study-grid {
      grid-template-columns: 1fr;
    }
    .practicum-grid .practicum-card,
    .study-grid .study-card {
      min-height: 0;
      padding: 22px;
    }
    .study-dossier {
      margin-top: 56px;
    }
    .closing-cta {
      padding: 62px 20px;
    }
    .canonical-section#faq {
      padding-top: 58px;
      padding-bottom: 60px;
    }
  }

  /* V29 — Clinical Signal: content-first editorial rhythm. No decorative subheads, no loose technical labels. */
  /*  ── 01 Foundation & global primitives ──  */
  :root {
    scroll-padding-top: 76px;
  }
  /*  ── 05 Programme & curriculum ──  */
  [id],
  .certificate-dossier,
  .operations-dossier,
  .program-stage,
  .bonus-dossier {
    scroll-margin-top: 76px;
  }
  @media (max-width: 640px) {
    :root {
      scroll-padding-top: 68px;
    }
    [id],
    .certificate-dossier,
    .operations-dossier,
    .program-stage,
    .bonus-dossier {
      scroll-margin-top: 68px;
    }
  }
  /* V33 Design System — calm Apple-like editorial rhythm.
   Principle: every text scene is a digestible visual bite; prose keeps one measure,
   ordinary copy keeps one scale, and lists earn their own inset rather than touching boxes. */

  /*  ── 01 Foundation & global primitives ──  */

  :root {
    --reading-measure: 41.25rem;
    --scene-measure: 47.5rem;
    --copy-size: 17px;
    --copy-leading: 1.58;
    --copy-gap: 1.15rem;
    --group-gap: 2.5rem;
    --list-inset: 1.5rem;
    --box-inset: 1.625rem;
  }

  /*  ── 03 Market, statistics & evidence ──  */

  @media (hover: hover) and (pointer: fine) {
    .canonical-gallery-controls button:hover,
    button.certificate-preview.is-secondary:hover {
      transform: translateY(-1px);
    }
  }

  /*  ── 01 Foundation & global primitives ──  */

  @media (max-width: 640px) {
    :root {
      --reading-measure: 100%;
      --scene-measure: 100%;
      --copy-size: 16px;
      --copy-leading: 1.56;
      --copy-gap: 1rem;
      --group-gap: 2rem;
      --list-inset: 1.375rem;
      --box-inset: 1.375rem;
    }
  }

  /* One display role for comparable scene headings: weight comes from content, never arbitrary local font sizes. */
  :root {
    --section-display: clamp(32px, 3.05vw, 42px);
    --section-display-leading: 1.08;
    --section-display-tracking: -0.045em;
  }

  @media (max-width: 640px) {
    :root {
      --section-display: 31px;
      --section-display-leading: 1.1;
    }
  }
}
@layer priority {
  /*  ── 01 Foundation & global primitives ──  */
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation: none;
      transition: none;
      scroll-behavior: auto;
    }
  } /*  ── 09 Operations, practicums & study ──  */
  .study-footnote {
    margin-top: 18px;
  } /*  ── 03 Market, statistics & evidence ──  */
  .canonical-quote {
    margin: 46px 0;
    font-size: clamp(23px, 3vw, 34px);
    line-height: 1.25;
  } /*  ── 05 Programme & curriculum ──  */
  .curriculum-kicker {
    margin: 0 0 10px;
    color: #9b9ba0;
    font-size: 14px;
  }
  .curriculum-dossier h3 {
    margin: 0 0 14px;
    font-size: clamp(24px, 3vw, 34px);
  }
  .curriculum-dossier header p:last-child {
    margin: 0;
    color: #d0d0d4;
    font-size: 16px;
  }
  .curriculum-lectures li {
    padding: 10px 0 10px 60px;
    color: #d4d4d7;
    font-size: 15px;
  } /*  ── 07 Author, cases & reviews ──  */
  .case-trajectory p {
    font-size: 15px;
    line-height: 1.48;
  }
  /*  ── 05 Programme & curriculum ──  */
  @media (max-width: 640px) {
    .curriculum-lectures li {
      padding-left: 42px;
      font-size: 14px;
    }
  } /*  ── 11 Shared & safeguards ──  */
  @media (max-width: 640px) {
  } /*  ── 05 Programme & curriculum ──  */
  .curriculum-bridge-copy {
    margin: 0;
    padding: 28px 30px;
    font-size: 24px;
    line-height: 1.2;
  } /*  ── 07 Author, cases & reviews ──  */
  .case-step p {
    margin: 0;
    font-size: 15px;
  }
  .review-card > p {
    margin: 0;
    color: #6e6e73;
    font-size: 15px;
  } /*  ── 08 Pricing & tariffs ──  */
  .tariff-card h3 {
    margin: 0 0 12px;
    font-size: 28px;
  }
  .tariff-card li {
    font-size: 15px;
  }
  .tariff-card.is-featured li {
    color: #e8e8eb;
  }
  .tariff-action {
    color: #fff;
  }
  .tariff-card.is-featured .tariff-action {
    color: #161617;
  } /*  ── 09 Operations, practicums & study ──  */
  .practicum-card h4,
  .study-card h4 {
    margin: 0 0 14px;
    font-size: 22px;
  }
  .practicum-card p,
  .study-card p {
    margin: 0;
    font-size: 16px;
  } /*  ── 10 FAQ & closing CTA ──  */
  .faq-answer p {
    margin: 0;
  }
  /*  ── 05 Programme & curriculum ──  */
  @media (max-width: 640px) {
    .curriculum-bridge-copy {
      padding: 24px 20px;
      font-size: 21px;
    }
    .practicum-card h4,
    .study-card h4 {
      font-size: 20px;
    }
  }
  /*  ── 02 Header & hero ──  */
  .canonical-hero-orbit {
    display: block;
  }

  /* Editorial emphasis and reliable lists preserve the original words while recovering hierarchy. */
  /*  ── 11 Shared & safeguards ──  */
  .canonical-list {
    margin: 26px 0 32px;
    padding: 0;
  }
  .canonical-list li {
    margin: 0;
    padding: 15px 0 15px 30px;
  } /*  ── 05 Programme & curriculum ──  */
  .stage-body {
    padding: 0;
  }
  .program-stage:has(.curriculum-dossier) .stage-body {
    padding-bottom: 0;
  }
  .program-stage .curriculum-dossier {
    margin: 42px -38px 0;
  }
  .curriculum-bridge-copy {
    margin: 18px 0 0;
    padding: 30px 38px;
    font-size: clamp(23px, 2.4vw, 32px);
    line-height: 1.17;
  }

  @media (max-width: 900px) {
    .program-stage .curriculum-dossier {
      margin-left: -38px;
      margin-right: -38px;
    }
  }
  @media (max-width: 640px) {
    .program-stage .curriculum-dossier {
      margin: 30px -20px 0;
    }
    .curriculum-bridge-copy {
      margin-top: 12px;
      padding: 24px 20px;
    }
    .canonical-list li {
      padding-left: 26px;
    }
  } /*  ── 11 Shared & safeguards ──  */
  .certificate-dossier header p {
    margin: 0;
  }
  .certificate-dossier header p:first-child {
    font-size: 15px;
  }
  .certificate-dossier header p:nth-child(2) {
    font-size: clamp(28px, 3.1vw, 44px);
    line-height: 1.08;
  } /*  ── 07 Author, cases & reviews ──  */
  .author-kicker {
    margin: 0 0 8px;
    font-size: 15px;
  }
  .author-profile h3 {
    margin: 0 0 26px;
    font-size: clamp(33px, 4vw, 50px);
  }
  .author-profile ul {
    margin: 0;
    padding: 0;
  }
  .author-profile li {
    max-width: none;
    margin: 0;
    padding: 14px 0;
  }
  .author-narrative p {
    max-width: none;
    margin: 0;
  }
  .author-narrative p:first-child {
    font-size: 23px;
    line-height: 1.25;
  }
  .author-proof-head p {
    font-size: clamp(25px, 2.8vw, 38px);
    line-height: 1.14;
  }
  .case-deck .case-step p {
    font-size: 14px;
  } /*  ── 08 Pricing & tariffs ──  */
  .tariff-card li {
    font-size: 14px;
  } /*  ── 09 Operations, practicums & study ──  */
  .operations-card h3 {
    margin: 0 0 24px;
    font-size: 26px;
  }
  .practicum-dossier header > p:first-child,
  .study-dossier header > p:first-child {
    margin: 0 0 12px;
    color: #0066cc;
    font-size: 13px;
  }
  .practicum-dossier header h4,
  .study-dossier header h4 {
    margin: 0 0 14px;
    font-size: clamp(28px, 3.2vw, 42px);
  }
  .practicum-dossier header > p:last-child {
    margin: 0;
    color: #6e6e73;
  }
  .practicum-grid .practicum-card h4 {
    font-size: 18px;
  }
  .practicum-grid .practicum-card p {
    font-size: 14px;
  }
  .study-dossier > p {
    margin: 20px 0 0;
    color: #6e6e73;
    font-size: 14px;
  } /*  ── 10 FAQ & closing CTA ──  */
  .closing-cta p {
    margin: 0 0 16px;
    color: #9c9ca2;
    font-size: 14px;
  }
  .closing-cta h2 {
    margin: 0 0 28px;
    color: #fff;
  }
  @media (max-width: 640px) {
    .closing-cta h2 {
      font-size: clamp(31px, 10vw, 42px);
    }
  } /* v27 — fix inherited definition-list grid conflict in the operations scene. */
  /*  ── 09 Operations, practicums & study ──  */
  .operations-card dl {
    display: block;
  }
  .operations-card dl > div {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 20px;
  }
  /*  ── 02 Header & hero ──  */
  .canonical-hero {
    align-items: center;
    padding-top: clamp(58px, 7vw, 96px);
    padding-bottom: clamp(58px, 7vw, 96px);
  }
  .canonical-hero h1 {
    max-width: 740px;
    margin: 18px 0 20px;
    font-size: clamp(42px, 4.65vw, 68px);
    line-height: 1.01;
  }
  .canonical-hero .canonical-hero-copy > p:nth-child(2) {
    max-width: 590px;
    margin-bottom: 20px;
    font-size: clamp(16px, 1.35vw, 18px);
    line-height: 1.42;
  }
  /*  ── 09 Operations, practicums & study ──  */
  @media (max-width: 640px) {
    .operations-card dl > div {
      grid-template-columns: 1fr;
      gap: 4px;
    }
  }
  /*  ── 02 Header & hero ──  */
  @media (max-width: 640px) {
    .canonical-hero {
      padding-top: 52px;
      padding-bottom: 44px;
    }
    .canonical-hero h1 {
      margin: 16px 0 20px;
      font-size: clamp(38px, 10.2vw, 44px);
      line-height: 1.02;
    }
    .canonical-hero .canonical-hero-copy > p:nth-child(2) {
      margin-bottom: 18px;
      font-size: 16px;
      line-height: 1.4;
    }
  }
  .hero-primary-action {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    padding: 13px 18px;
    border: 1px solid #1d1d1f;
    background: #1d1d1f;
    color: #fff;
    text-decoration: none;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.025em;
    transition:
      transform 160ms var(--ease-out),
      background 160ms var(--ease-out);
  }
  .hero-primary-action:hover {
    background: #0066cc;
  }
  .hero-primary-action:active {
    transform: scale(0.97);
  }
  /*  ── 03 Market, statistics & evidence ──  */
  #market-evidence .canonical-section-inner {
    max-width: 860px;
    padding-top: 0;
  }
  #market-evidence .canonical-gallery {
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    border-top: 1px solid #d2d2d7;
  }
  /*  ── 05 Programme & curriculum ──  */
  #programme .canonical-section-inner {
    max-width: 760px;
  }
  #programme .canonical-section-inner > h2 {
    margin-bottom: 24px;
  }
  #programme .canonical-section-inner > p {
    margin-bottom: 18px;
  }
  /*  ── 11 Shared & safeguards ──  */
  #author {
    padding-top: 86px;
  }
  /*  ── 07 Author, cases & reviews ──  */
  #author .author-profile {
    grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
    gap: clamp(32px, 5vw, 72px);
    align-items: center;
    padding: 0 0 52px;
  }
  #author .author-profile figure {
    position: relative;
    overflow: hidden;
    background: #161617;
  }
  #author .author-profile figure::after {
    content: "";
    position: absolute;
    inset: 14px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    pointer-events: none;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  #author .author-profile .canonical-image img {
    height: 520px;
    object-position: 50% 8%;
    filter: contrast(1.03) saturate(0.92);
  }
  /*  ── 07 Author, cases & reviews ──  */
  #author .author-profile article {
    padding-top: 0;
  }
  #author .author-kicker {
    color: #0066cc;
    font-weight: 700;
  }
  #author .author-profile h3 {
    max-width: 540px;
    margin-bottom: 24px;
    font-size: clamp(38px, 4.15vw, 58px);
  }
  #author .author-profile li {
    padding: 13px 0;
    font-size: 16px;
    line-height: 1.46;
  }
  #author .author-narrative {
    margin-top: 48px;
  }
  /*  ── 11 Shared & safeguards ──  */
  .certificate-dossier {
    max-width: 720px;
    margin: 44px 0;
    padding: 30px;
    background: #fff;
    border-top: 2px solid #1d1d1f;
  }
  .certificate-dossier header {
    margin-bottom: 22px;
    text-align: left;
  }
  .certificate-images {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    max-width: 620px;
    margin-bottom: 22px;
  }
  .certificate-preview {
    padding: 9px;
  }
  .certificate-preview img,
  .certificate-preview.is-primary img {
    height: 220px;
    object-fit: contain;
  }
  .certificate-benefits {
    max-width: 620px;
  }
  .certificate-note {
    max-width: 620px;
  }
  /*  ── 09 Operations, practicums & study ──  */
  .operations-dossier {
    max-width: 760px;
    margin: 0 auto;
    padding-top: 10px;
  }
  .operations-grid {
    gap: 0;
    margin: 0 0 58px;
    border-top: 2px solid #1d1d1f;
    border-bottom: 1px solid #d7d7dc;
  }
  .operations-card {
    padding: 28px 0;
    border: 0;
    border-bottom: 1px solid #d7d7dc;
    background: transparent;
  }
  .operations-card dt {
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    letter-spacing: -0.025em;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  #market-evidence,
  #market-bridge {
    background: #fff;
    color: #1d1d1f;
  }
  #market-evidence {
    padding-top: 34px;
    padding-bottom: 44px;
  }
  #market-evidence .canonical-gallery {
    max-width: 760px;
    margin: 0 auto;
  }
  #market-evidence .canonical-gallery-frame {
    background: #f5f5f7;
    border: 1px solid #e2e2e6;
  }
  #market-evidence .canonical-gallery-controls button {
    background: #fff;
    border-color: #d2d2d7;
    color: #0066cc;
  }
  #market-bridge {
    padding-top: 44px;
    padding-bottom: 72px;
  }
  .canonical-stats {
    margin-top: 34px;
  }
  /*  ── 01 Foundation & global primitives ──  */
  #steps .canonical-section-inner {
    max-width: 760px;
  }
  #steps .canonical-section-inner > h2 {
    max-width: 760px;
    margin-bottom: 42px;
  }
  /*  ── 05 Programme & curriculum ──  */
  .program-stage {
    margin: 58px 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .program-stage::before {
    display: none;
  }
  .program-stage-head {
    display: block;
    margin: 0 0 24px;
    padding: 0;
  }
  .program-stage-head h3 {
    max-width: 720px;
    margin: 0;
    padding: 0;
    font-size: clamp(30px, 3.1vw, 42px);
    line-height: 1.08;
    letter-spacing: -0.052em;
  }
  .program-stage-outcome {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .stage-body {
    max-width: 720px;
    padding: 0;
  }
  .stage-body > p {
    margin-bottom: 20px;
  }
  .stage-body > p:first-child {
    font-size: 18px;
    line-height: 1.52;
  }
  /*  ── 11 Shared & safeguards ──  */
  .canonical-list {
    display: grid;
    gap: 12px;
    max-width: 700px;
    margin: 30px 0 46px;
    padding: 0;
    list-style: none;
  }
  .canonical-list li {
    position: relative;
    margin: 0;
    padding: 0 0 0 20px;
    border: 0;
    font-size: 16px;
    line-height: 1.48;
  }
  .canonical-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.58em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0066cc;
  }
  /*  ── 05 Programme & curriculum ──  */
  .curriculum-bridge-copy {
    max-width: 720px;
    margin: 34px 0 62px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 600;
  }
  .canonical-section:has(.curriculum-bridge-copy) {
    padding-bottom: 0;
  }
  /*  ── 11 Shared & safeguards ──  */
  #bonuses {
    padding-top: 0;
    padding-bottom: 88px;
  }
  /*  ── 06 Bonuses ──  */
  .bonus-dossier {
    max-width: 760px;
    margin: 0;
  }
  .bonus-dossier > header {
    max-width: 680px;
    margin: 0 0 34px;
  }
  .bonus-dossier > header h2 {
    margin: 0;
    line-height: 1.04;
  }
  .bonus-list {
    border-top: 1px solid #1d1d1f;
  }
  .bonus-module {
    padding: 30px 0 38px;
    border-bottom: 1px solid #d7d7dc;
  }
  .bonus-module h3 {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: baseline;
    max-width: 700px;
    margin: 0 0 18px;
    font-size: clamp(25px, 2.45vw, 34px);
    line-height: 1.12;
    letter-spacing: -0.052em;
  }
  .bonus-index {
    color: #0066cc;
    font-size: 0.56em;
    font-weight: 800;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }
  .bonus-copy {
    max-width: 660px;
    margin-left: calc(0.56em + 14px);
  }
  .bonus-copy > p {
    margin: 0 0 16px;
    font-size: 17px;
    line-height: 1.53;
  }
  /*  ── 05 Programme & curriculum ──  */
  .curriculum-dossier {
    margin: 48px 0;
    padding: 30px;
  }
  .curriculum-count::before,
  .curriculum-count::after {
    content: none;
  }
  .curriculum-count {
    font-size: 64px;
    line-height: 0.9;
  }
  /*  ── 11 Shared & safeguards ──  */
  .certificate-dossier {
    max-width: 760px;
    margin: 56px 0;
    padding: 36px;
    border: 1px solid #d7d7dc;
    background: #f5f5f7;
  }
  .certificate-dossier header {
    max-width: 640px;
    margin-bottom: 26px;
  }
  .certificate-images {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    gap: 18px;
    align-items: center;
    max-width: 700px;
    margin: 0 0 28px;
  }
  .certificate-preview {
    margin: 0;
    border: 1px solid #d7d7dc;
    background: #fff;
    padding: 12px;
  }
  .certificate-preview img {
    display: block;
    width: 100%;
    height: 150px;
    object-fit: contain;
    box-shadow: none;
  }
  .certificate-preview.is-primary img {
    height: 330px;
  }
  .certificate-benefits {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 700px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .certificate-benefits li {
    position: relative;
    margin: 0;
    padding: 14px 0 14px 22px;
    font-size: 16px;
    line-height: 1.42;
  }
  .certificate-benefits li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 14px;
    color: #0066cc;
    font-weight: 800;
  }
  .certificate-note {
    max-width: 700px;
    margin: 16px 0 0;
    color: #6e6e73;
    font-size: 13px;
    line-height: 1.45;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  @media (max-width: 900px) {
    .canonical-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .canonical-stats article:last-child {
      grid-column: span 2;
    }
    .certificate-images {
      grid-template-columns: minmax(0, 1fr) 108px;
    }
    .certificate-preview.is-primary img {
      height: 280px;
    }
  }
  /*  ── 02 Header & hero ──  */
  @media (max-width: 640px) {
    .canonical-hero {
      min-height: calc(100svh - 52px);
      padding-top: 56px;
      padding-bottom: 38px;
    }
    .canonical-hero .canonical-hero-copy > p:nth-child(2) {
      margin-bottom: 14px;
    }
    .hero-primary-action {
      margin-top: 6px;
    }
    .canonical-hero-orbit {
      width: 136px;
      height: 136px;
      margin: 16px 0 0;
    }
    .canonical-hero-orbit b {
      inset: calc(50% - 31px);
      width: 62px;
      height: 62px;
      padding: 12px;
    }
    #market-bridge {
      padding-top: 32px;
      padding-bottom: 54px;
    }
    .canonical-stats {
      grid-template-columns: 1fr;
      margin-top: 26px;
    }
    .canonical-stats article,
    .canonical-stats article:last-child {
      grid-column: auto;
    }
    #programme .canonical-section-inner > p {
      margin-bottom: 16px;
    }
    .program-stage {
      margin: 46px 0;
    }
    .program-stage-head h3 {
      font-size: 30px;
    }
    .stage-body > p:first-child {
      font-size: 17px;
    }
    .canonical-list {
      margin: 26px 0 38px;
    }
    .curriculum-bridge-copy {
      margin: 24px 0 34px;
      font-size: 17px;
    }
    .curriculum-dossier {
      margin: 38px -20px;
      padding: 26px 20px;
    }
    .curriculum-count {
      font-size: 50px;
    }
    .certificate-dossier {
      margin: 36px 0;
      padding: 22px 0;
    }
    .certificate-dossier header {
      padding: 0 0;
    }
    .certificate-images {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
      margin-bottom: 18px;
    }
    .certificate-preview.is-primary img,
    .certificate-preview img {
      height: 150px;
    }
    .certificate-note {
      font-size: 12px;
    }
    #author {
      padding-top: 58px;
    }
    #author .author-profile {
      grid-template-columns: 1fr;
      gap: 24px;
      padding-bottom: 34px;
    }
    #author .author-profile .canonical-image img {
      height: 400px;
    }
    #author .author-profile h3 {
      font-size: 42px;
    }
    #bonuses {
      padding-bottom: 64px;
    }
    .bonus-dossier > header {
      margin-bottom: 28px;
    }
    .bonus-module {
      padding: 24px 0 30px;
    }
    .bonus-module h3 {
      gap: 10px;
      margin-bottom: 16px;
      font-size: 27px;
    }
    .bonus-copy {
      margin-left: 0;
    }
    .bonus-copy > p {
      font-size: 16px;
      line-height: 1.5;
    }
  }

  /* V29 — price and delivery: a single reading path, no stretched prose columns. */
  /*  ── 07 Author, cases & reviews ──  */
  .author-narrative {
    display: block;
    max-width: 700px;
    margin: 42px 0;
    columns: auto;
  }
  .author-narrative > * {
    max-width: 680px;
  }
  /*  ── 08 Pricing & tariffs ──  */
  .price-dossier {
    max-width: 760px;
    margin: 0;
  }
  .price-dossier header {
    max-width: 690px;
    margin-bottom: 34px;
  }
  .price-dossier header h2 {
    max-width: 680px;
    margin-bottom: 18px;
  }
  .price-dossier header p {
    max-width: var(--reading-measure);
    margin-bottom: 14px;
    font-size: var(--copy-size);
    font-weight: 400;
    line-height: var(--copy-leading);
  }
  .price-proof-table {
    max-width: 760px;
    margin: 0 0 34px;
    border-top: 1px solid #1d1d1f;
  }
  .price-proof-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    padding: 15px 0;
    border-bottom: 1px solid #d7d7dc;
    font-size: 16px;
    line-height: 1.4;
  }
  .price-proof-row strong {
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    white-space: nowrap;
  }
  .price-proof-row.is-total {
    padding: 22px 0;
    font-family: "Manrope", sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -0.04em;
  }
  .price-proof-row.is-total strong {
    color: #0066cc;
    font-size: 28px;
  }
  .price-explanation {
    max-width: 680px;
    padding: 6px 0 16px;
  }
  .price-explanation p {
    max-width: 680px;
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 1.53;
  }
  .price-explanation .price-line-emphasis {
    font-family: "Manrope", sans-serif;
    font-size: 21px;
    font-weight: 600;
    letter-spacing: -0.035em;
  }
  .canonical-section:has(.price-dossier) .canonical-section-inner {
    max-width: 760px;
  }
  /*  ── 09 Operations, practicums & study ──  */
  .operations-dossier {
    max-width: 760px;
    margin: 0 auto;
  }
  .operations-dossier > h2 {
    max-width: 660px;
    margin-bottom: 30px;
  }
  .operations-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 0 0 54px;
  }
  .operations-card {
    padding: 24px;
  }
  .operations-card h3 {
    margin-bottom: 18px;
  }
  .practicum-dossier,
  .study-dossier {
    max-width: 760px;
  }
  .study-footnote {
    max-width: 620px;
    margin: 18px 0 0;
    padding: 0;
    color: #6e6e73;
    font-size: 13px;
    line-height: 1.42;
  }
  /*  ── 07 Author, cases & reviews ──  */
  @media (max-width: 640px) {
    .author-narrative {
      margin: 30px 0;
    }
    .price-dossier header h2 {
      font-size: 34px;
    }
    .price-proof-row {
      gap: 12px;
      font-size: 15px;
    }
    .price-proof-row strong {
      font-size: 16px;
    }
    .price-proof-row.is-total {
      font-size: 20px;
    }
    .price-proof-row.is-total strong {
      font-size: 22px;
    }
    .price-explanation p {
      font-size: 16px;
    }
    .price-explanation .price-line-emphasis {
      font-size: 18px;
    }
    .operations-card {
      padding: 20px;
    }
  }

  /* V30 — final ordering layer: resolved scene hierarchy, restrained evidence and reliable anchor landings. */
  /*  ── 01 Foundation & global primitives ──  */
  :root {
    scroll-padding-top: 76px;
  }
  /*  ── 05 Programme & curriculum ──  */
  [id],
  .certificate-dossier,
  .operations-dossier,
  .program-stage,
  .bonus-dossier {
    scroll-margin-top: 76px;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  #market-stats {
    padding-bottom: 30px;
  }
  #market-evidence {
    padding-top: 0;
    padding-bottom: 54px;
  }
  #market-evidence .canonical-gallery {
    margin: 0 auto;
    padding-top: 20px;
    border-top: 1px solid #d2d2d7;
  }
  #threads-evidence {
    padding-top: 34px;
    padding-bottom: 38px;
  }
  #threads-evidence .canonical-gallery {
    margin: 0 auto;
  }
  #threads-evidence + .canonical-section {
    padding-top: 54px;
  }
  /*  ── 05 Programme & curriculum ──  */
  /*  ── 11 Shared & safeguards ──  */
  .certificate-dossier {
    max-width: 680px;
    margin: 38px 0;
    padding: 28px;
    background: #fff;
    border: 1px solid #d7d7dc;
    border-top: 2px solid #1d1d1f;
  }
  .certificate-dossier header {
    max-width: 600px;
    margin: 0 0 20px;
    text-align: left;
  }
  .certificate-images {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: stretch;
    max-width: 600px;
    margin: 0 0 20px;
  }
  .certificate-preview {
    padding: 8px;
  }
  .certificate-preview img,
  .certificate-preview.is-primary img {
    height: 190px;
    object-fit: contain;
  }
  .certificate-benefits,
  .certificate-note {
    max-width: 600px;
  }
  .certificate-benefits li {
    padding: 12px 0 12px 22px;
  }
  /*  ── 09 Operations, practicums & study ──  */
  .operations-dossier {
    max-width: 760px;
    padding-top: 10px;
  }
  .operations-dossier > h2 {
    margin-bottom: 36px;
  }
  .operations-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin: 0 0 56px;
    border-top: 2px solid #1d1d1f;
    border-bottom: 1px solid #d7d7dc;
  }
  .operations-card {
    padding: 28px 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7dc;
  }
  .operations-card:last-child {
    border-bottom: 0;
  }
  .operations-card h3 {
    margin-bottom: 16px;
  }
  .operations-card dl > div {
    grid-template-columns: 160px minmax(0, 1fr);
    padding: 13px 0;
  }
  .practicum-dossier,
  .study-dossier {
    padding-top: 46px;
  }
  .study-dossier {
    margin-top: 54px;
  }
  /*  ── 02 Header & hero ──  */
  @media (max-width: 640px) {
    :root {
      scroll-padding-top: 68px;
    }
    [id],
    .certificate-dossier,
    .operations-dossier,
    .program-stage,
    .bonus-dossier {
      scroll-margin-top: 68px;
    }
    .canonical-hero {
      position: relative;
      min-height: calc(100svh - 52px);
      padding-top: 56px;
      padding-bottom: 38px;
    }
    .canonical-hero h1 {
      font-size: clamp(37px, 10.8vw, 43px);
      line-height: 1.02;
    }
    .canonical-hero-orbit {
      position: absolute;
      right: 20px;
      bottom: 24px;
      width: 88px;
      height: 88px;
      margin: 0;
      opacity: 0.94;
    }
    .canonical-hero-orbit b {
      inset: calc(50% - 21px);
      width: 42px;
      height: 42px;
      padding: 8px;
      gap: 3px;
    }
    .canonical-hero-orbit span {
      width: 5px;
      height: 5px;
    }
    .canonical-hero-orbit em {
      inset: -8%;
    }
    .hero-primary-action {
      position: relative;
      z-index: 2;
      margin-top: 6px;
    }
    #market-stats {
      padding-bottom: 18px;
    }
    #market-evidence {
      padding-top: 0;
      padding-bottom: 40px;
    }
    #market-evidence .canonical-gallery {
      padding-top: 14px;
    }
    #threads-evidence {
      padding-top: 24px;
      padding-bottom: 26px;
    }
    #threads-evidence + .canonical-section {
      padding-top: 42px;
    }
    #programme {
      padding-top: 28px;
      padding-bottom: 30px;
    }
    #programme .canonical-section-inner > h2 {
      margin-bottom: 22px;
    }
    .certificate-dossier {
      margin: 34px 0;
      padding: 22px 0;
    }
    .certificate-images {
      gap: 8px;
      margin-bottom: 18px;
    }
    .certificate-preview {
      padding: 6px;
    }
    .certificate-preview img,
    .certificate-preview.is-primary img {
      height: 124px;
    }
    .certificate-benefits li {
      font-size: 15px;
    }
    .operations-dossier {
      padding-top: 0;
    }
    .operations-dossier > h2 {
      margin-bottom: 28px;
    }
    .operations-grid {
      margin-bottom: 44px;
    }
    .operations-card {
      padding: 24px 0;
    }
    .operations-card dl > div {
      grid-template-columns: 1fr;
      gap: 5px;
    }
    .practicum-dossier,
    .study-dossier {
      padding-top: 36px;
    }
    .study-dossier {
      margin-top: 42px;
    }
  }

  /* V31 — final repairs from the user-criteria re-audit. */
  /*  ── 01 Foundation & global primitives ──  */
  #steps .canonical-section-inner > h2 {
    max-width: 760px;
    font-size: clamp(34px, 3.85vw, 50px);
    line-height: 1.06;
  }
  /*  ── 05 Programme & curriculum ──  */
  .program-stage .canonical-list {
    margin: 28px 0 42px;
  }
  .program-stage .canonical-list li {
    padding-left: 22px;
  }
  /*  ── 11 Shared & safeguards ──  */
  .certificate-images {
    grid-template-columns: 304px 124px;
    gap: 14px;
    align-items: center;
    max-width: 442px;
  }
  .certificate-preview.is-primary {
    padding: 10px;
  }
  .certificate-preview.is-primary img {
    height: 248px;
  }
  /*  ── 01 Foundation & global primitives ──  */
  button.certificate-preview.is-secondary {
    display: block;
    width: 100%;
    padding: 7px;
    border: 1px solid #d7d7dc;
    background: #fff;
    cursor: pointer;
    transition:
      border-color 160ms var(--ease-out),
      transform 160ms var(--ease-out);
  }
  button.certificate-preview.is-secondary:hover {
    border-color: #0066cc;
  }
  button.certificate-preview.is-secondary:active {
    transform: scale(0.97);
  }
  button.certificate-preview.is-secondary img {
    height: 108px;
    object-fit: contain;
  }
  @media (max-width: 640px) {
    #steps .canonical-section-inner > h2 {
      font-size: 30px;
      line-height: 1.08;
    }
    .certificate-images {
      grid-template-columns: minmax(0, 1fr) 82px;
      gap: 10px;
      max-width: none;
    }
    .certificate-preview.is-primary img {
      height: 188px;
    }
    button.certificate-preview.is-secondary {
      padding: 5px;
    }
    button.certificate-preview.is-secondary img {
      height: 66px;
    }
  }

  /* V31 — author portrait: existing media becomes a calm editorial proof, not an unframed selfie. */
  /*  ── 07 Author, cases & reviews ──  */
  #author .author-profile > figure {
    position: relative;
    display: grid;
    align-items: end;
    min-height: 520px;
    overflow: hidden;
    background: #dbeaf6;
    box-shadow: 18px 18px 0 #1d1d1f;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  #author .author-profile > figure .canonical-image {
    display: block;
    width: 100%;
    height: 520px;
    margin: 0;
    overflow: hidden;
    background: #dbeaf6;
    isolation: isolate;
  }
  #author .author-profile > figure .canonical-image::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border: 1px solid rgba(0, 102, 204, 0.32);
    pointer-events: none;
  }
  #author .author-profile > figure .canonical-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 6%;
    mix-blend-mode: multiply;
    filter: grayscale(0.22) contrast(1.04);
    box-shadow: none;
  }
  @media (max-width: 640px) {
    #author .author-profile > figure {
      min-height: 400px;
      box-shadow: 12px 12px 0 #1d1d1f;
    }
    #author .author-profile > figure .canonical-image {
      height: 400px;
    }
  }

  /* V31 — ordinary proof copy stays editorial, not display-sized. */
  /*  ── 07 Author, cases & reviews ──  */
  #author .author-proof-head {
    max-width: 680px;
    margin: 62px 0 22px;
  }
  #author .author-proof-head p {
    margin: 0;
    font-family: "Manrope", sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.32;
    letter-spacing: -0.035em;
  }
  @media (max-width: 640px) {
    #author .author-proof-head {
      margin-top: 48px;
    }
    #author .author-proof-head p {
      font-size: 18px;
      line-height: 1.4;
    }
  }

  /* V32 — certificate scene: use the full dossier deliberately, without an abandoned right field. */
  /*  ── 01 Foundation & global primitives ──  */
  @media (min-width: 641px) {
    .certificate-dossier {
      display: grid;
      grid-template-columns: 304px minmax(0, 1fr);
      column-gap: 34px;
      row-gap: 0;
    }
    .certificate-dossier > header {
      grid-column: 1/-1;
    }
    .certificate-images {
      grid-column: 1;
      grid-template-columns: 1fr 104px;
      gap: 12px;
      max-width: none;
      margin: 0;
      align-self: start;
    }
    .certificate-preview.is-primary img {
      height: 238px;
    }
    button.certificate-preview.is-secondary {
      align-self: center;
    }
    button.certificate-preview.is-secondary img {
      height: 86px;
    }
    .certificate-benefits {
      grid-column: 2;
      grid-row: 2;
      align-self: start;
      max-width: none;
      margin: 0;
    }
    .certificate-benefits li {
      padding: 14px 0 14px 22px;
    }
    .certificate-note {
      grid-column: 2;
      max-width: none;
      margin: 12px 0 0;
    }
  }

  /* V32 — mobile hero: preserve the deliberate display density without visually fusing adjacent words. */
  /*  ── 02 Header & hero ──  */
  @media (max-width: 640px) {
    .canonical-hero h1 {
      letter-spacing: -0.052em;
      word-spacing: 0.055em;
    }
  }

  /* Optical rather than destructive display tracking: tight, while Cyrillic retains its shape. */
  .canonical-hero h1 {
    letter-spacing: -0.045em;
  }
  /*  ── 05 Programme & curriculum ──  */
  .canonical-section h2,
  .canonical-section h3,
  .canonical-section h4,
  .program-stage-head h3,
  .bonus-module h3,
  .author-profile h3 {
    letter-spacing: -0.038em;
  }

  /*  ── 03 Market, statistics & evidence ──  */

  .canonical-quote {
    padding-left: 1.5rem;
    border-left-width: 2px;
  }

  /* One stable reading axis. Wide media, tables, and collections keep their own intentional role. */
  /*  ── 05 Programme & curriculum ──  */
  .canonical-section-inner,
  .canonical-section:has(.price-dossier) .canonical-section-inner,
  .operations-dossier,
  .price-dossier,
  .practicum-dossier,
  .study-dossier,
  .bonus-dossier {
    max-width: var(--scene-measure);
  }

  .canonical-section-inner > p,
  .stage-body > p,
  .author-narrative > p,
  .price-explanation p,
  .bonus-copy > p,
  .practicum-card p,
  .study-card p,
  .case-step p,
  .tariff-card li,
  .certificate-benefits li,
  .operations-card dd {
    max-width: var(--reading-measure);
    font-size: var(--copy-size);
    line-height: var(--copy-leading);
  }

  /* The first sentence may lead the next bite, but it must not become a second body scale or weight. */
  .stage-body > p:first-child {
    font-size: var(--copy-size);
    font-weight: 400;
    line-height: var(--copy-leading);
  }

  .canonical-section-inner > p,
  .stage-body > p,
  .author-narrative > p,
  .price-explanation p,
  .bonus-copy > p {
    margin-bottom: var(--copy-gap);
  }

  /* Lists use the same voice as prose. Their marker is a quiet wayfinding sign, not a second visual system. */
  /*  ── 08 Pricing & tariffs ──  */
  .canonical-list,
  .certificate-benefits,
  .tariff-card ul {
    margin: 1.75rem 0 2.5rem;
  }

  /*  ── 11 Shared & safeguards ──  */

  .canonical-list {
    gap: 0.82rem;
    max-width: var(--reading-measure);
  }

  /*  ── 08 Pricing & tariffs ──  */

  .canonical-list li,
  .certificate-benefits li,
  .tariff-card li {
    margin: 0;
    padding-left: var(--list-inset);
    font-size: var(--copy-size);
    line-height: var(--copy-leading);
  }

  .canonical-list li::before,
  .certificate-benefits li::before,
  .tariff-card li::before {
    left: 0;
  }

  /* A box needs an inset that stays visibly larger than the list inset. */
  /*  ── 09 Operations, practicums & study ──  */
  .practicum-card,
  .study-card {
    padding: var(--box-inset);
  }

  .practicum-card p,
  .study-card p {
    color: var(--ink-2);
  }

  /* The dense grid had a legacy, more-specific 14 px rule. Results are content, not metadata. */
  .practicum-grid .practicum-card p,
  .study-grid .study-card p {
    max-width: var(--reading-measure);
    font-size: var(--copy-size);
    line-height: var(--copy-leading);
  }

  /* Dense grids require explicit word wrapping; meaningful text must never leak beyond its card. */
  .practicum-grid .practicum-card,
  .study-grid .study-card {
    min-width: 0;
  }

  .practicum-grid .practicum-card h4 {
    overflow-wrap: break-word;
    hyphens: auto;
  }

  /*  ── 08 Pricing & tariffs ──  */

  .tariff-card h3 {
    font-size: 25px;
    letter-spacing: -0.035em;
  }

  /*  ── 05 Programme & curriculum ──  */

  .curriculum-lectures {
    max-width: 36rem;
    margin-right: auto;
  }

  .curriculum-module strong {
    line-height: 1.32;
  }

  /*  ── 11 Shared & safeguards ──  */

  .certificate-dossier header p {
    line-height: 1.32;
    letter-spacing: -0.02em;
  }

  /*  ── 06 Bonuses ──  */

  .bonus-module h3 {
    line-height: 1.3;
  }

  /*  ── 07 Author, cases & reviews ──  */

  .author-narrative > p:first-child {
    line-height: 1.34;
  }

  /*  ── 09 Operations, practicums & study ──  */

  .study-footnote {
    max-width: 54ch;
  }

  /* Four narrow self-study cards generated real text overflow. Two evidence-rich columns fit the reading task. */
  .study-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /*  ── 03 Market, statistics & evidence ──  */

  .canonical-stats article,
  .canonical-stats strong,
  .curriculum-duration {
    min-width: 0;
  }

  .canonical-stats strong,
  .curriculum-duration {
    white-space: normal;
    overflow-wrap: normal;
  }

  /*  ── 09 Operations, practicums & study ──  */

  .practicum-card header {
    margin-bottom: 1.35rem;
  }

  .practicum-card h4,
  .study-card h4 {
    margin-bottom: 0.85rem;
  }

  .practicum-card small,
  .study-card small {
    margin-bottom: 0.65rem;
  }

  /* Metadata remains compact only where it is genuinely metadata, never for the result itself. */
  /*  ── 03 Market, statistics & evidence ──  */
  .practicum-card header span,
  .practicum-card small,
  .study-card small,
  .certificate-note,
  .study-footnote,
  .canonical-stats span {
    font-size: 13px;
    line-height: 1.45;
  }

  /* Shared material and feedback behaviour: crisp, immediate, and interruptible. */
  /*  ── 02 Header & hero ──  */
  .hero-primary-action,
  .canonical-gallery-controls button,
  button.certificate-preview.is-secondary,
  .faq-trigger,
  .tariff-action {
    transition:
      transform 160ms var(--ease-out),
      background-color 160ms var(--ease-out),
      border-color 160ms var(--ease-out),
      color 160ms var(--ease-out);
  }

  /*  ── 10 FAQ & closing CTA ──  */

  .faq-trigger b {
    transition:
      transform 180ms var(--ease-out),
      background-color 180ms var(--ease-out),
      border-color 180ms var(--ease-out),
      color 180ms var(--ease-out);
  }

  /*  ── 03 Market, statistics & evidence ──  */

  .canonical-gallery-controls button:active,
  .faq-trigger:active,
  .tariff-action:active {
    transform: scale(0.97);
  }

  /*  ── 05 Programme & curriculum ──  */

  @media (max-width: 640px) {
    .canonical-list,
    .certificate-benefits,
    .tariff-card ul {
      margin: 1.5rem 0 2.1rem;
    }

    .canonical-list {
      gap: 0.72rem;
    }

    .practicum-card,
    .study-card {
      padding: var(--box-inset);
    }

    .study-grid {
      grid-template-columns: 1fr;
    }
  }

  /*  ── 02 Header & hero ──  */

  @media (prefers-reduced-motion: reduce) {
    .hero-primary-action,
    .canonical-gallery-controls button,
    button.certificate-preview.is-secondary,
    .faq-trigger,
    .faq-trigger b,
    .tariff-action {
      transition: opacity 160ms ease;
      transform: none;
    }
  } /* V34 Design System — exact user-led composition repair.
   Principle: statistics carry their meaning in two stable levels; comparisons and documents are
   complete visual objects; adjacent content receives only the space its narrative transition needs. */

  /* First statistics: four explanatory leads above an equal visual value row; the fifth card keeps its evidence format. */
  /*  ── 03 Market, statistics & evidence ──  */
  #market-stats .canonical-stats--market {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 2rem;
  }

  #market-stats .canonical-section-inner {
    max-width: 58rem;
  }

  #market-stats .canonical-stats--market article {
    min-height: 13.5rem;
    justify-content: space-between;
    gap: 1.25rem;
  }

  #market-stats .canonical-stats--market article.is-label-first {
    justify-content: space-between;
  }

  #market-stats .canonical-stats--market .stat-label {
    display: block;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: -0.012em;
  }

  #market-stats .canonical-stats--market strong {
    font-size: clamp(38px, 3.05vw, 46px);
    line-height: 0.96;
    letter-spacing: -0.048em;
    white-space: nowrap;
  }

  /* Second statistics: a deliberate desktop 3+2 composition instead of five squeezed columns. */
  #need-stats .canonical-stats--need {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin: 2rem 0 2.5rem;
  }

  #need-stats .canonical-stats--need article {
    grid-column: span 2;
  }
  #need-stats .canonical-stats--need article:nth-child(4) {
    grid-column: 1 / span 3;
  }
  #need-stats .canonical-stats--need article:nth-child(5) {
    grid-column: 4 / span 3;
  }

  #need-stats .canonical-stats--need article {
    min-height: 12.25rem;
    justify-content: flex-end;
    gap: 1rem;
  }

  #need-stats .canonical-stats--need strong {
    font-size: clamp(39px, 3.1vw, 47px);
    line-height: 0.92;
  }

  /* The carousel continues the thought instead of opening an empty sub-scene. */
  #threads-evidence {
    padding-top: 1rem;
    padding-bottom: 2.25rem;
  }

  #threads-evidence .canonical-gallery {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* A complete comparison pair: no floating labels or anonymous paragraphs. */
  /*  ── 04 Positioning & demand ──  */
  .positioning-compare {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 2.25rem 0 2.5rem;
    border: 1px solid var(--line);
    background: var(--paper);
  }

  .positioning-compare article {
    min-width: 0;
    padding: 1.75rem;
  }

  .positioning-compare article + article {
    border-left: 1px solid var(--line);
  }

  .positioning-compare h3 {
    margin: 0 0 1rem;
    font-size: clamp(21px, 2vw, 27px);
    line-height: 1.18;
    letter-spacing: -0.03em;
  }

  .positioning-compare p {
    margin: 0;
    font-size: var(--copy-size);
    line-height: var(--copy-leading);
  }

  /* A list is a sequence of ordinary reading beats: the same pause before, after, and between rows. */
  /*  ── 11 Shared & safeguards ──  */
  .canonical-list {
    margin: var(--copy-gap) 0;
    gap: var(--copy-gap);
  }

  /*  ── 05 Programme & curriculum ──  */

  .program-stage .canonical-list {
    margin: var(--copy-gap) 0;
  }

  /*  ── 11 Shared & safeguards ──  */

  .canonical-list li {
    line-height: var(--copy-leading);
  }

  /* The curriculum needs a breathing pause before the next deliverable; this is a separate level, not a new scene. */
  /*  ── 05 Programme & curriculum ──  */
  .curriculum-dossier + p {
    margin-top: 2.5rem;
  }

  /* Documents become a single vertical proof sequence. The second document remains interactive, but never leaves a vacant field. */
  /*  ── 01 Foundation & global primitives ──  */
  @media (min-width: 641px) {
    .certificate-dossier {
      display: block;
      max-width: 42.5rem;
    }

    .certificate-images {
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
      max-width: 27rem;
      margin: 0 0 1.5rem;
    }

    .certificate-preview,
    button.certificate-preview.is-secondary {
      width: 100%;
    }

    .certificate-preview.is-primary img,
    button.certificate-preview.is-secondary img {
      height: clamp(14rem, 25vw, 19rem);
    }

    .certificate-benefits {
      max-width: none;
    }

    .certificate-benefits li {
      padding: 1rem 1rem 1rem 2rem;
      line-height: var(--copy-leading);
    }

    .certificate-benefits li::before {
      left: 0.25rem;
      top: 1rem;
    }

    .certificate-note {
      max-width: none;
      width: 100%;
      margin-top: 1.25rem;
      padding-top: 1rem;
      border-top: 1px solid var(--line);
    }
  }

  /* Operations is intentionally compact: two short rows make a strong index before the ledger begins. */
  /*  ── 09 Operations, practicums & study ──  */
  .operations-title {
    max-width: none;
    margin: 0 0 1.75rem;
    font-size: clamp(36px, 4.1vw, 52px);
    line-height: 0.98;
    letter-spacing: -0.045em;
  }

  .operations-title span {
    color: var(--muted);
  }

  /*  ── 03 Market, statistics & evidence ──  */

  @media (max-width: 900px) {
    #market-stats .canonical-stats--market {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #market-stats .canonical-stats--market article:last-child {
      grid-column: span 2;
    }
    #need-stats .canonical-stats--need {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #need-stats .canonical-stats--need article,
    #need-stats .canonical-stats--need article:nth-child(4),
    #need-stats .canonical-stats--need article:nth-child(5) {
      grid-column: auto;
    }
    #need-stats .canonical-stats--need article:last-child {
      grid-column: span 2;
    }
  }

  @media (max-width: 640px) {
    #market-stats .canonical-stats--market,
    #need-stats .canonical-stats--need {
      grid-template-columns: 1fr;
    }
    #market-stats .canonical-stats--market article,
    #market-stats .canonical-stats--market article:last-child,
    #need-stats .canonical-stats--need article,
    #need-stats .canonical-stats--need article:last-child {
      grid-column: auto;
    }

    #market-stats .canonical-stats--market article,
    #need-stats .canonical-stats--need article {
      min-height: 0;
      padding: 1.25rem;
    }

    #market-stats .canonical-stats--market strong,
    #need-stats .canonical-stats--need strong {
      font-size: 42px;
    }

    .positioning-compare {
      grid-template-columns: 1fr;
      margin: 1.75rem 0 2rem;
    }
    .positioning-compare article {
      padding: 1.35rem;
    }
    .positioning-compare article + article {
      border-left: 0;
      border-top: 1px solid var(--line);
    }

    .curriculum-dossier + p {
      margin-top: 2rem;
    }

    .certificate-dossier {
      padding: 1.375rem;
    }
    .certificate-images {
      grid-template-columns: 1fr;
      gap: 0.85rem;
      max-width: none;
    }
    .certificate-preview.is-primary img,
    button.certificate-preview.is-secondary img {
      height: 13.5rem;
    }
    .certificate-benefits li {
      padding: 1rem 0.65rem 1rem 1.8rem;
    }
    .certificate-benefits li::before {
      left: 0.15rem;
      top: 1rem;
    }
    .certificate-note {
      max-width: none;
      width: 100%;
      padding-top: 1rem;
      border-top: 1px solid var(--line);
    }

    .operations-title {
      font-size: 38px;
      line-height: 1;
      margin-bottom: 1.5rem;
    }
  } /* V35 Design System — user-verified composition repair.
   Philosophy: proof blocks must use their actual width, contrast must articulate the choice,
   and typography must communicate hierarchy without accidental whitespace or forced wrapping. */

  /* Market proof: the first four cards are centered reading pairs, not split top/bottom labels. */
  @media (min-width: 901px) {
    #market-stats .canonical-section-inner {
      max-width: 72rem;
    }
    #market-stats .canonical-stats--market {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    #market-stats .canonical-stats--market article {
      min-height: 8.6rem;
      padding: 1.2rem;
    }
    #market-stats .canonical-stats--market article.is-label-first {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      justify-content: stretch;
      gap: 0.7rem;
    }
    #market-stats .canonical-stats--market article.is-label-first .stat-label {
      max-width: 8.8rem;
    }
    #market-stats .canonical-stats--market article.is-label-first strong {
      font-size: clamp(31px, 2.75vw, 40px);
      line-height: 1;
      letter-spacing: -0.055em;
      white-space: nowrap;
    }
    #market-stats
      .canonical-stats--market
      article.is-label-first
      strong.is-market-long {
      font-size: clamp(29px, 2.5vw, 36px);
    }
    #market-stats .canonical-stats--market article:not(.is-label-first) {
      justify-content: space-between;
    }
  }

  /* Need proof: preserve the 3+2 grid while keeping every range as an intact number. */
  @media (min-width: 901px) {
    #need-stats .canonical-stats--need strong {
      white-space: nowrap;
      font-size: clamp(34px, 2.9vw, 43px);
      line-height: 1;
    }
  }

  /* Positioning choice: blue signals the destination without sacrificing text contrast. */
  /*  ── 04 Positioning & demand ──  */
  .positioning-compare article + article {
    background: var(--blue);
    border-color: var(--blue);
  }
  .positioning-compare article + article h3,
  .positioning-compare article + article p {
    color: #fff;
  }
  .positioning-compare article + article p {
    color: rgba(255, 255, 255, 0.9);
  }

  /*  ── 03 Market, statistics & evidence ──  */

  @media (max-width: 640px) {
    #market-stats .canonical-stats--market article.is-label-first {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.8rem;
    }
    #market-stats .canonical-stats--market article.is-label-first strong {
      font-size: clamp(32px, 10vw, 40px);
      white-space: nowrap;
    }
    #market-stats .canonical-stats--market article.is-label-first .stat-label {
      margin: 0;
    }
    #need-stats .canonical-stats--need strong {
      white-space: nowrap;
      line-height: 1;
    }
  }

  /* Credentials are evidence: documents stack on the left, implications remain simultaneously visible on the right. */
  /*  ── 01 Foundation & global primitives ──  */
  @media (min-width: 901px) {
    .certificate-dossier {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
      column-gap: 2rem;
      row-gap: 0;
      max-width: 60rem;
    }
    .certificate-dossier > header {
      grid-column: 1/-1;
    }
    .certificate-images {
      grid-column: 1;
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
      max-width: none;
      margin: 0;
      align-self: start;
    }
    .certificate-preview,
    button.certificate-preview.is-secondary {
      width: 100%;
    }
    .certificate-preview.is-primary img {
      height: 15.5rem;
    }
    button.certificate-preview.is-secondary img {
      height: 12rem;
    }
    .certificate-benefits {
      grid-column: 2;
      grid-row: 2;
      align-self: start;
      max-width: none;
      margin: 0;
    }
    .certificate-benefits li {
      padding: 1rem 1rem 1rem 2.15rem;
    }
    .certificate-benefits li::before {
      left: 0.45rem;
      top: 1rem;
    }
    .certificate-note {
      grid-column: 2;
      max-width: none;
      width: 100%;
      margin: 1rem 0 0;
      padding-top: 1rem;
    }
  }

  /* Operations is an index, not a vertical ledger: two complete facts are comparable at one glance. */
  /*  ── 09 Operations, practicums & study ──  */
  @media (min-width: 901px) {
    .operations-dossier {
      max-width: 60rem;
    }
    .operations-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 2.5rem;
      align-items: start;
      margin: 0 0 3.5rem;
    }
    .operations-card {
      padding: 1.4rem 0;
      border: 0;
    }
    .operations-card + .operations-card {
      padding-left: 2.5rem;
      border-left: 1px solid var(--line);
    }
    .operations-card dl > div {
      grid-template-columns: 8.75rem minmax(0, 1fr);
    }
  }

  /*  ── 05 Programme & curriculum ──  */

  #programme .canonical-section-inner > h2,
  .bonus-dossier > header h2,
  .operations-title {
    font-size: var(--section-display);
    line-height: var(--section-display-leading);
    letter-spacing: var(--section-display-tracking);
  }
  /*  ── 06 Bonuses ──  */
  .bonus-dossier,
  .bonus-dossier > header,
  .bonus-dossier > header h2 {
    max-width: 58rem;
  }

  /* The last positioning line bridges directly into the programme; it is not a third empty scene. */
  /*  ── 04 Positioning & demand ──  */
  #canonicalFlow > .canonical-section:has(.positioning-compare) {
    padding-bottom: 2rem;
  }
  /*  ── 05 Programme & curriculum ──  */
  #programme {
    padding-top: 32px;
    padding-bottom: 48px;
  }

  /* The evidence slider follows its final claim with one intentional pause, not a full section-height gap. */
  /*  ── 11 Shared & safeguards ──  */
  #need-stats {
    padding-bottom: 1.25rem;
  }
  /*  ── 03 Market, statistics & evidence ──  */
  #threads-evidence {
    padding-top: 0;
    padding-bottom: 1.75rem;
  }
  #threads-evidence .canonical-gallery-frame {
    min-height: 0;
  }
  #threads-evidence .canonical-gallery-controls {
    margin-top: 0.75rem;
  }

  @media (max-width: 640px) {
    #canonicalFlow > .canonical-section:has(.positioning-compare) {
      padding-bottom: 1.5rem;
    }
    #need-stats {
      padding-bottom: 1rem;
    }
    #threads-evidence {
      padding-bottom: 1.4rem;
    }
  } /* V36 Precision Repair — preserve the user-approved V35 scenes.
   Philosophy for this layer: repair only measured geometry. Statistics read vertically,
   dark evidence keeps its narrative continuity, and the programme returns to its canonical axis. */

  /* First statistics: explanatory lead above its value. Keep each pair vertically composed,
   tighten only their internal pause and centre the complete pair in its existing card. */
  #market-stats .canonical-stats--market article.is-label-first {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.45rem;
  }

  #market-stats .canonical-stats--market article.is-label-first .stat-label {
    max-width: none;
    margin: 0;
  }

  /* Second statistics: the accepted 3+2 grid stays intact; each evidence pair is centred as a unit. */
  #need-stats .canonical-stats--need article {
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }

  /* The final demand sentence is a bridge into the gallery, not a new empty scene: 18px paragraph
   margin + 72px section padding creates the measured 90px pause before the media frame. */
  /*  ── 11 Shared & safeguards ──  */
  #need-stats + .canonical-section--dark {
    padding-bottom: 4.5rem;
  }

  /* The original lecture lead is ordinary emphatic copy: it bridges the preceding outcome and
   the curriculum dossier without becoming a box, label, or competing heading. */
  .curriculum-source-intro {
    margin: var(--copy-gap) 0 1.5rem;
    font-size: var(--copy-size);
    line-height: var(--copy-leading);
  }

  .curriculum-source-intro strong {
    font-weight: 700;
  }

  /* Credentials: preserve the accepted two-column dossier, but let the qualification note seal
   the entire evidence object beneath both columns instead of leaving it stranded on the right. */
  /*  ── 11 Shared & safeguards ──  */
  @media (min-width: 641px) {
    .certificate-note {
      grid-column: 1/-1;
      grid-row: auto;
      max-width: none;
      width: 100%;
      margin: 1rem 0 0;
      padding-top: 1rem;
    }
  }

  /* Author proof: these are equal-level introductions, so they use the same measured display-copy role. */
  /*  ── 07 Author, cases & reviews ──  */
  @media (min-width: 641px) {
    #author .author-proof-head p {
      font-size: 23px;
      line-height: 30.82px;
    }
  }

  /* Hero orbit correction: each rotating span is the exact circumference container;
     the visible point is its child, centred on the corresponding grey line. */
  /*  ── 02 Header & hero ──  */
  .canonical-hero-orbit span,
  .canonical-hero-orbit span:nth-child(1),
  .canonical-hero-orbit span:nth-child(2),
  .canonical-hero-orbit span:nth-child(3) {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
  }
  .canonical-hero-orbit span:nth-child(1) {
    inset: 0;
  }
  .canonical-hero-orbit span:nth-child(2) {
    inset: 11%;
  }
  .canonical-hero-orbit span:nth-child(3) {
    inset: 27%;
  }
  .canonical-hero-orbit span i {
    top: -6px;
    left: 50%;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 0 0 -6px;
    border-radius: 50%;
    background: #0066cc;
    box-shadow: 0 0 0 7px rgba(0, 102, 204, 0.09);
  }
  .canonical-hero-orbit span:nth-child(2) i {
    background: #1d1d1f;
    box-shadow: 0 0 0 7px rgba(29, 29, 31, 0.06);
  }
  @media (max-width: 900px) {
    .canonical-hero-orbit span i {
      top: -4.5px;
      width: 9px;
      height: 9px;
      margin-left: -4.5px;
    }
  }
  @media (max-width: 640px) {
    .canonical-hero-orbit span i {
      top: -2.5px;
      width: 5px;
      height: 5px;
      margin-left: -2.5px;
      box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.09);
    }
    .canonical-hero-orbit span:nth-child(2) i {
      box-shadow: 0 0 0 3px rgba(29, 29, 31, 0.06);
    }
  }
}