/* Template Management page: unique tm- classes prevent conflicts. */
    :root {
      --tm-blue: #2d9bf0;
      --tm-primary-rgb: 45, 155, 240;
      --tm-blue-bright: #65b8f5;
      --tm-gold: #f2bd3e;
      --tm-gold-bright: #ffd76a;
      --tm-white: #fff;
      --tm-muted: rgba(255, 255, 255, .72);
      --tm-faint: rgba(255, 255, 255, .52);
      --tm-glass: rgba(225, 230, 240, .11);
      --tm-border: rgba(255, 255, 255, .24);
      --tm-radius: 20px;
      --tm-radius-lg: 30px;
      --tm-shadow: 0 24px 70px rgba(0, 0, 0, .26);
    }

    .tm-page,
    .tm-page *,
    .tm-page *::before,
    .tm-page *::after {
      box-sizing: border-box;
    }

    .tm-page {
      min-height: 100vh;
      overflow: hidden;
      color: var(--tm-white);
      font-family: "Urbanist", sans-serif;
      background:
        radial-gradient(circle at 78% 12%, rgba(var(--tm-primary-rgb), .14), transparent 30%),
        radial-gradient(circle at 18% 58%, rgba(242, 189, 62, .07), transparent 25%),
        linear-gradient(180deg, rgba(27, 16, 36, .2), rgba(27, 16, 36, .52));
    }

    .tm-shell {
      width: min(1180px, calc(100% - 48px));
      margin: 0 auto;
    }

    .tm-section {
      padding: clamp(76px, 9vw, 128px) 0;
    }

    .tm-section--compact {
      padding-top: clamp(48px, 6vw, 76px);
      padding-bottom: clamp(48px, 6vw, 76px);
    }

    .tm-template-page .tm-section {
      padding: clamp(52px, 6.1vw, 87px) 0;
    }

    .tm-template-page .tm-section--compact {
      padding: clamp(33px, 4.1vw, 52px) 0;
    }

    .tm-template-page .tm-hero {
      padding-bottom: clamp(53px, 6.1vw, 80px);
    }

    .tm-core-layout {
      display: grid;
      grid-template-columns: minmax(360px, 1fr) minmax(0, 1.25fr);
      align-items: center;
      gap: 48px;
    }
    .tm-core-copy { min-width: 0; grid-column: 2; grid-row: 1; }
    .tm-core-layout > .tm-core-graphic { grid-column: 1; grid-row: 1; }
    .tm-core-graphic { padding: 28px 20px; border-radius: 24px; text-align: center; }
    .tm-core-controls { display: flex; justify-content: center; gap: 8px; position: relative; padding-bottom: 28px; }
    .tm-core-controls span {
      position: relative;
      flex: 1;
      display: grid;
      place-items: center;
      min-height: 48px;
      padding: 8px;
      border: 1px solid rgba(var(--tm-primary-rgb), .4);
      border-radius: 10px;
      background: rgba(var(--tm-primary-rgb), .1);
      color: #eef6ff;
      font-size: 12px;
      line-height: 1.3;
    }
    .tm-core-controls span::after { content: ""; position: absolute; top: 100%; left: 50%; width: 2px; height: 14px; background: var(--tm-blue); }
    .tm-core-controls::after { content: ""; position: absolute; bottom: 14px; left: 16%; right: 16%; height: 2px; background: var(--tm-blue); }
    .tm-core-document { position: relative; width: 160px; margin: 0 auto; padding: 20px; border-radius: 6px; background: linear-gradient(145deg, #fff, #e5edf6); box-shadow: 0 12px 30px rgba(0, 0, 0, .25); }
    .tm-core-document::before { content: ""; position: absolute; bottom: 100%; left: 50%; width: 2px; height: 14px; background: var(--tm-blue); }
    .tm-core-document-title { color: #24364a; font-size: 16px; font-weight: 700; }
    .tm-core-doc-heading { height: 8px; width: 55%; margin: 16px 0 12px; border-radius: 2px; background: var(--tm-blue); }
    .tm-core-doc-lines { height: 28px; background: repeating-linear-gradient(to bottom, #bbc9d9 0 4px, transparent 4px 10px); }
    .tm-core-doc-block { height: 26px; margin: 12px 0; border-left: 3px solid var(--tm-blue); background: rgba(var(--tm-primary-rgb), .12); }
    .tm-core-doc-signature { width: 44px; height: 12px; margin-top: 14px; border-bottom: 2px solid #7f91a5; border-radius: 50%; }
    .tm-core-controls--bottom { padding-top: 28px; padding-bottom: 0; }
    .tm-core-controls--bottom span::after { top: auto; bottom: 100%; }
    .tm-core-controls--bottom::after { top: 14px; bottom: auto; left: 25%; right: 25%; }
    .tm-core-controls--bottom::before { content: ""; position: absolute; top: 0; left: 50%; width: 2px; height: 14px; background: var(--tm-blue); }
    .tm-core-flow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 28px; color: #fff; font-size: 12px; }
    .tm-core-flow span { padding: 7px 9px; border: 1px solid var(--tm-border); border-radius: 7px; background: rgba(255, 255, 255, .05); }
    .tm-core-flow b { color: var(--tm-blue-bright); }
    .tm-core-caption { margin: 18px 0 0; color: var(--tm-muted); font-size: 13px; line-height: 1.5; }
    .tm-core-checklist-graphic {
      display: grid;
      width: min(100%, 480px);
      margin: 0 auto;
      grid-template-columns: 140px minmax(0, 1fr);
      align-items: center;
      gap: 20px;
      padding: 28px 0 28px 18px;
      text-align: left;
    }
    .tm-core-checklist-graphic .tm-core-document { width: 140px; padding: 14px; margin: 0; }
    .tm-core-checklist-graphic .tm-core-document::before { display: none; }
    .tm-core-checklist { display: grid; gap: 16px; list-style: none; margin: 0; padding: 0; width: 100%; }
    .tm-core-checklist li { display: flex; align-items: flex-start; gap: 9px; color: #eef6ff; font-size: 13px; line-height: 1.45; }
    .tm-core-checklist li span { display: grid; place-items: center; flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: #159957; color: #fff; font-size: 13px; font-weight: 700; }
    @media (max-width: 980px) {
      .tm-core-layout { grid-template-columns: 1fr; gap: 28px; }
      .tm-core-copy { grid-column: 1; grid-row: 1; }
      .tm-core-layout > .tm-core-graphic { grid-column: 1; grid-row: 2; }
      .tm-core-graphic { width: min(100%, 420px); margin: 0 auto; }
    }

    .tm-template-examples {
      list-style: disc outside;
      padding-left: 24px;
    }
    .tm-template-examples li {
      display: list-item;
      list-style: disc outside;
      margin-bottom: 10px;
    }
    .tm-template-examples li::marker { color: var(--tm-blue-bright); }

    .tm-order-layout {
      display: grid;
      grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr);
      align-items: center;
      gap: clamp(40px, 5vw, 72px);
    }
    .tm-order-copy { min-width: 0; }
    .tm-order-graphic {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr) 116px;
      align-items: center;
      gap: 36px;
      padding: 16px 8px 52px 0;
    }
    .tm-order-inputs { display: grid; gap: 16px; position: relative; }
    .tm-order-inputs::after {
      content: "";
      position: absolute;
      top: 25px;
      bottom: 25px;
      right: -19px;
      width: 2px;
      background: var(--tm-blue);
    }
    .tm-order-input {
      position: relative;
      padding: 14px 10px;
      min-height: 50px;
      border-radius: 10px;
      color: #eef6ff;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.5;
      text-align: center;
    }
    .tm-order-input::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 100%;
      width: 18px;
      height: 2px;
      background: var(--tm-blue);
    }
    .tm-order-document {
      position: relative;
      padding: 18px 12px;
      height: 190px;
      border-radius: 7px;
      background: linear-gradient(145deg, #fff, #e5edf6);
      box-shadow: 0 16px 36px rgba(0, 0, 0, .25);
    }
    .tm-order-document::before {
      content: "";
      position: absolute;
      top: 50%;
      left: -18px;
      width: 18px;
      height: 2px;
      background: var(--tm-blue);
    }
    .tm-order-doc-brand { width: 20px; height: 14px; border: 3px solid var(--tm-blue); border-radius: 3px; margin-bottom: 12px; }
    .tm-order-doc-line { height: 4px; margin-top: 6px; border-radius: 2px; background: #bbc9d9; }
    .tm-order-doc-line--short { width: 65%; }
    .tm-order-doc-reference { height: 22px; margin: 10px 0; border-left: 2px solid var(--tm-blue); background: rgba(var(--tm-primary-rgb), .12); }
    .tm-order-doc-gap { height: 5px; }
    .tm-order-doc-signature { width: 35px; height: 10px; margin-top: 12px; border-bottom: 2px solid #7f91a5; border-radius: 50%; }
    .tm-order-doc-check { position: absolute; right: -10px; bottom: -10px; display: grid; place-items: center; width: 30px; height: 30px; border: 2px solid #fff; border-radius: 50%; background: #159957; color: #fff; font-size: 20px; font-weight: 700; }
    .tm-order-caption { position: absolute; bottom: 0; left: 0; right: 0; color: var(--tm-muted); text-align: center; font-size: 13px; }

    @media (max-width: 980px) {
      .tm-order-layout { grid-template-columns: 1fr; }
      .tm-order-graphic { width: min(100%, 360px); margin: 0 auto; }
      .tm-order-copy { order: -1; }
      .tm-foundation > .tm-word-card { order: 1; }
    }

    @media (max-width: 520px) {
      .tm-template-page .tm-section { padding: 46px 0; }
    }

    .tm-glass {
      background:
        linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(225, 230, 240, .055)),
        var(--tm-glass);
      border: 1px solid var(--tm-border);
      box-shadow: var(--tm-shadow), inset 0 1px 0 rgba(255, 255, 255, .11);
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
    }

    .tm-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 20px;
      color: var(--tm-blue-bright);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .tm-eyebrow::before {
      content: "";
      width: 26px;
      height: 2px;
      border-radius: 999px;
      background: var(--tm-blue);
      box-shadow: 0 0 14px rgba(var(--tm-primary-rgb), .38);
    }

    .tm-eyebrow--gold {
      color: var(--tm-gold-bright);
    }

    .tm-eyebrow--gold::before {
      background: var(--tm-gold);
      box-shadow: 0 0 14px rgba(242, 189, 62, .28);
    }

    .tm-title,
    .tm-heading {
      margin: 0;
      color: var(--tm-white);
      font-weight: 500;
      letter-spacing: -.04em;
    }

    .tm-title {
      max-width: 870px;
      font-size: clamp(42px, 6.3vw, 78px);
      line-height: .99;
    }

    .tm-title span {
      color: var(--tm-blue-bright);
    }

    .tm-heading {
      max-width: 840px;
      font-size: clamp(32px, 4.4vw, 54px);
      line-height: 1.05;
    }

    .tm-heading--small {
      font-size: clamp(28px, 3.6vw, 44px);
    }

    .tm-lead,
    .tm-copy {
      color: var(--tm-muted);
      font-weight: 350;
    }

    .tm-lead {
      max-width: 750px;
      margin: 26px 0 0;
      font-size: clamp(18px, 2vw, 22px);
      line-height: 1.62;
    }

    .tm-copy {
      margin: 20px 0 0;
      font-size: 18px;
      line-height: 1.7;
    }

    .tm-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 34px;
    }

    .tm-button {
      min-height: 48px;
      padding: 0 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--tm-blue);
      border-radius: 999px;
      background: rgba(var(--tm-primary-rgb), .2);
      color: var(--tm-white);
      font-size: 15px;
      font-weight: 600;
      line-height: 1;
      text-decoration: none;
      transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
    }

    .tm-button:hover {
      transform: translateY(-2px);
      background: rgba(var(--tm-primary-rgb), .4);
      border-color: var(--tm-blue-bright);
      box-shadow: 0 12px 30px rgba(var(--tm-primary-rgb), .18);
      color: var(--tm-white);
    }

    .tm-button--quiet {
      border-color: rgba(255, 255, 255, .32);
      background: rgba(255, 255, 255, .055);
    }

    .tm-button--quiet:hover {
      border-color: rgba(255, 255, 255, .58);
      background: rgba(255, 255, 255, .11);
      box-shadow: none;
    }

    .tm-button:focus-visible {
      outline: 2px solid var(--tm-gold-bright);
      outline-offset: 4px;
    }

    /* Hero */
    .tm-hero {
      padding: clamp(132px, 15vw, 188px) 0 clamp(78px, 9vw, 118px);
    }

    .tm-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
      gap: clamp(48px, 7vw, 96px);
      align-items: center;
    }

    .tm-hero-visual {
      position: relative;
      z-index: 1;
      padding: 18px;
      border-radius: var(--tm-radius-lg);
    }

    .tm-hero-visual::before {
      content: "";
      position: absolute;
      inset: 13% -11% -10% 20%;
      z-index: -1;
      border-radius: 50%;
      background: rgba(var(--tm-primary-rgb), .18);
      filter: blur(52px);
    }

    .tm-window-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 4px 4px 15px;
    }

    .tm-window-dots {
      display: flex;
      gap: 7px;
    }

    .tm-window-dots span {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .32);
    }

    .tm-window-label {
      color: var(--tm-faint);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .tm-letter {
      position: relative;
      min-height: 575px;
      padding: 42px 38px;
      border-radius: 18px;
      background: linear-gradient(155deg, #fff, #eef3f8);
      color: #1f2937;
      box-shadow: 0 20px 55px rgba(0, 0, 0, .24);
    }

    .tm-letterhead {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 34px;
    }

    .tm-letterhead-mark {
      width: 36px;
      height: 36px;
      border: 6px solid var(--tm-blue);
      border-radius: 9px;
      box-shadow: inset 0 0 0 5px var(--tm-gold);
    }

    .tm-letterhead-name {
      color: #344052;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.1;
    }

    .tm-letter-meta {
      margin-bottom: 26px;
    }

    .tm-letter-line {
      height: 7px;
      margin: 8px 0;
      border-radius: 999px;
      background: #cfd7e1;
    }

    .tm-letter-line--short {
      width: 38%;
    }

    .tm-letter-line--medium {
      width: 62%;
    }

    .tm-reference-block {
      display: grid;
      grid-template-columns: 92px 1fr;
      gap: 9px 18px;
      margin: 26px 0 32px;
      padding: 18px;
      border-left: 3px solid var(--tm-blue);
      border-radius: 0 10px 10px 0;
      background: rgba(var(--tm-primary-rgb), .08);
    }

    .tm-reference-block span:not(.tm-visual-tag) {
      height: 6px;
      border-radius: 999px;
      background: #bec9d6;
    }

    .tm-reference-block span:not(.tm-visual-tag):nth-child(even) {
      background: #8da3ba;
    }

    .tm-letterhead,
    .tm-letter-meta,
    .tm-reference-block,
    .tm-letter-body,
    .tm-signature {
      position: relative;
    }

    .tm-body-block + .tm-body-block { margin-top: 20px; }
    .tm-body-block .tm-letter-line:nth-child(1) { width: 92%; }
    .tm-body-block .tm-letter-line:nth-child(2) { width: 100%; }
    .tm-body-block .tm-letter-line:nth-child(3) { width: 68%; }

    .tm-signature {
      margin-top: 32px;
    }

    .tm-signature-mark {
      width: 92px;
      height: 25px;
      margin-bottom: 10px;
      border-bottom: 2px solid #7f91a5;
      border-radius: 50%;
      transform: rotate(-4deg) skewX(-18deg);
    }

    .tm-signature-line {
      height: 6px;
      margin-top: 7px;
      border-radius: 999px;
      background: #c5cfda;
    }

    .tm-signature-line--name { width: 35%; }
    .tm-signature-line--title { width: 24%; background: #d5dce4; }
    .tm-signature-line--organization { width: 42%; }
    .tm-signature-line--contact { width: 30%; background: #d5dce4; }
    .tm-signature-line--address { width: 38%; background: #d5dce4; }

    .tm-visual-tag {
      position: absolute;
      min-height: 30px;
      padding: 0 11px;
      display: inline-flex;
      align-items: center;
      border: 1px solid rgba(var(--tm-primary-rgb), .42);
      border-radius: 999px;
      background: rgba(24, 35, 49, .82);
      color: #fff;
      font-size: 11px;
      font-weight: 600;
      box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .tm-visual-tag {
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
      white-space: nowrap;
    }

    .tm-visual-tag--one,
    .tm-visual-tag--three,
    .tm-visual-tag--five { right: -48px; }

    .tm-visual-tag--two,
    .tm-visual-tag--four { left: -48px; }

    .tm-letter-meta,
    .tm-reference-block,
    .tm-letter-body {
      margin-top: 46px;
    }

    .tm-visual-tag--two,
    .tm-visual-tag--three,
    .tm-visual-tag--four {
      top: 0;
      transform: translateY(-25%);
    }

    .tm-visual-tag--three { right: -48px; }

    .tm-visual-tag--four {
      border-color: rgba(242, 189, 62, .48);
    }

    .tm-visual-tag--five {
      border-color: rgba(242, 189, 62, .48);
    }

    /* Claim correspondence flow */
    .tm-claim-flow {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 56px;
      margin: 32px 0 0;
      padding: 0;
      list-style: none;
    }

    .tm-claim-stage {
      position: relative;
      padding: 24px 12px 72px;
      border-radius: 16px;
      text-align: center;
    }

    .tm-claim-stage:not(:last-child)::after {
      content: "";
      position: absolute;
      left: calc(100% + 10px);
      top: 50%;
      width: 36px;
      height: 14px;
      transform: translateY(-50%);
      background: var(--tm-blue);
      clip-path: polygon(0 35%, 68% 35%, 68% 0, 100% 50%, 68% 100%, 68% 65%, 0 65%);
    }

    .tm-claim-stage span { display: block; margin-bottom: 12px; color: var(--tm-blue); font-size: 13px; font-weight: 700; }
    .tm-claim-stage strong { display: block; color: #fff; font-size: 18px; line-height: 1.4; }
    .tm-claim-stage small { display: block; margin-top: 6px; color: var(--tm-muted); font-size: 13px; }
    .tm-claim-stage:last-child span { color: var(--tm-gold); }

    .tm-claim-document {
      position: absolute;
      bottom: -22px;
      left: 50%;
      transform: translateX(-50%);
      width: 68px;
      height: 88px;
      border: 1px solid rgba(var(--tm-primary-rgb), .4);
      border-radius: 5px 14px 5px 5px;
      background: linear-gradient(145deg, #fff, #e5edf6);
      box-shadow: 0 8px 20px rgba(0, 0, 0, .24);
      pointer-events: none;
    }

    .tm-claim-document::before {
      content: "";
      position: absolute;
      top: 14px;
      left: 10px;
      width: 18px;
      height: 5px;
      border-radius: 2px;
      background: var(--tm-blue);
      box-shadow: 0 13px #bac8d8, 0 26px #bac8d8, 0 39px #bac8d8;
    }

    .tm-claim-document::after {
      content: "";
      position: absolute;
      top: 27px;
      left: 32px;
      width: 24px;
      height: 5px;
      border-radius: 2px;
      background: #bac8d8;
      box-shadow: 0 13px #bac8d8, 0 26px #bac8d8;
    }

    .tm-claim-document-check {
      position: absolute;
      right: -7px;
      bottom: -7px;
      width: 22px;
      height: 22px;
      display: grid;
      place-items: center;
      box-sizing: border-box;
      border: 2px solid #fff;
      border-radius: 50%;
      background: #159957;
      color: #fff;
      font-style: normal;
      font-size: 14px;
      font-weight: 700;
      line-height: 1;
      box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
    }

    .tm-claim-flow { margin-bottom: 29px; }

    @media (max-width: 720px) {
      .tm-claim-flow { grid-template-columns: 1fr; gap: 64px; }
      .tm-claim-stage:not(:last-child)::after {
        content: "";
        left: 50%;
        top: calc(100% + 28px);
        width: 14px;
        height: 28px;
        transform: translateX(-50%);
        clip-path: polygon(35% 0, 65% 0, 65% 68%, 100% 68%, 50% 100%, 0 68%, 35% 68%);
      }
    }

    /* Correspondence toolkit */
    .tm-tools-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, 176px);
      grid-auto-rows: 176px;
      justify-content: center;
      gap: 8px;
      width: min(100%, 912px);
      margin: 32px auto 0;
    }

    .tm-tool-card {
      min-width: 0;
      min-height: 0;
      aspect-ratio: 1 / 1;
      box-sizing: border-box;
      padding: 12px;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }

.tm-tool-number {
      display: block;
      margin-bottom: 8px;
      color: var(--tm-blue);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .08em;
    }

    .tm-tool-banner {
      grid-column: auto;
      aspect-ratio: 1 / 1;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: left;
      color: #fff;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: 0;
      gap: 0;
      padding: 12px;
      border-color: rgba(var(--tm-primary-rgb), .25);
    }

    .tm-tool-banner-number { display: block; }
    .tm-tool-banner strong { margin-bottom: 6px; line-height: 1.2; }

    .tm-tool-banner-copy {
      max-width: 520px;
      color: var(--tm-muted);
      font-size: 12px;
      font-weight: 400;
      line-height: 1.35;
    }

    .tm-tool-card h3 { margin: 0 0 6px; color: #fff; font-size: 15px; line-height: 1.2; }
    .tm-tool-card p { margin: 0; color: var(--tm-muted); font-size: 12px; line-height: 1.35; }

    @media (max-width: 1000px) {
      .tm-tool-banner {
        grid-column: auto;
        aspect-ratio: 1 / 1;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        padding: 12px;
        gap: 0;
        font-size: 15px;
        line-height: 1.2;
      }
      .tm-tool-banner-number { display: block; }
      .tm-tool-banner strong { margin-bottom: 6px; }
      .tm-tool-banner-copy { font-size: 12px; line-height: 1.35; }
    }


    /* Value strip */
    .tm-value-strip {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      overflow: hidden;
      border-radius: var(--tm-radius);
    }

    .tm-value-item {
      min-height: 168px;
      padding: 30px;
      border-right: 1px solid rgba(255, 255, 255, .14);
    }

    .tm-value-item:last-child {
      border-right: 0;
    }

    .tm-value-number {
      margin-bottom: 16px;
      color: var(--tm-blue-bright);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .13em;
    }

    .tm-value-item:nth-child(2) .tm-value-number {
      color: var(--tm-gold-bright);
    }

    .tm-value-title {
      margin: 0 0 10px;
      color: var(--tm-white);
      font-size: 21px;
      font-weight: 550;
    }

    .tm-value-text {
      margin: 0;
      color: var(--tm-muted);
      font-size: 15px;
      line-height: 1.55;
    }

    /* Operational complexity */
    .tm-problem-grid,
    .tm-foundation,
    .tm-control-panel {
      display: grid;
      align-items: center;
      gap: clamp(46px, 7vw, 92px);
    }

    .tm-problem-grid {
      grid-template-columns: minmax(280px, .65fr) minmax(0, 1.35fr);
    }

    .tm-complexity-card {
      padding: 32px;
      border-radius: var(--tm-radius-lg);
    }

    .tm-complexity-card:has(.tm-impact-metric) {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      padding: 24px 18px;
    }

    .tm-impact-metric {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: center;
      align-content: start;
      justify-items: center;
      gap: 16px;
      text-align: center;
    }

    .tm-impact-metric + .tm-impact-metric {
      padding-left: 18px;
      border-left: 1px solid rgba(255, 255, 255, .15);
    }

    .tm-impact-arrow {
      width: 48px;
      height: 90px;
      background: var(--tm-blue);
      clip-path: polygon(30% 0, 70% 0, 70% 60%, 100% 60%, 50% 100%, 0 60%, 30% 60%);
    }

    .tm-impact-metric--up .tm-impact-arrow {
      background: var(--tm-gold);
      transform: rotate(180deg);
    }

    .tm-impact-metric strong {
      display: block;
      color: var(--tm-blue);
      font-size: clamp(30px, 3vw, 48px);
      line-height: 1.1;
      margin-bottom: 8px;
    }

    .tm-impact-metric--up strong { color: var(--tm-gold); }
    .tm-impact-metric p { margin: 0; color: #fff; font-size: 15px; line-height: 1.5; }

    .tm-complexity-label {
      margin: 0 0 22px;
      color: var(--tm-faint);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .tm-complexity-list {
      display: grid;
      gap: 12px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .tm-complexity-list li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      padding: 15px 16px;
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 12px;
      background: rgba(255, 255, 255, .045);
      color: rgba(255, 255, 255, .86);
      font-size: 15px;
    }

    .tm-complexity-list li::after {
      content: "Managed";
      color: var(--tm-blue-bright);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    /* Word foundation */
    .tm-foundation {
      grid-template-columns: 1fr;
      gap: 24px;
    }

    .tm-foundation > .tm-word-card { order: 1; min-height: auto; }


    .tm-word-card {
      position: relative;
      min-height: 390px;
      padding: 36px;
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 20px;
      overflow: hidden;
      border-radius: var(--tm-radius-lg);
    }

    .tm-workspaces { gap: 12px; justify-content: center; }
    .tm-workspace {
      position: relative;
      z-index: 1;
      padding: 18px;
      border: 1px solid rgba(var(--tm-primary-rgb), .3);
      border-radius: 14px;
      background: rgba(255, 255, 255, .05);
    }
    .tm-workspace-symbol {
      display: grid;
      place-items: center;
      width: 34px;
      height: 34px;
      margin-bottom: 12px;
      border-radius: 8px;
      background: rgba(var(--tm-primary-rgb), .2);
      color: var(--tm-blue-bright);
      font-size: 23px;
      font-weight: 700;
    }
    .tm-workspace strong { display: block; color: #fff; font-size: 18px; line-height: 1.3; }
    .tm-workspace p { margin: 8px 0 0; color: var(--tm-muted); font-size: 14px; line-height: 1.5; }
    .tm-workspace-connection { position: relative; z-index: 1; text-align: center; color: var(--tm-blue-bright); font-size: 24px; }
    .tm-workspace-platform { position: relative; z-index: 1; padding-top: 12px; color: var(--tm-blue-bright); font-size: 14px; font-weight: 600; text-align: center; line-height: 1.6; }

    .tm-word-card::after {
      content: "";
      position: absolute;
      right: -74px;
      bottom: -96px;
      width: 250px;
      height: 250px;
      border-radius: 50%;
      background: rgba(var(--tm-primary-rgb), .26);
      filter: blur(8px);
    }

    .tm-word-icon {
      position: relative;
      z-index: 1;
      width: clamp(80px, 8vw, 110px);
      height: clamp(80px, 8vw, 110px);
      flex-shrink: 0;
      margin-bottom: 0;
      display: grid;
      place-items: center;
      border: 1px solid rgba(101, 184, 245, .72);
      border-radius: 22px;
      background: rgba(var(--tm-primary-rgb), .24);
      color: var(--tm-white);
      font-size: 52px;
      font-weight: 700;
      box-shadow: 0 15px 35px rgba(var(--tm-primary-rgb), .19);
    }

    .tm-word-card-copy {
      position: relative;
      z-index: 1;
    }

    .tm-word-card-copy strong {
      display: block;
      margin-bottom: 9px;
      color: var(--tm-white);
      font-size: 23px;
      font-weight: 600;
    }

    .tm-word-card-copy span {
      color: var(--tm-muted);
      font-size: 16px;
      line-height: 1.55;
    }

    .tm-proof-list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
      margin-top: 30px;
    }

    .tm-proof {
      padding: 18px;
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 12px;
      background: rgba(255, 255, 255, .04);
    }

    .tm-proof strong {
      display: block;
      margin-bottom: 6px;
      color: var(--tm-white);
      font-size: 15px;
      font-weight: 600;
    }

    .tm-proof span {
      color: var(--tm-faint);
      font-size: 14px;
      line-height: 1.45;
    }

    /* Letter anatomy */
    .tm-section-intro {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 44px;
      margin-bottom: 42px;
    }

    .tm-section-intro .tm-copy {
      max-width: 440px;
      margin: 0;
    }

    .tm-anatomy-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }

    .tm-anatomy-card {
      min-height: 258px;
      padding: 27px;
      border-radius: var(--tm-radius);
      transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
    }

    .tm-anatomy-card:hover {
      transform: translateY(-5px);
      border-color: rgba(101, 184, 245, .52);
      background-color: rgba(var(--tm-primary-rgb), .09);
    }

    .tm-anatomy-index {
      display: block;
      margin-bottom: 48px;
      color: var(--tm-blue-bright);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
    }


    .tm-anatomy-card h3 {
      margin: 0 0 12px;
      color: var(--tm-white);
      font-size: 22px;
      font-weight: 550;
      line-height: 1.18;
    }

    .tm-anatomy-card p {
      margin: 0;
      color: var(--tm-muted);
      font-size: 15px;
      line-height: 1.55;
    }

    /* Controlled flexibility */
    .tm-control-panel {
      grid-template-columns: minmax(0, 1fr) minmax(330px, .84fr);
      gap: clamp(24px, 3.5vw, 46px);
      padding: clamp(34px, 5vw, 64px);
      border-radius: var(--tm-radius-lg);
    }

    .tm-control-panel--text-only { grid-template-columns: 1fr; }

    .tm-principles {
      display: grid;
      gap: 14px;
    }

    .tm-principle {
      padding: 20px;
      border: 1px solid rgba(255, 255, 255, .12);
      border-radius: 14px;
      background: rgba(255, 255, 255, .045);
    }

    .tm-principle strong {
      display: block;
      margin-bottom: 7px;
      color: var(--tm-white);
      font-size: 16px;
      font-weight: 600;
    }

    .tm-principle span {
      color: var(--tm-muted);
      font-size: 14px;
      line-height: 1.5;
    }

    /* Governance lifecycle */
    .tm-lifecycle {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      margin-top: 46px;
      overflow: hidden;
      border-radius: var(--tm-radius);
    }

    .tm-lifecycle-step {
      min-height: 220px;
      padding: 28px;
      border-right: 1px solid rgba(255, 255, 255, .14);
    }

    .tm-lifecycle-step:last-child {
      border-right: 0;
    }

    .tm-step-number {
      width: 38px;
      height: 38px;
      margin-bottom: 34px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(101, 184, 245, .58);
      border-radius: 50%;
      background: rgba(var(--tm-primary-rgb), .14);
      color: var(--tm-blue-bright);
      font-size: 13px;
      font-weight: 700;
    }

    .tm-lifecycle-step h3 {
      margin: 0 0 10px;
      color: var(--tm-white);
      font-size: 20px;
      font-weight: 550;
    }

    .tm-lifecycle-step p {
      margin: 0;
      color: var(--tm-muted);
      font-size: 14px;
      line-height: 1.55;
    }

    /* Trust and Value */
    .tm-trust-value {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }

    .tm-pillar {
      position: relative;
      min-height: 430px;
      padding: clamp(32px, 5vw, 56px);
      overflow: hidden;
      border-radius: var(--tm-radius-lg);
    }

    .tm-pillar::after {
      content: "";
      position: absolute;
      right: -70px;
      bottom: -90px;
      width: 260px;
      height: 260px;
      border-radius: 50%;
      filter: blur(16px);
      opacity: .68;
    }

    .tm-pillar--trust {
      border-color: rgba(101, 184, 245, .42);
    }

    .tm-pillar--trust::after {
      background: rgba(var(--tm-primary-rgb), .3);
    }

    .tm-pillar--value {
      border-color: rgba(242, 189, 62, .38);
    }

    .tm-pillar--value::after {
      background: rgba(242, 189, 62, .23);
    }

    .tm-pillar-label {
      position: relative;
      z-index: 1;
      min-height: 30px;
      padding: 0 12px;
      margin-bottom: 64px;
      display: inline-flex;
      align-items: center;
      border-radius: 999px;
      color: var(--tm-white);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .tm-pillar--trust .tm-pillar-label {
      border: 1px solid rgba(101, 184, 245, .55);
      background: rgba(var(--tm-primary-rgb), .14);
    }

    .tm-pillar--value .tm-pillar-label {
      border: 1px solid rgba(242, 189, 62, .5);
      background: rgba(242, 189, 62, .12);
    }

    .tm-pillar h2,
    .tm-pillar p {
      position: relative;
      z-index: 1;
    }

    .tm-pillar h2 {
      max-width: 460px;
      margin: 0 0 20px;
      color: var(--tm-white);
      font-size: clamp(30px, 3.7vw, 46px);
      font-weight: 500;
      line-height: 1.08;
      letter-spacing: -.03em;
    }

    .tm-pillar p {
      max-width: 470px;
      margin: 0;
      color: var(--tm-muted);
      font-size: 17px;
      line-height: 1.65;
    }

    /* Conversion close */
    .tm-cta {
      padding-bottom: clamp(96px, 12vw, 150px);
    }

    .tm-cta-panel {
      position: relative;
      padding: clamp(44px, 7vw, 82px);
      overflow: hidden;
      border-radius: var(--tm-radius-lg);
      text-align: center;
    }

    .tm-cta-panel::before,
    .tm-cta-panel::after {
      content: "";
      position: absolute;
      width: 270px;
      height: 270px;
      border-radius: 50%;
      filter: blur(35px);
    }

    .tm-cta-panel::before {
      top: -170px;
      left: -90px;
      background: rgba(var(--tm-primary-rgb), .34);
    }

    .tm-cta-panel::after {
      right: -90px;
      bottom: -185px;
      background: rgba(242, 189, 62, .26);
    }

    .tm-cta-content {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .tm-cta-panel .tm-heading {
      max-width: 800px;
    }

    .tm-cta-panel .tm-lead {
      max-width: 680px;
    }

    .tm-related {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 9px;
      margin-top: 34px;
    }

    .tm-related span,
    .tm-related a {
      padding: 8px 12px;
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 999px;
      background: rgba(255, 255, 255, .04);
      color: var(--tm-faint);
      font-size: 12px;
    }

    .tm-related a { text-decoration: none; transition: color .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease; }
    .tm-related a:hover,
    .tm-related a:focus-visible {
      color: var(--tm-gold-bright);
      border-color: var(--tm-gold);
      background: rgba(242, 189, 62, .12);
      box-shadow: 0 0 16px rgba(242, 189, 62, .35);
      outline: 2px solid transparent;
      outline-offset: 3px;
    }

    @media (max-width: 980px) {
      .tm-hero-grid,
      .tm-problem-grid,
      .tm-foundation,
      .tm-control-panel {
        grid-template-columns: 1fr;
      }

      .tm-hero-visual {
        width: min(620px, 100%);
        margin: 0 auto;
      }

      .tm-word-card {
        min-height: 320px;
      }

      .tm-anatomy-grid,
      .tm-lifecycle {
        grid-template-columns: repeat(2, 1fr);
      }

      .tm-lifecycle-step:nth-child(2) {
        border-right: 0;
      }

      .tm-lifecycle-step:nth-child(-n + 2) {
        border-bottom: 1px solid rgba(255, 255, 255, .14);
      }
    }

    @media (max-width: 720px) {
      .tm-shell {
        width: min(100% - 32px, 1180px);
      }

      .tm-hero {
        padding-top: 116px;
      }

      .tm-title {
        font-size: clamp(40px, 12.8vw, 58px);
      }

      .tm-value-strip,
      .tm-trust-value {
        grid-template-columns: 1fr;
      }

      .tm-value-item {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .14);
      }

      .tm-value-item:last-child {
        border-bottom: 0;
      }

      .tm-section-intro {
        display: block;
      }

      .tm-section-intro .tm-copy {
        margin-top: 20px;
      }

      .tm-proof-list {
        grid-template-columns: 1fr;
      }

      .tm-pillar {
        min-height: 360px;
      }
    }

    @media (max-width: 520px) {
      .tm-section {
        padding: 68px 0;
      }

      .tm-actions {
        display: grid;
        grid-template-columns: 1fr;
      }

      .tm-button {
        width: 100%;
      }

      .tm-hero-visual {
        padding: 10px;
        border-radius: 22px;
      }

      .tm-letter {
        min-height: 520px;
        padding: 32px 24px;
      }

      .tm-visual-tag {
        font-size: 10px;
      }

      .tm-visual-tag--one,
      .tm-visual-tag--three,
      .tm-visual-tag--five { right: -32px; }

      .tm-visual-tag--two,
      .tm-visual-tag--four { left: -32px; }

      .tm-anatomy-grid,
      .tm-lifecycle {
        grid-template-columns: 1fr;
      }

      .tm-lifecycle-step {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .14);
      }

      .tm-lifecycle-step:nth-child(2) {
        border-bottom: 1px solid rgba(255, 255, 255, .14);
      }

      .tm-lifecycle-step:last-child {
        border-bottom: 0;
      }

      .tm-complexity-card,
      .tm-word-card,
      .tm-control-panel,
      .tm-pillar,
      .tm-cta-panel {
        padding: 28px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .tm-button,
      .tm-anatomy-card {
        transition: none;
      }
    }