.trustelis-resources-page,
    .trustelis-resources-page * {
      box-sizing: border-box;
    }

    .trustelis-resources-page {
      --tlr-scale: 1;
      --tlr-stage-w: 1672px;
      --tlr-stage-h: 5000px;
      --tlr-fit-h: 5000px;

      --tlr-blue: #087cff;
      --tlr-blue2: #00a3ff;
      --tlr-cyan: #22e6ff;
      --tlr-purple: #7c3dff;
      --tlr-pink: #c02cff;
      --tlr-text: #f8fafc;
      --tlr-muted: #d8e0ee;
      --tlr-soft: #9fb0cf;

      position: relative;
      width: 100vw;
      max-width: 100vw;
      margin: 0 calc(50% - 50vw);
      padding: 0;
      overflow-x: hidden;
      overflow-y: visible;
      background: #020614;
      color: var(--tlr-text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      isolation: isolate;
      scroll-behavior: smooth;
    }

    @supports (width: 100dvw) {
      .trustelis-resources-page {
        width: 100dvw;
        max-width: 100dvw;
        margin-left: calc(50% - 50dvw);
        margin-right: calc(50% - 50dvw);
      }
    }

    .trustelis-resources-page a {
      color: inherit;
      text-decoration: none !important;
    }

    .trustelis-resources-page svg {
      display: block;
      flex: 0 0 auto;
    }

    .tlr-svg-sprite {
      position: absolute;
      width: 0;
      height: 0;
      overflow: hidden;
      pointer-events: none;
    }

    .tlr-desktop-fit {
      position: relative;
      width: 100%;
      height: var(--tlr-fit-h);
      min-height: var(--tlr-fit-h);
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden;
      background:
        radial-gradient(circle at 10% 34%, rgba(0, 132, 255, 0.20), transparent 34%),
        radial-gradient(circle at 78% 26%, rgba(127, 44, 255, 0.20), transparent 40%),
        radial-gradient(circle at 91% 8%, rgba(0, 132, 255, 0.13), transparent 26%),
        radial-gradient(circle at 50% 98%, rgba(34, 230, 255, 0.07), transparent 34%),
        linear-gradient(180deg, #020614 0%, #040b18 55%, #020614 100%);
    }

    .tlr-stage {
      position: absolute;
      left: 50%;
      top: 0;
      width: var(--tlr-stage-w);
      height: var(--tlr-stage-h);
      margin: 0 !important;
      padding: 0 !important;
      transform-origin: top center;
      transform: translateX(-50%) scale(var(--tlr-scale));
      overflow: hidden;
      background:
        radial-gradient(circle at 15% 16%, rgba(0, 94, 255, 0.18), transparent 25%),
        radial-gradient(circle at 73% 26%, rgba(21, 119, 255, 0.16), transparent 31%),
        radial-gradient(circle at 86% 70%, rgba(134, 39, 255, 0.18), transparent 33%),
        radial-gradient(circle at 44% 96%, rgba(0, 163, 255, 0.08), transparent 35%),
        linear-gradient(180deg, #020614 0%, #030817 60%, #020614 100%);
    }

    .tlr-bg-grid {
      position: absolute;
      inset: 0;
      opacity: 0.13;
      background:
        linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px);
      background-size: 78px 78px;
      mask-image: radial-gradient(circle at 66% 35%, black 0%, transparent 70%);
      -webkit-mask-image: radial-gradient(circle at 66% 35%, black 0%, transparent 70%);
      pointer-events: none;
    }

    .tlr-wave-left {
      position: absolute;
      left: -320px;
      top: 560px;
      width: 1160px;
      height: 280px;
      border-radius: 50%;
      transform: rotate(-4deg);
      background:
        repeating-radial-gradient(
          ellipse at center,
          transparent 0 18px,
          rgba(0, 142, 255, 0.20) 20px 21px,
          transparent 23px 38px
        );
      opacity: 0.65;
      mask-image: linear-gradient(90deg, black, black 54%, transparent 88%);
      -webkit-mask-image: linear-gradient(90deg, black, black 54%, transparent 88%);
      pointer-events: none;
    }

    .tlr-wave-right {
      position: absolute;
      right: -250px;
      top: 540px;
      width: 1100px;
      height: 310px;
      border-radius: 50%;
      transform: rotate(6deg);
      background:
        repeating-radial-gradient(
          ellipse at center,
          transparent 0 23px,
          rgba(113, 54, 255, 0.26) 25px 26px,
          transparent 28px 48px
        );
      opacity: 0.65;
      mask-image: linear-gradient(270deg, black, black 62%, transparent 95%);
      -webkit-mask-image: linear-gradient(270deg, black, black 62%, transparent 95%);
      pointer-events: none;
    }

    .tlr-particles {
      position: absolute;
      left: 1370px;
      top: 144px;
      width: 300px;
      height: 500px;
      opacity: 0.42;
      background-image:
        radial-gradient(circle, rgba(0, 166, 255, 0.8) 0 1px, transparent 1.4px),
        radial-gradient(circle, rgba(145, 80, 255, 0.75) 0 1px, transparent 1.4px);
      background-size: 42px 42px, 58px 58px;
      background-position: 0 0, 18px 24px;
      mask-image: radial-gradient(circle, black 0%, transparent 72%);
      -webkit-mask-image: radial-gradient(circle, black 0%, transparent 72%);
      pointer-events: none;
    }

    .tlr-hero-copy {
      position: absolute;
      left: 68px;
      top: 108px;
      width: 1536px;
      z-index: 12;
    }

    .tlr-title {
      display: grid !important;
      grid-template-columns: 1fr;
      row-gap: 8px !important;
      margin: 0 !important;
      padding: 0 !important;
      color: #ffffff;
      font-size: 62px;
      line-height: 0.88 !important;
      font-weight: 860;
      letter-spacing: -0.058em;
      text-shadow: 0 8px 32px rgba(0, 0, 0, 0.34);
    }

    .tlr-title-line {
      display: block !important;
      line-height: 0.88 !important;
      margin: 0 !important;
      padding: 0 !important;
      white-space: nowrap;
    }

    .tlr-title .tlr-grad,
    .tlr-grad {
      background: linear-gradient(90deg, #0087ff 0%, #386eff 42%, #8b3dff 72%, #c02cff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: none;
    }

    .tlr-subtitle {
      margin: 34px 0 0 !important;
      max-width: 780px;
      color: rgba(238, 244, 255, 0.84);
      font-size: 19px;
      line-height: 1.28;
      font-weight: 430;
      letter-spacing: -0.023em;
    }

    .tlr-accent-line {
      width: 196px;
      height: 4px;
      margin-top: 24px;
      border-radius: 999px;
      background: linear-gradient(90deg, #00a3ff, #7c3dff, #c02cff);
      box-shadow:
        0 0 18px rgba(0, 163, 255, 0.34),
        0 0 18px rgba(192, 44, 255, 0.30);
    }

    .tlr-cta-row {
      display: flex;
      gap: 20px;
      align-items: center;
      margin-top: 26px;
    }

    .tlr-primary-btn,
    .tlr-secondary-btn {
      height: 56px;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 13px;
      color: #fff !important;
      font-size: 16px;
      line-height: 1;
      font-weight: 760;
      letter-spacing: -0.03em;
      white-space: nowrap;
      transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    }

    .tlr-primary-btn {
      width: 270px;
      background: linear-gradient(100deg, #0087ff 0%, #0b6fff 42%, #7c22ff 76%, #a92dff 100%);
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-shadow:
        0 16px 34px rgba(0, 119, 255, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
    }

    .tlr-secondary-btn {
      width: 318px;
      background: rgba(5, 11, 28, 0.55);
      border: 1px solid rgba(255, 255, 255, 0.36);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 22px rgba(0, 143, 255, 0.10);
    }

    .tlr-primary-btn:hover,
    .tlr-secondary-btn:hover,
    .tlr-primary-btn:focus-visible,
    .tlr-secondary-btn:focus-visible {
      transform: translateY(-1px);
      filter: brightness(1.05);
      border-color: rgba(255, 255, 255, 0.86);
      outline: none;
    }

    .tlr-primary-btn svg {
      width: 22px;
      height: 22px;
    }

    .tlr-secondary-btn svg {
      width: 26px;
      height: 26px;
    }

    .tlr-library-panel {
      position: absolute;
      left: 68px;
      top: 510px;
      width: 1536px;
      height: 600px;
      border-radius: 22px;
      z-index: 15;
      background:
        radial-gradient(circle at 18% 22%, rgba(0, 132, 255, 0.20), transparent 35%),
        radial-gradient(circle at 96% 80%, rgba(192, 44, 255, 0.23), transparent 40%),
        linear-gradient(145deg, rgba(5, 18, 43, 0.88), rgba(4, 9, 26, 0.96));
      border: 1px solid rgba(0, 143, 255, 0.88);
      box-shadow:
        0 0 0 1px rgba(192, 44, 255, 0.56),
        0 0 42px rgba(0, 119, 255, 0.22),
        0 0 52px rgba(192, 44, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
      overflow: hidden;
    }

    .tlr-library-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(0, 163, 255, 0.07), transparent 36%, rgba(192, 44, 255, 0.09)),
        linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.020) 1px, transparent 1px);
      background-size: 100% 100%, 56px 56px, 56px 56px;
      opacity: 0.66;
      pointer-events: none;
    }

    .tlr-library-inner {
      position: absolute;
      inset: 26px 34px 26px;
      z-index: 3;
    }

    .tlr-library-title {
      margin: 0;
      color: #fff;
      font-size: 28px;
      line-height: 1;
      font-weight: 830;
      letter-spacing: -0.045em;
    }

    .tlr-library-description {
      margin: 8px 0 0;
      max-width: 1120px;
      color: rgba(231, 237, 248, 0.74);
      font-size: 13px;
      line-height: 1.22;
      font-weight: 440;
      letter-spacing: -0.018em;
    }

    .tlr-library-title,
    .tlr-library-description,
    .tlr-search input,
    .tlr-master-detail,
    .tlr-library-summary {
      transition: opacity 150ms ease, transform 150ms ease;
    }

    .tlr-library-panel.is-switching .tlr-library-title,
    .tlr-library-panel.is-switching .tlr-library-description,
    .tlr-library-panel.is-switching .tlr-search input,
    .tlr-library-panel.is-switching .tlr-master-detail,
    .tlr-library-panel.is-switching .tlr-library-summary {
      opacity: 0.55;
      transform: translateY(2px);
    }

    .tlr-search {
      height: 42px;
      margin-top: 13px;
      border-radius: 9px;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0 15px;
      color: rgba(238, 244, 255, 0.63);
      font-size: 13.5px;
      font-weight: 450;
      background: rgba(1, 8, 24, 0.55);
      border: 1px solid rgba(170, 190, 255, 0.36);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .tlr-search svg {
      width: 18px;
      height: 18px;
      color: rgba(238, 244, 255, 0.82);
    }

    .tlr-search input {
      width: 100%;
      min-width: 0;
      height: 100%;
      margin: 0;
      padding: 0;
      color: rgba(238, 244, 255, 0.92);
      font: inherit;
      line-height: 1;
      background: transparent;
      border: 0;
      outline: 0;
      box-shadow: none;
      appearance: none;
      -webkit-appearance: none;
    }

    .tlr-search input::placeholder {
      color: rgba(238, 244, 255, 0.58);
      opacity: 1;
    }

    .tlr-search:focus-within {
      border-color: rgba(0, 163, 255, 0.74);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 18px rgba(0, 163, 255, 0.16);
    }

    .tlr-tabs {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
      margin-top: 11px;
    }

    .tlr-tab {
      height: 38px;
      border-radius: 8px;
      display: grid;
      place-items: center;
      color: rgba(255, 255, 255, 0.88);
      font-size: 12.5px;
      font-weight: 700;
      letter-spacing: -0.02em;
      background: rgba(4, 10, 27, 0.72);
      border: 1px solid rgba(118, 156, 255, 0.20);
      padding: 0;
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      font-family: inherit;
      transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
    }

    .tlr-tab:hover,
    .tlr-tab:focus-visible {
      transform: translateY(-1px);
      border-color: rgba(0, 163, 255, 0.55);
      outline: none;
    }

    .tlr-tab.active {
      color: #fff;
      border-color: rgba(0, 143, 255, 0.95);
      background: linear-gradient(90deg, rgba(8, 124, 255, 0.52), rgba(124, 61, 255, 0.45));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 0 18px rgba(8, 124, 255, 0.26),
        0 0 18px rgba(192, 44, 255, 0.18);
    }

    .tlr-resource-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 12px;
    }

    .tlr-resource-card {
      height: 72px;
      border-radius: 10px;
      display: grid;
      grid-template-columns: 46px 1fr 20px;
      align-items: center;
      gap: 11px;
      padding: 10px 12px;
      background:
        radial-gradient(circle at 10% 45%, rgba(0, 143, 255, 0.18), transparent 32%),
        linear-gradient(180deg, rgba(7, 18, 44, 0.74), rgba(4, 10, 28, 0.82));
      border: 1px solid rgba(0, 143, 255, 0.38);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .tlr-resource-card.purple {
      background:
        radial-gradient(circle at 10% 45%, rgba(192, 44, 255, 0.17), transparent 32%),
        linear-gradient(180deg, rgba(22, 12, 48, 0.74), rgba(4, 10, 28, 0.82));
      border-color: rgba(192, 44, 255, 0.42);
    }

    .tlr-resource-card.cyan {
      background:
        radial-gradient(circle at 10% 45%, rgba(34, 230, 255, 0.15), transparent 32%),
        linear-gradient(180deg, rgba(7, 32, 48, 0.68), rgba(4, 10, 28, 0.82));
      border-color: rgba(34, 230, 255, 0.34);
    }

    .tlr-resource-icon {
      width: 42px;
      height: 42px;
      border-radius: 11px;
      display: grid;
      place-items: center;
      color: #168eff;
      background: rgba(8, 124, 255, 0.12);
      border: 1px solid rgba(8, 124, 255, 0.34);
      box-shadow: 0 0 18px rgba(8, 124, 255, 0.14);
    }

    .tlr-resource-card.purple .tlr-resource-icon {
      color: #b763ff;
      background: rgba(192, 44, 255, 0.12);
      border-color: rgba(192, 44, 255, 0.34);
    }

    .tlr-resource-card.cyan .tlr-resource-icon {
      color: #22e6ff;
      background: rgba(34, 230, 255, 0.10);
      border-color: rgba(34, 230, 255, 0.32);
    }

    .tlr-resource-icon svg {
      width: 25px;
      height: 25px;
    }

    .tlr-resource-card h3 {
      margin: 0 0 4px;
      color: #fff;
      font-size: 13px;
      line-height: 1.06;
      font-weight: 790;
      letter-spacing: -0.035em;
    }

    .tlr-resource-card p {
      margin: 0;
      color: rgba(238, 244, 255, 0.72);
      font-size: 11px;
      line-height: 1.16;
      font-weight: 430;
      letter-spacing: -0.015em;
    }

    .tlr-resource-arrow {
      width: 19px;
      height: 19px;
      color: var(--tlr-blue2);
    }

    .tlr-resource-card.purple .tlr-resource-arrow {
      color: var(--tlr-purple);
    }

    .tlr-resource-card.cyan .tlr-resource-arrow {
      color: var(--tlr-cyan);
    }

    .tlr-metrics-strip {
      height: 58px;
      margin-top: 12px;
      border-radius: 10px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      background: rgba(3, 9, 27, 0.64);
      border: 1px solid rgba(118, 156, 255, 0.28);
      overflow: hidden;
    }

    .tlr-metric {
      position: relative;
      display: grid;
      grid-template-columns: 25px 1fr;
      align-items: center;
      gap: 9px;
      padding: 0 10px;
      color: rgba(238, 244, 255, 0.68);
      font-size: 10px;
      line-height: 1.05;
    }

    .tlr-metric + .tlr-metric {
      border-left: 1px solid rgba(118, 156, 255, 0.22);
    }

    .tlr-metric svg {
      width: 24px;
      height: 28px;
      color: var(--tlr-blue2);
      filter: drop-shadow(0 0 12px rgba(0, 163, 255, 0.26));
    }

    .tlr-metric:nth-child(2) svg,
    .tlr-metric:nth-child(4) svg {
      color: var(--tlr-purple);
    }

    .tlr-metric:nth-child(3) svg {
      color: var(--tlr-cyan);
    }

    .tlr-metric b {
      display: block;
      margin-top: 4px;
      color: #fff;
      font-size: 19px;
      line-height: 1;
      font-weight: 840;
      letter-spacing: -0.04em;
    }

    .tlr-metric:nth-child(1) b {
      color: var(--tlr-blue);
    }

    .tlr-metric:nth-child(2) b,
    .tlr-metric:nth-child(4) b {
      color: #9d54ff;
    }

    .tlr-metric:nth-child(3) b {
      color: var(--tlr-cyan);
    }



    /* v17 Topic List Control Library: central list + 2 featured resources + compact summary */
    /* v18 Hierarchical Control Library: category -> topic -> detail */
    .tlr-master-detail,
    .tlr-library-summary {
      transition: opacity 150ms ease, transform 150ms ease;
    }

    .tlr-library-panel.is-switching .tlr-master-detail,
    .tlr-library-panel.is-switching .tlr-library-summary {
      opacity: 0.58;
      transform: translateY(2px);
    }

    .tlr-master-detail {
      display: grid;
      grid-template-columns: 430px 1fr;
      gap: 22px;
      height: 342px;
      margin-top: 14px;
    }

    .tlr-topic-list-wrap {
      min-width: 0;
      height: 100%;
      padding: 13px;
      border-radius: 14px;
      background:
        radial-gradient(circle at 8% 8%, rgba(0, 143, 255, 0.12), transparent 35%),
        linear-gradient(180deg, rgba(2, 10, 28, 0.66), rgba(2, 7, 20, 0.76));
      border: 1px solid rgba(118, 156, 255, 0.25);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
      overflow: hidden;
    }

    .tlr-topic-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 9px;
      color: rgba(238, 244, 255, 0.70);
      font-size: 10px;
      line-height: 1;
      font-weight: 760;
      letter-spacing: 0.055em;
      text-transform: uppercase;
    }

    .tlr-topic-heading span:last-child {
      color: rgba(34, 230, 255, 0.82);
      font-weight: 780;
      letter-spacing: 0;
      text-transform: none;
    }

    .tlr-topic-grid {
      display: grid;
      gap: 6px;
    }

    .tlr-topic-empty {
      min-height: 92px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 14px;
      color: rgba(238, 244, 255, 0.68);
      font-size: 12px;
      line-height: 1.25;
      font-weight: 560;
      text-align: center;
      background: rgba(5, 14, 36, 0.42);
      border: 1px dashed rgba(118, 156, 255, 0.28);
    }

    .tlr-topic-item {
      width: 100%;
      min-width: 0;
      height: 31px;
      border-radius: 9px;
      display: grid;
      grid-template-columns: 14px 1fr 12px;
      align-items: center;
      gap: 6px;
      padding: 0 7px;
      color: rgba(248, 250, 252, 0.84);
      font-size: 11.5px;
      line-height: 1;
      font-weight: 670;
      letter-spacing: -0.022em;
      text-align: left;
      background: rgba(5, 14, 36, 0.54);
      border: 1px solid rgba(118, 156, 255, 0.18);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
      cursor: pointer;
      appearance: none;
      -webkit-appearance: none;
      font-family: inherit;
      overflow: hidden;
      transition: border-color 140ms ease, background 140ms ease, transform 140ms ease, box-shadow 140ms ease;
    }

    .tlr-topic-item:hover,
    .tlr-topic-item:focus-visible {
      border-color: rgba(0, 163, 255, 0.54);
      background: rgba(7, 20, 50, 0.72);
      outline: none;
    }

    .tlr-topic-item.active {
      color: #fff;
      border-color: rgba(0, 163, 255, 0.82);
      background: linear-gradient(90deg, rgba(8, 124, 255, 0.34), rgba(124, 61, 255, 0.18));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 14px rgba(0, 163, 255, 0.16);
    }

    .tlr-topic-item span:nth-child(2) {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .tlr-topic-dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      display: block;
      background: var(--tlr-blue2);
      box-shadow: 0 0 12px rgba(0, 163, 255, 0.45);
    }

    .tlr-topic-item.purple .tlr-topic-dot {
      background: var(--tlr-purple);
      box-shadow: 0 0 12px rgba(124, 61, 255, 0.45);
    }

    .tlr-topic-item.cyan .tlr-topic-dot {
      background: var(--tlr-cyan);
      box-shadow: 0 0 12px rgba(34, 230, 255, 0.40);
    }

    .tlr-topic-mini-arrow {
      width: 12px;
      height: 12px;
      color: rgba(0, 163, 255, 0.72);
    }

    .tlr-topic-item.purple .tlr-topic-mini-arrow {
      color: rgba(124, 61, 255, 0.80);
    }

    .tlr-topic-item.cyan .tlr-topic-mini-arrow {
      color: rgba(34, 230, 255, 0.82);
    }

    .tlr-topic-detail {
      min-width: 0;
      height: 100%;
      border-radius: 14px;
      padding: 18px 20px;
      background:
        radial-gradient(circle at 12% 0%, rgba(0, 143, 255, 0.13), transparent 35%),
        radial-gradient(circle at 96% 96%, rgba(192, 44, 255, 0.13), transparent 39%),
        linear-gradient(180deg, rgba(5, 14, 36, 0.72), rgba(2, 7, 20, 0.84));
      border: 1px solid rgba(0, 143, 255, 0.31);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
      overflow: hidden;
    }

    .tlr-empty-detail {
      height: 100%;
      min-height: 260px;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 24px;
      color: rgba(238, 244, 255, 0.72);
      text-align: center;
      background: rgba(1, 8, 24, 0.22);
      border: 1px dashed rgba(118, 156, 255, 0.22);
    }

    .tlr-empty-detail strong {
      color: #ffffff;
      font-size: 18px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: -0.035em;
    }

    .tlr-empty-detail span {
      max-width: 390px;
      font-size: 12px;
      line-height: 1.35;
      font-weight: 430;
    }

    .tlr-detail-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 7px;
    }

    .tlr-detail-tag,
    .tlr-detail-kind {
      min-width: 0;
      height: 20px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 9px;
      font-size: 9px;
      line-height: 1;
      font-weight: 780;
      letter-spacing: 0.045em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .tlr-detail-tag {
      color: #ffffff;
      background: linear-gradient(90deg, rgba(8, 124, 255, 0.54), rgba(124, 61, 255, 0.42));
      border: 1px solid rgba(0, 163, 255, 0.52);
    }

    .tlr-detail-kind {
      color: rgba(34, 230, 255, 0.84);
      background: rgba(1, 8, 24, 0.52);
      border: 1px solid rgba(34, 230, 255, 0.22);
    }

    .tlr-detail-title {
      margin: 0;
      color: #fff;
      font-size: 24px;
      line-height: 1.02;
      font-weight: 840;
      letter-spacing: -0.045em;
    }

    .tlr-detail-short {
      margin: 6px 0 0;
      color: rgba(238, 244, 255, 0.73);
      font-size: 12.8px;
      line-height: 1.18;
      font-weight: 450;
      letter-spacing: -0.015em;
    }

    .tlr-detail-section {
      margin-top: 11px;
    }

    .tlr-detail-label {
      margin: 0 0 5px;
      color: rgba(34, 230, 255, 0.82);
      font-size: 10px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.055em;
      text-transform: uppercase;
    }

    .tlr-detail-text {
      margin: 0;
      color: rgba(238, 244, 255, 0.76);
      font-size: 12px;
      line-height: 1.20;
      font-weight: 430;
      letter-spacing: -0.008em;
    }

    .tlr-detail-list {
      margin: 5px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px 10px;
    }

    .tlr-detail-list li {
      min-width: 0;
      position: relative;
      padding-left: 11px;
      color: rgba(238, 244, 255, 0.76);
      font-size: 11.5px;
      line-height: 1.12;
      font-weight: 440;
      letter-spacing: -0.008em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .tlr-detail-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 5px;
      height: 5px;
      border-radius: 999px;
      background: var(--tlr-blue2);
      box-shadow: 0 0 10px rgba(0, 163, 255, 0.38);
    }

    .tlr-detail-output {
      margin-top: 8px;
      min-height: 32px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      padding: 0 9px;
      color: rgba(255, 255, 255, 0.88);
      font-size: 10px;
      line-height: 1;
      font-weight: 680;
      background: rgba(1, 8, 24, 0.52);
      border: 1px solid rgba(118, 156, 255, 0.20);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .tlr-detail-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 5px;
    }

    .tlr-detail-chip {
      min-height: 19px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      padding: 0 8px;
      color: rgba(238, 244, 255, 0.78);
      font-size: 9.2px;
      line-height: 1;
      font-weight: 620;
      background: rgba(4, 13, 32, 0.62);
      border: 1px solid rgba(118, 156, 255, 0.20);
    }

    .tlr-library-summary {
      height: 30px;
      margin-top: 10px;
      border-radius: 999px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 13px;
      color: rgba(238, 244, 255, 0.76);
      font-size: 10.5px;
      line-height: 1;
      font-weight: 680;
      letter-spacing: -0.01em;
      background: rgba(3, 9, 27, 0.62);
      border: 1px solid rgba(118, 156, 255, 0.24);
    }

    .tlr-bottom-cards {
      position: absolute;
      left: 68px;
      top: 1152px;
      width: 1536px;
      height: 150px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 28px;
      z-index: 16;
    }

    .tlr-feature-card {
      position: relative;
      height: 150px;
      border-radius: 12px;
      display: grid;
      grid-template-columns: 118px 1fr;
      align-items: center;
      padding: 20px 26px 20px 20px;
      overflow: hidden;
      background:
        radial-gradient(circle at 21% 50%, rgba(0, 132, 255, 0.17), transparent 32%),
        linear-gradient(180deg, rgba(5, 16, 40, 0.80), rgba(3, 8, 22, 0.92));
      border: 1px solid rgba(0, 143, 255, 0.58);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 22px rgba(0, 119, 255, 0.12);
    }

    .tlr-feature-card.purple {
      border-color: rgba(192, 44, 255, 0.50);
      background:
        radial-gradient(circle at 25% 50%, rgba(192, 44, 255, 0.16), transparent 32%),
        linear-gradient(180deg, rgba(12, 12, 43, 0.82), rgba(4, 8, 24, 0.94));
    }

    .tlr-feature-card.cyan {
      border-color: rgba(34, 230, 255, 0.48);
      background:
        radial-gradient(circle at 25% 50%, rgba(34, 230, 255, 0.14), transparent 32%),
        linear-gradient(180deg, rgba(4, 20, 40, 0.80), rgba(3, 8, 22, 0.94));
    }

    .tlr-feature-number {
      position: absolute;
      left: 18px;
      top: 16px;
      font-size: 32px;
      line-height: 1;
      font-weight: 850;
      letter-spacing: -0.045em;
      color: var(--tlr-blue);
    }

    .tlr-feature-card.purple .tlr-feature-number {
      color: #9d54ff;
    }

    .tlr-feature-card.cyan .tlr-feature-number {
      color: var(--tlr-cyan);
    }

    .tlr-feature-icon {
      width: 72px;
      height: 72px;
      margin-left: 48px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #88cfff;
      background:
        radial-gradient(circle at 50% 42%, rgba(0, 143, 255, 0.30), transparent 55%),
        rgba(3, 12, 31, 0.72);
      border: 1px solid rgba(0, 143, 255, 0.72);
      box-shadow:
        0 0 22px rgba(0, 143, 255, 0.28),
        inset 0 0 24px rgba(0, 143, 255, 0.12);
    }

    .tlr-feature-card.purple .tlr-feature-icon {
      color: #c594ff;
      border-color: rgba(192, 44, 255, 0.72);
      background:
        radial-gradient(circle at 50% 42%, rgba(192, 44, 255, 0.28), transparent 55%),
        rgba(13, 8, 36, 0.78);
      box-shadow:
        0 0 22px rgba(192, 44, 255, 0.23),
        inset 0 0 24px rgba(192, 44, 255, 0.12);
    }

    .tlr-feature-card.cyan .tlr-feature-icon {
      color: #a9faff;
      border-color: rgba(34, 230, 255, 0.72);
      background:
        radial-gradient(circle at 50% 42%, rgba(34, 230, 255, 0.25), transparent 55%),
        rgba(3, 18, 30, 0.78);
      box-shadow:
        0 0 22px rgba(34, 230, 255, 0.21),
        inset 0 0 24px rgba(34, 230, 255, 0.10);
    }

    .tlr-feature-icon svg {
      width: 36px;
      height: 36px;
    }

    .tlr-feature-text {
      min-width: 0;
    }

    .tlr-feature-text h3 {
      margin: 0 0 8px;
      color: #fff;
      font-size: 20px;
      line-height: 1;
      font-weight: 820;
      letter-spacing: -0.045em;
    }

    .tlr-feature-text p {
      margin: 0;
      max-width: 310px;
      color: rgba(238, 244, 255, 0.78);
      font-size: 13px;
      line-height: 1.18;
      font-weight: 430;
      letter-spacing: -0.02em;
    }

    .tlr-card-arrow {
      position: absolute;
      left: 150px;
      bottom: 16px;
      width: 21px;
      height: 21px;
      color: var(--tlr-blue2);
    }

    .tlr-feature-card.purple .tlr-card-arrow {
      color: var(--tlr-purple);
    }

    .tlr-feature-card.cyan .tlr-card-arrow {
      color: var(--tlr-cyan);
    }



    /* v24 Resources Hub Extension: sections after the AI Control Library. No visible section numbering. */
    .tlr-resources-extension {
      position: absolute;
      left: 68px;
      top: 1198px;
      width: 1536px;
      z-index: 18;
    }

    .tlr-ext-section {
      position: relative;
      margin: 0 0 70px;
    }

    .tlr-ext-section::before {
      content: "";
      position: absolute;
      left: -22px;
      right: -22px;
      top: -28px;
      bottom: -28px;
      border-radius: 28px;
      background:
        radial-gradient(circle at 8% 22%, rgba(0, 132, 255, 0.08), transparent 34%),
        radial-gradient(circle at 92% 76%, rgba(124, 61, 255, 0.07), transparent 36%);
      opacity: 0.72;
      pointer-events: none;
    }

    .tlr-ext-section > * {
      position: relative;
      z-index: 2;
    }

    .tlr-section-heading {
      max-width: 860px;
      margin: 0 0 24px;
    }

    .tlr-section-title {
      margin: 0 !important;
      color: #ffffff;
      font-size: 34px;
      line-height: 1.02;
      font-weight: 840;
      letter-spacing: -0.052em;
      text-shadow: 0 10px 34px rgba(0, 0, 0, 0.30);
    }

    .tlr-section-subtitle {
      margin: 10px 0 0 !important;
      max-width: 660px;
      color: rgba(231, 237, 248, 0.76);
      font-size: 15px;
      line-height: 1.34;
      font-weight: 430;
      letter-spacing: -0.016em;
    }

    .tlr-objective-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
    }

    .tlr-objective-card {
      min-height: 142px;
      border-radius: 14px;
      display: grid;
      grid-template-columns: 104px 1fr;
      align-items: center;
      gap: 20px;
      padding: 22px 28px;
      background:
        radial-gradient(circle at 14% 46%, rgba(0, 143, 255, 0.16), transparent 30%),
        linear-gradient(180deg, rgba(5, 17, 42, 0.80), rgba(3, 9, 24, 0.92));
      border: 1px solid rgba(0, 143, 255, 0.48);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 24px rgba(0, 119, 255, 0.10);
      overflow: hidden;
    }

    .tlr-objective-card.purple {
      border-color: rgba(192, 44, 255, 0.45);
      background:
        radial-gradient(circle at 14% 46%, rgba(192, 44, 255, 0.15), transparent 30%),
        linear-gradient(180deg, rgba(17, 10, 43, 0.82), rgba(4, 8, 24, 0.94));
    }

    .tlr-objective-card.cyan {
      border-color: rgba(34, 230, 255, 0.42);
      background:
        radial-gradient(circle at 14% 46%, rgba(34, 230, 255, 0.13), transparent 30%),
        linear-gradient(180deg, rgba(3, 22, 42, 0.82), rgba(4, 8, 24, 0.94));
    }

    .tlr-big-icon,
    .tlr-card-icon,
    .tlr-industry-icon,
    .tlr-flow-icon,
    .tlr-decision-icon {
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      color: #6fc5ff;
      background:
        radial-gradient(circle at 50% 44%, rgba(0, 143, 255, 0.22), transparent 58%),
        rgba(3, 12, 31, 0.72);
      border: 1px solid rgba(0, 143, 255, 0.62);
      box-shadow:
        0 0 22px rgba(0, 143, 255, 0.22),
        inset 0 0 20px rgba(0, 143, 255, 0.09);
    }

    .tlr-big-icon {
      width: 78px;
      height: 78px;
      border-radius: 50%;
      margin-left: 8px;
    }

    .tlr-big-icon svg {
      width: 38px;
      height: 38px;
    }

    .tlr-purple-icon {
      color: #c594ff;
      border-color: rgba(192, 44, 255, 0.62);
      background:
        radial-gradient(circle at 50% 44%, rgba(192, 44, 255, 0.20), transparent 58%),
        rgba(13, 8, 36, 0.78);
      box-shadow:
        0 0 22px rgba(192, 44, 255, 0.20),
        inset 0 0 20px rgba(192, 44, 255, 0.09);
    }

    .tlr-cyan-icon {
      color: #9dfaff;
      border-color: rgba(34, 230, 255, 0.60);
      background:
        radial-gradient(circle at 50% 44%, rgba(34, 230, 255, 0.18), transparent 58%),
        rgba(3, 18, 30, 0.78);
      box-shadow:
        0 0 22px rgba(34, 230, 255, 0.18),
        inset 0 0 20px rgba(34, 230, 255, 0.08);
    }

    .tlr-objective-card h3,
    .tlr-resource-hub-card h3,
    .tlr-industry-card h3,
    .tlr-flow-card h3,
    .tlr-decision-card h3 {
      margin: 0 !important;
      color: #ffffff;
      font-size: 20px;
      line-height: 1.05;
      font-weight: 820;
      letter-spacing: -0.042em;
    }

    .tlr-objective-card p,
    .tlr-resource-hub-card p,
    .tlr-industry-card p,
    .tlr-flow-card p,
    .tlr-decision-card p {
      margin: 8px 0 0 !important;
      color: rgba(238, 244, 255, 0.76);
      font-size: 13.5px;
      line-height: 1.24;
      font-weight: 430;
      letter-spacing: -0.014em;
    }

    .tlr-mini-arrow {
      width: 22px;
      height: 22px;
      margin-top: 12px;
      color: var(--tlr-blue2);
    }

    .purple .tlr-mini-arrow {
      color: var(--tlr-purple);
    }

    .cyan .tlr-mini-arrow {
      color: var(--tlr-cyan);
    }

    .tlr-featured-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    .tlr-resource-hub-card {
      min-height: 168px;
      border-radius: 13px;
      padding: 20px 22px;
      display: grid;
      grid-template-columns: 74px 1fr;
      gap: 18px;
      align-items: center;
      background:
        radial-gradient(circle at 13% 18%, rgba(0, 132, 255, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(5, 16, 40, 0.78), rgba(3, 8, 22, 0.93));
      border: 1px solid rgba(0, 143, 255, 0.36);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
      overflow: hidden;
    }

    .tlr-resource-hub-card.purple {
      border-color: rgba(192, 44, 255, 0.34);
      background:
        radial-gradient(circle at 13% 18%, rgba(192, 44, 255, 0.12), transparent 32%),
        linear-gradient(180deg, rgba(15, 11, 42, 0.80), rgba(3, 8, 22, 0.94));
    }

    .tlr-resource-hub-card.cyan {
      border-color: rgba(34, 230, 255, 0.31);
      background:
        radial-gradient(circle at 13% 18%, rgba(34, 230, 255, 0.10), transparent 32%),
        linear-gradient(180deg, rgba(5, 22, 42, 0.78), rgba(3, 8, 22, 0.94));
    }

    .tlr-resource-copy {
      min-width: 0;
    }

    .tlr-resource-badge {
      min-height: 22px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      margin: 0 0 12px;
      color: #9fd7ff;
      font-size: 10px;
      line-height: 1;
      font-weight: 780;
      letter-spacing: 0.055em;
      text-transform: uppercase;
      background: rgba(0, 143, 255, 0.12);
      border: 1px solid rgba(0, 143, 255, 0.34);
    }

    .purple .tlr-resource-badge {
      color: #d9bcff;
      background: rgba(192, 44, 255, 0.12);
      border-color: rgba(192, 44, 255, 0.34);
    }

    .cyan .tlr-resource-badge {
      color: #a9faff;
      background: rgba(34, 230, 255, 0.10);
      border-color: rgba(34, 230, 255, 0.28);
    }

    .tlr-card-icon {
      width: 60px;
      height: 60px;
      border-radius: 14px;
    }

    .tlr-card-icon svg {
      width: 30px;
      height: 30px;
    }

    .tlr-industry-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px;
    }

    .tlr-industry-card {
      min-height: 212px;
      border-radius: 14px;
      padding: 22px 18px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      text-align: center;
      background:
        radial-gradient(circle at 50% 8%, rgba(0, 143, 255, 0.14), transparent 36%),
        linear-gradient(180deg, rgba(5, 16, 40, 0.80), rgba(3, 8, 22, 0.94));
      border: 1px solid rgba(0, 143, 255, 0.34);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
    }

    .tlr-industry-card.purple {
      border-color: rgba(192, 44, 255, 0.34);
      background:
        radial-gradient(circle at 50% 8%, rgba(192, 44, 255, 0.12), transparent 36%),
        linear-gradient(180deg, rgba(15, 11, 42, 0.80), rgba(3, 8, 22, 0.94));
    }

    .tlr-industry-card.cyan {
      border-color: rgba(34, 230, 255, 0.30);
      background:
        radial-gradient(circle at 50% 8%, rgba(34, 230, 255, 0.11), transparent 36%),
        linear-gradient(180deg, rgba(5, 22, 42, 0.80), rgba(3, 8, 22, 0.94));
    }

    .tlr-industry-icon {
      width: 66px;
      height: 66px;
      border-radius: 50%;
      margin: 0 0 18px;
    }

    .tlr-industry-icon svg {
      width: 34px;
      height: 34px;
    }

    .tlr-industry-card h3 {
      font-size: 18px;
    }

    .tlr-industry-card p {
      max-width: 208px;
      margin-top: 10px !important;
      font-size: 13px;
      line-height: 1.25;
    }

    .tlr-flow-wrap {
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 18px;
      align-items: stretch;
      margin-top: 14px;
    }

    .tlr-flow-wrap::before {
      content: "";
      position: absolute;
      left: 80px;
      right: 80px;
      top: 62px;
      height: 2px;
      background: linear-gradient(90deg, rgba(0, 163, 255, 0.16), rgba(0, 163, 255, 0.72), rgba(124, 61, 255, 0.76), rgba(34, 230, 255, 0.52), rgba(192, 44, 255, 0.52));
      box-shadow: 0 0 18px rgba(0, 163, 255, 0.22);
      opacity: 0.66;
      pointer-events: none;
    }

    .tlr-flow-card {
      position: relative;
      min-height: 144px;
      border-radius: 13px;
      padding: 20px 16px 16px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      text-align: center;
      background:
        radial-gradient(circle at 50% 0%, rgba(0, 132, 255, 0.13), transparent 34%),
        linear-gradient(180deg, rgba(5, 16, 40, 0.86), rgba(3, 8, 22, 0.96));
      border: 1px solid rgba(0, 143, 255, 0.36);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 18px rgba(0, 119, 255, 0.09);
    }

    .tlr-flow-card.purple {
      border-color: rgba(192, 44, 255, 0.36);
      background:
        radial-gradient(circle at 50% 0%, rgba(192, 44, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(15, 11, 42, 0.86), rgba(3, 8, 22, 0.96));
    }

    .tlr-flow-card.cyan {
      border-color: rgba(34, 230, 255, 0.31);
      background:
        radial-gradient(circle at 50% 0%, rgba(34, 230, 255, 0.11), transparent 34%),
        linear-gradient(180deg, rgba(5, 22, 42, 0.86), rgba(3, 8, 22, 0.96));
    }

    .tlr-flow-icon {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin-bottom: 14px;
      background: rgba(3, 12, 31, 0.92);
    }

    .tlr-flow-icon svg {
      width: 26px;
      height: 26px;
    }

    .tlr-flow-card h3 {
      font-size: 15px;
      line-height: 1.12;
      letter-spacing: -0.032em;
    }

    .tlr-flow-card p {
      font-size: 11.2px;
      margin-top: 7px !important;
    }

    .tlr-center-cta {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 24px;
    }

    .tlr-build-btn,
    .tlr-demo-btn {
      height: 54px;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      color: #fff !important;
      font-size: 15px;
      line-height: 1;
      font-weight: 780;
      letter-spacing: -0.03em;
      white-space: nowrap;
      transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
    }

    .tlr-build-btn {
      width: 294px;
      background: linear-gradient(100deg, #0087ff 0%, #0b6fff 42%, #7c22ff 76%, #a92dff 100%);
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-shadow:
        0 16px 34px rgba(0, 119, 255, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
    }

    .tlr-demo-btn {
      width: 220px;
      background: rgba(5, 11, 28, 0.55);
      border: 1px solid rgba(255, 255, 255, 0.32);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .tlr-build-btn:hover,
    .tlr-demo-btn:hover,
    .tlr-build-btn:focus-visible,
    .tlr-demo-btn:focus-visible {
      transform: translateY(-1px);
      filter: brightness(1.05);
      border-color: rgba(255, 255, 255, 0.86);
      outline: none;
    }

    .tlr-build-btn svg,
    .tlr-demo-btn svg {
      width: 22px;
      height: 22px;
    }

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

    .tlr-decision-card {
      min-height: 138px;
      border-radius: 14px;
      display: grid;
      grid-template-columns: 66px 1fr;
      align-items: center;
      gap: 16px;
      padding: 19px 18px;
      border: 1px solid rgba(0, 143, 255, 0.34);
      background:
        radial-gradient(circle at 18% 50%, rgba(0, 143, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(5, 16, 40, 0.82), rgba(3, 8, 22, 0.94));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    }

    .tlr-decision-card.approved {
      border-color: rgba(22, 218, 139, 0.42);
      background:
        radial-gradient(circle at 18% 50%, rgba(22, 218, 139, 0.11), transparent 34%),
        linear-gradient(180deg, rgba(5, 30, 33, 0.74), rgba(3, 8, 22, 0.94));
    }

    .tlr-decision-card.needs {
      border-color: rgba(255, 184, 54, 0.44);
      background:
        radial-gradient(circle at 18% 50%, rgba(255, 184, 54, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(31, 22, 5, 0.74), rgba(3, 8, 22, 0.94));
    }

    .tlr-decision-card.blocked {
      border-color: rgba(255, 82, 112, 0.46);
      background:
        radial-gradient(circle at 18% 50%, rgba(255, 82, 112, 0.10), transparent 34%),
        linear-gradient(180deg, rgba(35, 9, 22, 0.74), rgba(3, 8, 22, 0.94));
    }

    .tlr-decision-card.escalated {
      border-color: rgba(174, 94, 255, 0.48);
      background:
        radial-gradient(circle at 18% 50%, rgba(174, 94, 255, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(20, 10, 44, 0.78), rgba(3, 8, 22, 0.94));
    }

    .tlr-decision-icon {
      width: 58px;
      height: 58px;
      border-radius: 50%;
    }

    .tlr-decision-icon svg {
      width: 30px;
      height: 30px;
    }

    .tlr-decision-card.approved .tlr-decision-icon {
      color: #40f5ac;
      border-color: rgba(22, 218, 139, 0.58);
      box-shadow: 0 0 22px rgba(22, 218, 139, 0.18);
    }

    .tlr-decision-card.needs .tlr-decision-icon {
      color: #ffc65c;
      border-color: rgba(255, 184, 54, 0.60);
      box-shadow: 0 0 22px rgba(255, 184, 54, 0.16);
    }

    .tlr-decision-card.blocked .tlr-decision-icon {
      color: #ff6f8a;
      border-color: rgba(255, 82, 112, 0.60);
      box-shadow: 0 0 22px rgba(255, 82, 112, 0.16);
    }

    .tlr-decision-card.escalated .tlr-decision-icon {
      color: #c994ff;
      border-color: rgba(174, 94, 255, 0.64);
      box-shadow: 0 0 22px rgba(174, 94, 255, 0.18);
    }

    .tlr-decision-card.approved h3 { color: #40f5ac; }
    .tlr-decision-card.needs h3 { color: #ffc65c; }
    .tlr-decision-card.blocked h3 { color: #ff6f8a; }
    .tlr-decision-card.escalated h3 { color: #c994ff; }

    .tlr-final-cta {
      margin-bottom: 0;
    }

    .tlr-final-cta::before {
      display: none;
    }

    .tlr-final-panel {
      min-height: 282px;
      border-radius: 22px;
      display: grid;
      grid-template-columns: 390px 1fr;
      gap: 34px;
      align-items: center;
      padding: 32px 54px 32px 42px;
      background:
        radial-gradient(circle at 16% 48%, rgba(0, 132, 255, 0.22), transparent 35%),
        radial-gradient(circle at 98% 50%, rgba(192, 44, 255, 0.20), transparent 43%),
        linear-gradient(145deg, rgba(7, 18, 44, 0.90), rgba(8, 7, 31, 0.96));
      border: 1px solid rgba(0, 143, 255, 0.40);
      box-shadow:
        0 0 0 1px rgba(192, 44, 255, 0.34),
        0 0 42px rgba(0, 119, 255, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.09);
      overflow: hidden;
    }

    .tlr-final-visual {
      position: relative;
      height: 210px;
      border-radius: 20px;
      display: grid;
      place-items: center;
      background:
        repeating-radial-gradient(circle at 50% 62%, transparent 0 18px, rgba(0, 163, 255, 0.22) 20px 21px, transparent 22px 42px),
        radial-gradient(circle at 50% 50%, rgba(0, 143, 255, 0.24), transparent 58%);
      overflow: hidden;
    }

    .tlr-final-visual::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image:
        radial-gradient(circle, rgba(0, 166, 255, 0.78) 0 1px, transparent 1.4px),
        radial-gradient(circle, rgba(145, 80, 255, 0.72) 0 1px, transparent 1.4px);
      background-size: 34px 34px, 52px 52px;
      background-position: 0 0, 19px 19px;
      opacity: 0.35;
      mask-image: radial-gradient(circle at 50% 62%, black 0%, transparent 76%);
      -webkit-mask-image: radial-gradient(circle at 50% 62%, black 0%, transparent 76%);
    }

    .tlr-layer-orb {
      position: relative;
      z-index: 2;
      width: 118px;
      height: 118px;
      border-radius: 28px;
      display: grid;
      place-items: center;
      color: #9ee4ff;
      background:
        radial-gradient(circle at 50% 30%, rgba(255, 255, 255, 0.12), transparent 38%),
        linear-gradient(145deg, rgba(0, 163, 255, 0.28), rgba(124, 61, 255, 0.34));
      border: 1px solid rgba(0, 163, 255, 0.46);
      box-shadow:
        0 0 46px rgba(0, 143, 255, 0.32),
        0 0 60px rgba(124, 61, 255, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

    .tlr-layer-orb svg {
      width: 74px;
      height: 74px;
    }

    .tlr-final-title {
      max-width: 780px;
      margin: 0 !important;
      color: #ffffff;
      font-size: 43px;
      line-height: 1.03;
      font-weight: 850;
      letter-spacing: -0.055em;
    }

    .tlr-final-title .tlr-grad {
      background: linear-gradient(90deg, #0087ff 0%, #386eff 42%, #8b3dff 72%, #c02cff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .tlr-final-copy {
      margin: 14px 0 0 !important;
      color: rgba(238, 244, 255, 0.76);
      font-size: 16px;
      line-height: 1.32;
      font-weight: 430;
      letter-spacing: -0.016em;
    }

    .tlr-final-actions {
      display: flex;
      align-items: center;
      gap: 18px;
      margin-top: 26px;
    }


    .tlr-mobile {
      display: none;
    }



    /* v32 Industry Risk & Control Matrix: replaces only the previous Use Case Showcase. */
    .tlr-risk-matrix-section {
      position: relative;
      margin: 0 0 38px !important;
      padding: 30px 20px 24px !important;
      border-radius: 24px;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 10%, rgba(8, 124, 255, 0.18), transparent 34%),
        radial-gradient(circle at 91% 12%, rgba(124, 61, 255, 0.14), transparent 34%),
        radial-gradient(circle at 50% 100%, rgba(0, 163, 255, 0.09), transparent 42%),
        linear-gradient(180deg, rgba(2, 9, 28, 0.96), rgba(2, 7, 20, 0.99));
      border: 1px solid rgba(0, 143, 255, 0.58);
      box-shadow:
        0 0 0 1px rgba(124, 61, 255, 0.20),
        0 24px 58px rgba(0, 0, 0, 0.28),
        0 0 42px rgba(8, 124, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.07);
      isolation: isolate;
    }

    .tlr-risk-matrix-section::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      opacity: 0.26;
      background:
        linear-gradient(rgba(50, 145, 255, 0.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(50, 145, 255, 0.10) 1px, transparent 1px);
      background-size: 52px 52px;
      mask-image: linear-gradient(180deg, black 0%, transparent 46%, black 100%);
      -webkit-mask-image: linear-gradient(180deg, black 0%, transparent 46%, black 100%);
      pointer-events: none;
    }

    .tlr-risk-matrix-section::after {
      content: "";
      position: absolute;
      left: 3%;
      right: 3%;
      bottom: 0;
      height: 84px;
      z-index: 0;
      opacity: 0.38;
      background:
        repeating-linear-gradient(90deg, transparent 0 72px, rgba(0, 143, 255, 0.20) 73px 74px, transparent 75px 132px),
        linear-gradient(180deg, transparent, rgba(8, 124, 255, 0.08));
      mask-image: linear-gradient(180deg, transparent, black);
      -webkit-mask-image: linear-gradient(180deg, transparent, black);
      pointer-events: none;
    }

    .tlr-risk-matrix-section > * {
      position: relative;
      z-index: 2;
    }

    .tlr-risk-matrix-header {
      text-align: center;
    }

    .tlr-risk-matrix-title {
      margin: 0 !important;
      color: #ffffff;
      font-size: 48px;
      line-height: 0.98;
      font-weight: 900;
      letter-spacing: -0.045em;
      text-transform: uppercase;
      text-shadow: 0 12px 34px rgba(0, 0, 0, 0.46);
    }

    .tlr-risk-matrix-title .tlr-risk-action-gradient {
      display: inline-block;
      background: linear-gradient(90deg, #82cfff 0%, #39a7ff 38%, #087cff 72%, #386eff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: none;
      filter: drop-shadow(0 0 18px rgba(8, 124, 255, 0.28));
    }

    .tlr-risk-matrix-band {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      margin-top: 14px;
      color: #4a9dff;
      font-size: 24px;
      line-height: 1;
      font-weight: 860;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .tlr-risk-matrix-band::before,
    .tlr-risk-matrix-band::after {
      content: "";
      width: 230px;
      height: 2px;
      background: linear-gradient(90deg, transparent, rgba(8, 124, 255, 0.90));
      box-shadow: 0 0 12px rgba(8, 124, 255, 0.44);
    }

    .tlr-risk-matrix-band::after {
      background: linear-gradient(90deg, rgba(124, 61, 255, 0.90), transparent);
      box-shadow: 0 0 12px rgba(124, 61, 255, 0.42);
    }

    .tlr-risk-matrix-band span {
      background: linear-gradient(90deg, #2f9dff 0%, #6a85ff 46%, #a361ff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .tlr-risk-matrix-subtitle {
      margin: 10px 0 0 !important;
      color: rgba(238, 244, 255, 0.84);
      font-size: 17px;
      line-height: 1.15;
      font-weight: 670;
      letter-spacing: 0.015em;
      text-transform: uppercase;
    }

    .tlr-risk-process-panel {
      margin-top: 22px;
      padding: 22px 18px 18px;
      border-radius: 20px;
      background:
        radial-gradient(circle at 8% 50%, rgba(8, 124, 255, 0.14), transparent 26%),
        radial-gradient(circle at 91% 50%, rgba(124, 61, 255, 0.12), transparent 28%),
        rgba(2, 10, 31, 0.72);
      border: 1px solid rgba(0, 143, 255, 0.42);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.055),
        0 0 30px rgba(8, 124, 255, 0.10);
    }

    .tlr-risk-process {
      display: grid;
      grid-template-columns: 156px 50px 156px 50px 156px minmax(312px, 1fr) 50px 174px;
      align-items: center;
      justify-content: center;
      gap: 0;
    }

    .tlr-risk-process-node {
      min-width: 0;
      text-align: center;
    }

    .tlr-risk-process-orb {
      position: relative;
      width: 108px;
      height: 108px;
      margin: 0 auto 11px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #8dd6ff;
      background:
        radial-gradient(circle at 50% 46%, rgba(8, 124, 255, 0.36), rgba(3, 16, 45, 0.86) 58%, rgba(2, 8, 23, 0.96));
      border: 2px solid rgba(31, 147, 255, 0.88);
      box-shadow:
        0 0 0 8px rgba(8, 124, 255, 0.08),
        0 0 0 13px rgba(8, 124, 255, 0.05),
        0 0 30px rgba(8, 124, 255, 0.42),
        inset 0 0 28px rgba(8, 124, 255, 0.19);
    }

    .tlr-risk-process-orb::before,
    .tlr-risk-process-orb::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }

    .tlr-risk-process-orb::before {
      inset: 8px;
      border: 1px solid rgba(94, 202, 255, 0.55);
    }

    .tlr-risk-process-orb::after {
      left: -7px;
      right: -7px;
      top: 48px;
      height: 12px;
      border-top: 1px solid rgba(34, 230, 255, 0.62);
      border-bottom: 1px solid rgba(124, 61, 255, 0.38);
    }

    .tlr-risk-process-orb svg {
      width: 54px;
      height: 54px;
      filter: drop-shadow(0 0 13px rgba(34, 230, 255, 0.44));
    }

    .tlr-risk-process-node strong {
      display: block;
      color: #ffffff;
      font-size: 16px;
      line-height: 1.05;
      font-weight: 840;
      letter-spacing: -0.025em;
      text-transform: uppercase;
    }

    .tlr-risk-flow-arrow {
      position: relative;
      height: 3px;
      margin: 0 7px 28px;
      background: linear-gradient(90deg, rgba(8, 124, 255, 0.16), #22e6ff 70%, #087cff);
      box-shadow: 0 0 12px rgba(34, 230, 255, 0.55);
    }

    .tlr-risk-flow-arrow::after {
      content: "";
      position: absolute;
      right: -1px;
      top: 50%;
      width: 12px;
      height: 12px;
      border-top: 3px solid #50cfff;
      border-right: 3px solid #50cfff;
      transform: translateY(-50%) rotate(45deg);
    }

    .tlr-risk-decision-stack {
      position: relative;
      display: grid;
      gap: 8px;
      padding: 2px 9px 2px 28px;
    }

    .tlr-risk-decision-stack::before {
      content: "";
      position: absolute;
      left: 0;
      top: 16px;
      bottom: 16px;
      width: 24px;
      border-top: 2px solid rgba(34, 230, 255, 0.82);
      border-bottom: 2px solid rgba(255, 82, 112, 0.82);
      border-left: 2px solid rgba(255, 184, 54, 0.82);
      border-radius: 16px 0 0 16px;
      box-shadow: -3px 0 13px rgba(34, 230, 255, 0.18);
    }

    .tlr-risk-decision-row {
      min-height: 51px;
      border-radius: 999px;
      display: grid;
      grid-template-columns: 36px 100px 1fr;
      align-items: center;
      gap: 10px;
      padding: 6px 15px 6px 8px;
      background: rgba(2, 11, 31, 0.86);
      border: 1px solid rgba(148, 163, 184, 0.24);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .tlr-risk-decision-row.approve {
      border-color: rgba(46, 238, 153, 0.72);
      box-shadow: 0 0 18px rgba(46, 238, 153, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .tlr-risk-decision-row.escalate {
      border-color: rgba(255, 190, 62, 0.72);
      box-shadow: 0 0 18px rgba(255, 190, 62, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .tlr-risk-decision-row.block {
      border-color: rgba(255, 82, 112, 0.74);
      box-shadow: 0 0 18px rgba(255, 82, 112, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    }

    .tlr-risk-decision-icon {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid currentColor;
    }

    .approve .tlr-risk-decision-icon { color: #40f5ac; }
    .escalate .tlr-risk-decision-icon { color: #ffc65c; }
    .block .tlr-risk-decision-icon { color: #ff6f8a; }

    .tlr-risk-decision-icon svg {
      width: 22px;
      height: 22px;
    }

    .tlr-risk-decision-row strong {
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 850;
      text-transform: uppercase;
    }

    .tlr-risk-decision-row span:last-child {
      color: rgba(255, 255, 255, 0.82);
      font-size: 11.5px;
      line-height: 1.12;
      font-weight: 560;
    }

    .tlr-risk-monitor-node .tlr-risk-process-orb {
      color: #a7d9ff;
      border-color: rgba(89, 165, 255, 0.88);
      box-shadow:
        0 0 0 8px rgba(8, 124, 255, 0.07),
        0 0 0 13px rgba(124, 61, 255, 0.05),
        0 0 30px rgba(124, 61, 255, 0.30),
        inset 0 0 28px rgba(8, 124, 255, 0.18);
    }

    .tlr-industry-matrix-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 12px;
    }

    .tlr-industry-matrix-table {
      min-width: 0;
      border-radius: 14px;
      overflow: hidden;
      background: rgba(2, 9, 28, 0.74);
      border: 1px solid rgba(0, 143, 255, 0.58);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
    }

    .tlr-industry-matrix-head,
    .tlr-industry-matrix-row {
      display: grid;
      grid-template-columns: 28% 34% 38%;
    }

    .tlr-industry-matrix-head {
      min-height: 43px;
      color: #369cff;
      background: linear-gradient(180deg, rgba(8, 124, 255, 0.16), rgba(3, 11, 31, 0.76));
      border-bottom: 1px solid rgba(0, 143, 255, 0.56);
    }

    .tlr-industry-matrix-head span {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 10px;
      font-size: 15px;
      line-height: 1;
      font-weight: 860;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }

    .tlr-industry-matrix-head span + span,
    .tlr-industry-matrix-cell + .tlr-industry-matrix-cell {
      border-left: 1px solid rgba(0, 143, 255, 0.38);
    }

    .tlr-industry-matrix-row {
      min-height: 78px;
      border-bottom: 1px solid rgba(0, 143, 255, 0.32);
    }

    .tlr-industry-matrix-row:last-child {
      border-bottom: 0;
    }

    .tlr-industry-matrix-cell {
      min-width: 0;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 12px 13px;
      color: rgba(255, 255, 255, 0.88);
      font-size: 12.3px;
      line-height: 1.24;
      font-weight: 490;
      letter-spacing: -0.012em;
    }

    .tlr-industry-matrix-cell.industry {
      color: #ffffff;
      font-size: 15px;
      line-height: 1.08;
      font-weight: 820;
      letter-spacing: -0.025em;
    }

    .tlr-industry-matrix-icon {
      width: 36px;
      height: 36px;
      flex: 0 0 36px;
      border-radius: 10px;
      display: grid;
      place-items: center;
      color: #3ca8ff;
      background: rgba(8, 124, 255, 0.12);
      border: 1px solid rgba(0, 163, 255, 0.42);
      box-shadow: 0 0 15px rgba(8, 124, 255, 0.16);
    }

    .tlr-industry-matrix-icon svg {
      width: 24px;
      height: 24px;
    }

    .tlr-industry-matrix-mini-icon {
      width: 22px;
      height: 22px;
      flex: 0 0 22px;
      display: grid;
      place-items: center;
      color: #53b7ff;
    }

    .tlr-industry-matrix-cell.control .tlr-industry-matrix-mini-icon {
      color: #41c5ff;
    }

    .tlr-industry-matrix-mini-icon svg {
      width: 20px;
      height: 20px;
    }

    .tlr-wide-flow-only-section .tlr-wide-panel {
      width: 100%;
    }

    .tlr-wide-flow-only-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
    }

    .tlr-wide-flow-only-grid .tlr-wide-flow-card {
      min-height: 148px;
    }

    @media (max-width: 900px) {


      .trustelis-resources-page {
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
      }

      .tlr-desktop-fit {
        display: none !important;
      }

      .tlr-mobile {
        display: block;
        width: 100%;
        min-height: auto;
        padding: 18px 12px 22px;
        background:
          radial-gradient(circle at 12% 4%, rgba(0, 132, 255, 0.22), transparent 30%),
          radial-gradient(circle at 94% 20%, rgba(192, 44, 255, 0.18), transparent 34%),
          radial-gradient(circle at 50% 92%, rgba(34, 230, 255, 0.08), transparent 30%),
          linear-gradient(180deg, #020614 0%, #061127 52%, #020614 100%);
        overflow-x: hidden;
        -webkit-tap-highlight-color: transparent;
      }

      .tlr-m-shell {
        position: relative;
        width: min(430px, calc(100% - 24px));
        margin: 0 auto;
        padding: 14px;
        border-radius: 28px;
        background:
          radial-gradient(circle at 16% 0%, rgba(0, 132, 255, 0.20), transparent 32%),
          radial-gradient(circle at 100% 18%, rgba(124, 61, 255, 0.17), transparent 34%),
          linear-gradient(145deg, rgba(7, 18, 42, 0.82), rgba(3, 8, 22, 0.94));
        border: 1px solid rgba(105, 150, 255, 0.30);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.10),
          0 24px 70px rgba(0, 0, 0, 0.36),
          0 0 36px rgba(0, 119, 255, 0.10);
      }

      .tlr-m-shell::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 28px;
        pointer-events: none;
        background:
          linear-gradient(90deg, transparent, rgba(0, 163, 255, 0.16), transparent),
          linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px),
          linear-gradient(90deg, rgba(255, 255, 255, 0.026) 1px, transparent 1px);
        background-size: 100% 100%, 44px 44px, 44px 44px;
        opacity: 0.46;
        mask-image: radial-gradient(circle at 54% 32%, black 0%, transparent 78%);
        -webkit-mask-image: radial-gradient(circle at 54% 32%, black 0%, transparent 78%);
      }

      .tlr-m-title {
        position: relative;
        z-index: 2;
        margin: 0 !important;
        color: #fff;
        font-size: clamp(35px, 9vw, 44px);
        line-height: 0.96 !important;
        font-weight: 850;
        letter-spacing: -0.058em;
        text-align: left;
        text-shadow: 0 10px 34px rgba(0, 0, 0, 0.32);
      }

      .tlr-m-title .tlr-grad {
        background: linear-gradient(90deg, #0087ff 0%, #386eff 42%, #8b3dff 72%, #c02cff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      .tlr-m-subtitle {
        position: relative;
        z-index: 2;
        margin: 14px 0 16px;
        color: rgba(231, 237, 248, 0.84);
        font-size: 14px;
        line-height: 1.36;
        letter-spacing: -0.012em;
        font-weight: 430;
      }

      .tlr-m-actions {
        position: relative;
        z-index: 2;
        display: grid;
        gap: 9px;
        margin-bottom: 14px;
      }

      .tlr-m-primary,
      .tlr-m-secondary {
        width: 100%;
        min-height: 50px;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        color: #ffffff !important;
        font-size: 13px;
        line-height: 1.08;
        text-align: center;
        font-weight: 790;
        letter-spacing: -0.025em;
      }

      .tlr-m-primary {
        background: linear-gradient(100deg, #0087ff 0%, #0b6fff 42%, #7c22ff 76%, #a92dff 100%);
        border: 1px solid rgba(255, 255, 255, 0.14);
        box-shadow:
          0 15px 34px rgba(0, 119, 255, 0.28),
          inset 0 1px 0 rgba(255, 255, 255, 0.24);
      }

      .tlr-m-secondary {
        background: rgba(5, 11, 28, 0.58);
        border: 1px solid rgba(255, 255, 255, 0.24);
      }

      .tlr-m-primary svg,
      .tlr-m-secondary svg {
        width: 20px;
        height: 20px;
      }

      .tlr-m-library {
        position: relative;
        z-index: 2;
        border-radius: 22px;
        padding: 15px;
        background:
          radial-gradient(circle at 20% 18%, rgba(0, 132, 255, 0.19), transparent 35%),
          radial-gradient(circle at 88% 22%, rgba(192, 44, 255, 0.16), transparent 36%),
          linear-gradient(145deg, rgba(6, 18, 44, 0.88), rgba(3, 9, 24, 0.94));
        border: 1px solid rgba(0, 143, 255, 0.34);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.09),
          0 18px 44px rgba(0, 0, 0, 0.24),
          0 0 28px rgba(0, 119, 255, 0.09);
        overflow: hidden;
      }

      .tlr-m-library::before {
        content: "";
        position: absolute;
        left: 18px;
        right: 18px;
        top: 0;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, transparent, rgba(0, 163, 255, 0.92), rgba(255, 255, 255, 0.72), rgba(192, 44, 255, 0.86), transparent);
        box-shadow: 0 0 18px rgba(0, 163, 255, 0.36);
      }

      .tlr-m-library-title {
        position: relative;
        z-index: 2;
        margin: 0 0 6px;
        color: #fff;
        font-size: 16px;
        line-height: 1;
        font-weight: 830;
        letter-spacing: -0.03em;
      }

      .tlr-m-library-description {
        position: relative;
        z-index: 2;
        margin: 0 0 10px;
        color: rgba(231, 237, 248, 0.72);
        font-size: 11.5px;
        line-height: 1.28;
        font-weight: 430;
        letter-spacing: -0.012em;
      }

      .tlr-m-library-title,
      .tlr-m-library-description,
      .tlr-m-search input,
      .tlr-m-resource-list,
      .tlr-m-metrics {
        transition: opacity 150ms ease, transform 150ms ease;
      }

      .tlr-m-library.is-switching .tlr-m-library-title,
      .tlr-m-library.is-switching .tlr-m-library-description,
      .tlr-m-library.is-switching .tlr-m-search input,
      .tlr-m-library.is-switching .tlr-m-resource-list,
      .tlr-m-library.is-switching .tlr-m-metrics {
        opacity: 0.55;
        transform: translateY(2px);
      }

      .tlr-m-search {
        position: relative;
        z-index: 2;
        height: 42px;
        border-radius: 13px;
        display: flex;
        align-items: center;
        gap: 9px;
        padding: 0 12px;
        color: rgba(238, 244, 255, 0.63);
        font-size: 12px;
        background: rgba(1, 8, 24, 0.52);
        border: 1px solid rgba(118, 156, 255, 0.25);
      }

      .tlr-m-search svg {
        width: 17px;
        height: 17px;
      }

      .tlr-m-search input {
        width: 100%;
        min-width: 0;
        height: 100%;
        margin: 0;
        padding: 0;
        color: rgba(238, 244, 255, 0.92);
        font: inherit;
        line-height: 1;
        background: transparent;
        border: 0;
        outline: 0;
        box-shadow: none;
        appearance: none;
        -webkit-appearance: none;
      }

      .tlr-m-search input::placeholder {
        color: rgba(238, 244, 255, 0.58);
        opacity: 1;
      }

      .tlr-m-search:focus-within {
        border-color: rgba(0, 163, 255, 0.58);
        box-shadow: 0 0 16px rgba(0, 163, 255, 0.12);
      }

      .tlr-m-tabs {
        position: relative;
        z-index: 2;
        display: flex;
        gap: 7px;
        overflow-x: auto;
        padding: 11px 0 12px;
        scrollbar-width: none;
      }

      .tlr-m-tabs::-webkit-scrollbar {
        display: none;
      }

      .tlr-m-tab {
        flex: 0 0 auto;
        min-height: 31px;
        border-radius: 999px;
        padding: 0 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.90);
        background: rgba(5, 11, 28, 0.62);
        border: 1px solid rgba(118, 156, 255, 0.24);
        font-size: 11.5px;
        font-weight: 720;
        white-space: nowrap;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        font-family: inherit;
      }

      .tlr-m-tab.active {
        border-color: rgba(0, 143, 255, 0.80);
        background: linear-gradient(90deg, rgba(8, 124, 255, 0.36), rgba(124, 61, 255, 0.26));
      }

      .tlr-m-resource-list {
        position: relative;
        z-index: 2;
        display: grid;
        gap: 8px;
      }

      .tlr-m-resource {
        min-height: 76px;
        border-radius: 16px;
        padding: 11px;
        display: grid;
        grid-template-columns: 44px 1fr 18px;
        gap: 11px;
        align-items: center;
        background:
          radial-gradient(circle at 18% 10%, rgba(0, 132, 255, 0.12), transparent 34%),
          linear-gradient(145deg, rgba(7, 18, 42, 0.78), rgba(4, 10, 24, 0.88));
        border: 1px solid rgba(0, 143, 255, 0.30);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 12px 28px rgba(0, 0, 0, 0.18);
      }

      .tlr-m-resource.purple {
        border-color: rgba(192, 44, 255, 0.30);
      }

      .tlr-m-resource.cyan {
        border-color: rgba(34, 230, 255, 0.28);
      }

      .tlr-m-resource-icon {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        display: grid;
        place-items: center;
        color: #58b8ff;
        background: rgba(8, 124, 255, 0.14);
        border: 1px solid rgba(8, 124, 255, 0.34);
      }

      .tlr-m-resource.purple .tlr-m-resource-icon {
        color: #c594ff;
        background: rgba(192, 44, 255, 0.12);
        border-color: rgba(192, 44, 255, 0.30);
      }

      .tlr-m-resource.cyan .tlr-m-resource-icon {
        color: #5ff8ff;
        background: rgba(34, 230, 255, 0.10);
        border-color: rgba(34, 230, 255, 0.28);
      }

      .tlr-m-resource-icon svg {
        width: 24px;
        height: 28px;
      }

      .tlr-m-resource h3 {
        margin: 0;
        color: #fff;
        font-size: 13px;
        line-height: 1.1;
        font-weight: 790;
        letter-spacing: -0.035em;
      }

      .tlr-m-resource p {
        margin: 5px 0 0;
        color: rgba(223, 232, 247, 0.75);
        font-size: 11px;
        line-height: 1.2;
        font-weight: 430;
      }

      .tlr-m-resource > svg {
        width: 18px;
        height: 18px;
        color: var(--tlr-blue2);
      }

      .tlr-m-resource.purple > svg {
        color: var(--tlr-purple);
      }

      .tlr-m-resource.cyan > svg {
        color: var(--tlr-cyan);
      }

      .tlr-m-metrics {
        position: relative;
        z-index: 2;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        margin-top: 10px;
      }

      .tlr-m-metric {
        border-radius: 14px;
        padding: 10px 8px;
        background: rgba(1, 8, 24, 0.45);
        border: 1px solid rgba(118, 156, 255, 0.20);
        color: rgba(238, 244, 255, 0.68);
        font-size: 10px;
      }

      .tlr-m-metric b {
        display: block;
        margin-top: 4px;
        color: #fff;
        font-size: 19px;
        line-height: 1;
      }



      /* v18 Mobile Hierarchical Control Library */
      .tlr-m-topic-list,
      .tlr-m-topic-detail,
      .tlr-m-library-summary {
        transition: opacity 150ms ease, transform 150ms ease;
      }

      .tlr-m-library.is-switching .tlr-m-topic-list,
      .tlr-m-library.is-switching .tlr-m-topic-detail,
      .tlr-m-library.is-switching .tlr-m-library-summary {
        opacity: 0.58;
        transform: translateY(2px);
      }

      .tlr-m-topic-heading {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 0 8px;
        color: rgba(238, 244, 255, 0.68);
        font-size: 10.5px;
        line-height: 1;
        font-weight: 760;
        letter-spacing: 0.045em;
        text-transform: uppercase;
      }

      .tlr-m-topic-heading span:last-child {
        color: rgba(34, 230, 255, 0.82);
        text-transform: none;
        letter-spacing: 0;
      }

      .tlr-m-topic-list {
        position: relative;
        z-index: 2;
        display: grid;
        gap: 7px;
        margin-top: 0;
      }

      .tlr-m-topic-empty {
        min-height: 74px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 13px;
        color: rgba(238, 244, 255, 0.68);
        font-size: 11.5px;
        line-height: 1.28;
        font-weight: 560;
        text-align: center;
        background: rgba(5, 14, 36, 0.42);
        border: 1px dashed rgba(118, 156, 255, 0.26);
      }

      .tlr-m-topic-item {
        width: 100%;
        min-height: 41px;
        border-radius: 13px;
        padding: 0 10px;
        display: grid;
        grid-template-columns: 16px 1fr 16px;
        gap: 8px;
        align-items: center;
        color: rgba(248, 250, 252, 0.90);
        text-align: left;
        background:
          radial-gradient(circle at 8% 50%, rgba(0, 143, 255, 0.12), transparent 34%),
          linear-gradient(145deg, rgba(7, 18, 42, 0.72), rgba(4, 10, 24, 0.84));
        border: 1px solid rgba(0, 143, 255, 0.24);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.06),
          0 10px 22px rgba(0, 0, 0, 0.14);
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        font-family: inherit;
      }

      .tlr-m-topic-item.purple {
        border-color: rgba(192, 44, 255, 0.24);
      }

      .tlr-m-topic-item.cyan {
        border-color: rgba(34, 230, 255, 0.22);
      }

      .tlr-m-topic-item.active {
        border-color: rgba(0, 163, 255, 0.76);
        background: linear-gradient(90deg, rgba(8, 124, 255, 0.34), rgba(124, 61, 255, 0.18));
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 0 16px rgba(0, 163, 255, 0.16);
      }

      .tlr-m-topic-item:focus-visible {
        outline: none;
        border-color: rgba(255, 255, 255, 0.62);
      }

      .tlr-m-topic-title {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12.4px;
        line-height: 1;
        font-weight: 720;
        letter-spacing: -0.024em;
      }

      .tlr-m-topic-dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--tlr-blue2);
        box-shadow: 0 0 12px rgba(0, 163, 255, 0.44);
      }

      .tlr-m-topic-item.purple .tlr-m-topic-dot {
        background: var(--tlr-purple);
        box-shadow: 0 0 12px rgba(124, 61, 255, 0.44);
      }

      .tlr-m-topic-item.cyan .tlr-m-topic-dot {
        background: var(--tlr-cyan);
        box-shadow: 0 0 12px rgba(34, 230, 255, 0.38);
      }

      .tlr-m-topic-item svg {
        width: 16px;
        height: 16px;
        color: rgba(0, 163, 255, 0.74);
      }

      .tlr-m-topic-item.purple svg {
        color: rgba(124, 61, 255, 0.82);
      }

      .tlr-m-topic-item.cyan svg {
        color: rgba(34, 230, 255, 0.84);
      }

      .tlr-m-topic-detail {
        position: relative;
        z-index: 2;
        margin-top: 10px;
        border-radius: 17px;
        padding: 13px;
        background:
          radial-gradient(circle at 18% 0%, rgba(0, 132, 255, 0.14), transparent 34%),
          radial-gradient(circle at 100% 100%, rgba(192, 44, 255, 0.12), transparent 36%),
          linear-gradient(145deg, rgba(7, 18, 42, 0.78), rgba(4, 10, 24, 0.90));
        border: 1px solid rgba(0, 143, 255, 0.28);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 12px 28px rgba(0, 0, 0, 0.16);
      }

      .tlr-m-empty-detail {
        min-height: 148px;
        border-radius: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 18px 14px;
        color: rgba(238, 244, 255, 0.72);
        text-align: center;
        background: rgba(1, 8, 24, 0.22);
        border: 1px dashed rgba(118, 156, 255, 0.22);
      }

      .tlr-m-empty-detail strong {
        color: #ffffff;
        font-size: 16px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: -0.032em;
      }

      .tlr-m-empty-detail span {
        max-width: 260px;
        font-size: 11.3px;
        line-height: 1.32;
        font-weight: 430;
      }

      .tlr-m-detail-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 9px;
        margin-bottom: 9px;
      }

      .tlr-m-detail-tag,
      .tlr-m-detail-kind {
        min-height: 28px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px;
        font-size: 9px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: 0.045em;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .tlr-m-detail-tag {
        color: #ffffff;
        background: linear-gradient(90deg, rgba(8, 124, 255, 0.54), rgba(124, 61, 255, 0.42));
        border: 1px solid rgba(0, 163, 255, 0.48);
      }

      .tlr-m-detail-kind {
        color: rgba(34, 230, 255, 0.84);
        background: rgba(1, 8, 24, 0.50);
        border: 1px solid rgba(34, 230, 255, 0.22);
      }

      .tlr-m-detail-title {
        margin: 0;
        color: #fff;
        font-size: 18px;
        line-height: 1.08;
        font-weight: 840;
        letter-spacing: -0.045em;
      }

      .tlr-m-detail-short {
        margin: 6px 0 0;
        color: rgba(238, 244, 255, 0.74);
        font-size: 12px;
        line-height: 1.28;
        font-weight: 430;
      }

      .tlr-m-detail-section {
        margin-top: 10px;
      }

      .tlr-m-detail-label {
        margin: 0 0 5px;
        color: rgba(34, 230, 255, 0.82);
        font-size: 9.5px;
        line-height: 1;
        font-weight: 800;
        letter-spacing: 0.055em;
        text-transform: uppercase;
      }

      .tlr-m-detail-text {
        margin: 0;
        color: rgba(238, 244, 255, 0.76);
        font-size: 11.5px;
        line-height: 1.28;
        font-weight: 430;
      }

      .tlr-m-detail-list {
        margin: 6px 0 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 6px;
      }

      .tlr-m-detail-list li {
        position: relative;
        padding-left: 13px;
        color: rgba(238, 244, 255, 0.76);
        font-size: 11.2px;
        line-height: 1.22;
        font-weight: 430;
      }

      .tlr-m-detail-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 5px;
        height: 5px;
        border-radius: 999px;
        background: var(--tlr-blue2);
        box-shadow: 0 0 10px rgba(0, 163, 255, 0.38);
      }

      .tlr-m-detail-output {
        margin-top: 8px;
        border-radius: 12px;
        padding: 9px 10px;
        color: rgba(255, 255, 255, 0.88);
        font-size: 11.2px;
        line-height: 1.22;
        font-weight: 680;
        background: rgba(1, 8, 24, 0.48);
        border: 1px solid rgba(118, 156, 255, 0.20);
      }

      .tlr-m-detail-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 9px;
      }

      .tlr-m-detail-chip {
        min-height: 23px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        padding: 0 9px;
        color: rgba(238, 244, 255, 0.78);
        font-size: 10px;
        line-height: 1;
        font-weight: 620;
        background: rgba(4, 13, 32, 0.62);
        border: 1px solid rgba(118, 156, 255, 0.20);
      }

      .tlr-m-library-summary {
        position: relative;
        z-index: 2;
        min-height: 35px;
        margin-top: 10px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 12px;
        color: rgba(238, 244, 255, 0.75);
        background: rgba(1, 8, 24, 0.45);
        border: 1px solid rgba(118, 156, 255, 0.20);
        font-size: 11.6px;
        line-height: 1.18;
        font-weight: 650;
        text-align: center;
      }

      .tlr-m-section-title {
        position: relative;
        z-index: 2;
        margin: 16px 0 10px;
        color: #fff;
        font-size: 23px;
        line-height: 1.05;
        text-align: left;
        font-weight: 820;
        letter-spacing: -0.045em;
      }

      .tlr-m-feature-grid {
        position: relative;
        z-index: 2;
        display: grid;
        gap: 8px;
      }

      .tlr-m-feature {
        min-height: 90px;
        border-radius: 16px;
        padding: 13px;
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 12px;
        align-items: center;
        background:
          radial-gradient(circle at 18% 10%, rgba(0, 132, 255, 0.12), transparent 34%),
          linear-gradient(145deg, rgba(7, 18, 42, 0.78), rgba(4, 10, 24, 0.88));
        border: 1px solid rgba(0, 143, 255, 0.30);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 12px 28px rgba(0, 0, 0, 0.18);
      }

      .tlr-m-feature.purple {
        border-color: rgba(192, 44, 255, 0.30);
      }

      .tlr-m-feature.cyan {
        border-color: rgba(34, 230, 255, 0.30);
      }

      .tlr-m-feature-icon {
        width: 48px;
        height: 48px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #58b8ff;
        background: rgba(8, 124, 255, 0.14);
        border: 1px solid rgba(8, 124, 255, 0.34);
      }

      .tlr-m-feature.purple .tlr-m-feature-icon {
        color: #c594ff;
        background: rgba(192, 44, 255, 0.12);
        border-color: rgba(192, 44, 255, 0.30);
      }

      .tlr-m-feature.cyan .tlr-m-feature-icon {
        color: #5ff8ff;
        background: rgba(34, 230, 255, 0.10);
        border-color: rgba(34, 230, 255, 0.30);
      }

      .tlr-m-feature-icon svg {
        width: 26px;
        height: 26px;
      }

      .tlr-m-feature h3 {
        margin: 0;
        color: #fff;
        font-size: 14px;
        line-height: 1.1;
        font-weight: 800;
        letter-spacing: -0.035em;
      }

      .tlr-m-feature p {
        margin: 5px 0 0;
        color: rgba(223, 232, 247, 0.75);
        font-size: 11.2px;
        line-height: 1.22;
        font-weight: 430;
      }
    }


      /* v24 Mobile Resources Hub Extension. No visible section numbering. */
      .tlr-m-extension {
        position: relative;
        z-index: 2;
        display: grid;
        gap: 28px;
        margin-top: 20px;
      }

      .tlr-m-ext-section {
        position: relative;
      }

      .tlr-m-ext-title {
        margin: 0 0 8px !important;
        color: #fff;
        font-size: 23px;
        line-height: 1.06;
        font-weight: 830;
        letter-spacing: -0.048em;
      }

      .tlr-m-ext-subtitle {
        margin: 0 0 13px !important;
        color: rgba(231, 237, 248, 0.74);
        font-size: 12.4px;
        line-height: 1.34;
        font-weight: 430;
      }

      .tlr-m-objective-grid,
      .tlr-m-featured-grid,
      .tlr-m-industry-grid,
      .tlr-m-flow-list,
      .tlr-m-decision-grid {
        display: grid;
        gap: 9px;
      }

      .tlr-m-objective-card,
      .tlr-m-resource-card,
      .tlr-m-industry-card,
      .tlr-m-flow-card,
      .tlr-m-decision-card {
        border-radius: 16px;
        padding: 13px;
        background:
          radial-gradient(circle at 14% 16%, rgba(0, 132, 255, 0.12), transparent 34%),
          linear-gradient(145deg, rgba(7, 18, 42, 0.78), rgba(4, 10, 24, 0.90));
        border: 1px solid rgba(0, 143, 255, 0.28);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 12px 28px rgba(0, 0, 0, 0.16);
      }

      .tlr-m-objective-card,
      .tlr-m-resource-card,
      .tlr-m-decision-card {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 12px;
        align-items: center;
      }

      .tlr-m-objective-card.purple,
      .tlr-m-resource-card.purple,
      .tlr-m-industry-card.purple,
      .tlr-m-flow-card.purple {
        border-color: rgba(192, 44, 255, 0.30);
        background:
          radial-gradient(circle at 14% 16%, rgba(192, 44, 255, 0.12), transparent 34%),
          linear-gradient(145deg, rgba(15, 11, 42, 0.78), rgba(4, 10, 24, 0.92));
      }

      .tlr-m-objective-card.cyan,
      .tlr-m-resource-card.cyan,
      .tlr-m-industry-card.cyan,
      .tlr-m-flow-card.cyan {
        border-color: rgba(34, 230, 255, 0.28);
        background:
          radial-gradient(circle at 14% 16%, rgba(34, 230, 255, 0.10), transparent 34%),
          linear-gradient(145deg, rgba(5, 22, 42, 0.78), rgba(4, 10, 24, 0.92));
      }

      .tlr-m-hub-icon {
        width: 46px;
        height: 46px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #6fc5ff;
        background: rgba(8, 124, 255, 0.14);
        border: 1px solid rgba(8, 124, 255, 0.34);
        box-shadow: 0 0 18px rgba(8, 124, 255, 0.14);
      }

      .purple .tlr-m-hub-icon {
        color: #c594ff;
        background: rgba(192, 44, 255, 0.12);
        border-color: rgba(192, 44, 255, 0.30);
      }

      .cyan .tlr-m-hub-icon {
        color: #5ff8ff;
        background: rgba(34, 230, 255, 0.10);
        border-color: rgba(34, 230, 255, 0.28);
      }

      .tlr-m-hub-icon svg {
        width: 25px;
        height: 25px;
      }

      .tlr-m-objective-card h3,
      .tlr-m-resource-card h3,
      .tlr-m-industry-card h3,
      .tlr-m-flow-card h3,
      .tlr-m-decision-card h3 {
        margin: 0 !important;
        color: #fff;
        font-size: 14px;
        line-height: 1.12;
        font-weight: 800;
        letter-spacing: -0.035em;
      }

      .tlr-m-objective-card p,
      .tlr-m-resource-card p,
      .tlr-m-industry-card p,
      .tlr-m-flow-card p,
      .tlr-m-decision-card p {
        margin: 5px 0 0 !important;
        color: rgba(223, 232, 247, 0.75);
        font-size: 11.2px;
        line-height: 1.24;
        font-weight: 430;
      }

      .tlr-m-resource-badge {
        min-height: 20px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        padding: 0 8px;
        margin: 0 0 8px;
        color: #9fd7ff;
        font-size: 9px;
        line-height: 1;
        font-weight: 780;
        letter-spacing: 0.045em;
        text-transform: uppercase;
        background: rgba(0, 143, 255, 0.12);
        border: 1px solid rgba(0, 143, 255, 0.28);
      }

      .purple .tlr-m-resource-badge {
        color: #d9bcff;
        background: rgba(192, 44, 255, 0.12);
        border-color: rgba(192, 44, 255, 0.30);
      }

      .cyan .tlr-m-resource-badge {
        color: #a9faff;
        background: rgba(34, 230, 255, 0.10);
        border-color: rgba(34, 230, 255, 0.25);
      }

      .tlr-m-industry-grid {
        grid-template-columns: 1fr;
      }

      .tlr-m-industry-card {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 12px;
        align-items: center;
        text-align: left;
      }

      .tlr-m-flow-list {
        gap: 8px;
      }

      .tlr-m-flow-card {
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 12px;
        align-items: center;
      }

      .tlr-m-build-btn,
      .tlr-m-demo-btn {
        min-height: 48px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: #ffffff !important;
        font-size: 12.5px;
        line-height: 1;
        font-weight: 780;
        letter-spacing: -0.024em;
      }

      .tlr-m-build-btn {
        background: linear-gradient(100deg, #0087ff 0%, #0b6fff 42%, #7c22ff 76%, #a92dff 100%);
        border: 1px solid rgba(255, 255, 255, 0.14);
        box-shadow: 0 15px 34px rgba(0, 119, 255, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.20);
      }

      .tlr-m-demo-btn {
        background: rgba(5, 11, 28, 0.58);
        border: 1px solid rgba(255, 255, 255, 0.24);
      }

      .tlr-m-build-btn svg,
      .tlr-m-demo-btn svg {
        width: 18px;
        height: 18px;
      }

      .tlr-m-decision-card.approved {
        border-color: rgba(22, 218, 139, 0.34);
      }

      .tlr-m-decision-card.needs {
        border-color: rgba(255, 184, 54, 0.34);
      }

      .tlr-m-decision-card.blocked {
        border-color: rgba(255, 82, 112, 0.36);
      }

      .tlr-m-decision-card.escalated {
        border-color: rgba(174, 94, 255, 0.38);
      }

      .tlr-m-decision-card.approved h3 { color: #40f5ac; }
      .tlr-m-decision-card.needs h3 { color: #ffc65c; }
      .tlr-m-decision-card.blocked h3 { color: #ff6f8a; }
      .tlr-m-decision-card.escalated h3 { color: #c994ff; }

      .tlr-m-decision-card.approved .tlr-m-hub-icon { color: #40f5ac; border-color: rgba(22, 218, 139, 0.44); background: rgba(22, 218, 139, 0.10); }
      .tlr-m-decision-card.needs .tlr-m-hub-icon { color: #ffc65c; border-color: rgba(255, 184, 54, 0.44); background: rgba(255, 184, 54, 0.10); }
      .tlr-m-decision-card.blocked .tlr-m-hub-icon { color: #ff6f8a; border-color: rgba(255, 82, 112, 0.46); background: rgba(255, 82, 112, 0.10); }
      .tlr-m-decision-card.escalated .tlr-m-hub-icon { color: #c994ff; border-color: rgba(174, 94, 255, 0.48); background: rgba(174, 94, 255, 0.10); }

      .tlr-m-final-panel {
        border-radius: 22px;
        padding: 18px 15px;
        background:
          radial-gradient(circle at 18% 0%, rgba(0, 132, 255, 0.18), transparent 35%),
          radial-gradient(circle at 96% 82%, rgba(192, 44, 255, 0.16), transparent 40%),
          linear-gradient(145deg, rgba(7, 18, 44, 0.88), rgba(3, 9, 24, 0.94));
        border: 1px solid rgba(0, 143, 255, 0.34);
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.09),
          0 18px 44px rgba(0, 0, 0, 0.20),
          0 0 28px rgba(0, 119, 255, 0.08);
      }

      .tlr-m-final-icon {
        width: 68px;
        height: 68px;
        border-radius: 18px;
        display: grid;
        place-items: center;
        color: #9ee4ff;
        background: linear-gradient(145deg, rgba(0, 163, 255, 0.24), rgba(124, 61, 255, 0.30));
        border: 1px solid rgba(0, 163, 255, 0.42);
        box-shadow: 0 0 28px rgba(0, 143, 255, 0.20);
        margin-bottom: 13px;
      }

      .tlr-m-final-icon svg {
        width: 42px;
        height: 42px;
      }

      .tlr-m-final-title {
        margin: 0 !important;
        color: #fff;
        font-size: 26px;
        line-height: 1.06;
        font-weight: 850;
        letter-spacing: -0.052em;
      }

      .tlr-m-final-title .tlr-grad {
        background: linear-gradient(90deg, #0087ff 0%, #386eff 42%, #8b3dff 72%, #c02cff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      .tlr-m-final-copy {
        margin: 9px 0 14px !important;
        color: rgba(231, 237, 248, 0.74);
        font-size: 12.2px;
        line-height: 1.34;
        font-weight: 430;
      }

      .tlr-m-final-actions {
        display: grid;
        gap: 9px;
      }


    @media (max-width: 380px) {
      .tlr-mobile {
        padding-left: 10px;
        padding-right: 10px;
      }

      .tlr-m-shell {
        width: min(430px, calc(100% - 20px));
        padding: 12px;
        border-radius: 24px;
      }

      .tlr-m-title {
        font-size: clamp(33px, 8.8vw, 41px);
      }

      .tlr-m-primary,
      .tlr-m-secondary {
        font-size: 12.4px;
      }
    }

    /* v25 Surgical Resources Guidance: replaces only the content area after AI Control Library. */
    .tlr-bottom-cards {
      display: none !important;
    }

    .tlr-resources-extension.tlr-wide-resource-dashboard {
      position: absolute;
      left: 68px;
      top: 1164px;
      width: 1536px;
      z-index: 18;
    }

    .tlr-wide-resource-dashboard .tlr-ext-section {
      position: relative;
      margin: 0 0 30px !important;
    }

    .tlr-wide-resource-dashboard .tlr-ext-section::before {
      content: "";
      position: absolute;
      left: -20px;
      right: -20px;
      top: -18px;
      bottom: -18px;
      border-radius: 24px;
      background:
        radial-gradient(circle at 8% 18%, rgba(0, 132, 255, 0.08), transparent 34%),
        radial-gradient(circle at 92% 78%, rgba(124, 61, 255, 0.07), transparent 36%);
      opacity: 0.75;
      pointer-events: none;
    }

    .tlr-wide-resource-dashboard .tlr-ext-section > * {
      position: relative;
      z-index: 2;
    }

    .tlr-wide-resource-dashboard .tlr-section-heading {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 24px;
      max-width: none;
      margin: 0 0 18px !important;
    }

    .tlr-wide-resource-dashboard .tlr-section-title {
      margin: 0 !important;
      color: #ffffff;
      font-size: 30px;
      line-height: 1;
      font-weight: 860;
      letter-spacing: -0.052em;
      text-shadow: 0 10px 34px rgba(0, 0, 0, 0.30);
    }

    .tlr-wide-resource-dashboard .tlr-section-subtitle {
      margin: 6px 0 0 !important;
      max-width: 660px;
      color: rgba(231, 237, 248, 0.76);
      font-size: 13.5px;
      line-height: 1.25;
      font-weight: 430;
      letter-spacing: -0.016em;
    }

    .tlr-wide-objective-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }

    .tlr-wide-objective-card,
    .tlr-wide-resource-card,
    .tlr-wide-industry-card,
    .tlr-wide-flow-card,
    .tlr-wide-decision-card,
    .tlr-wide-cta-panel {
      position: relative;
      overflow: hidden;
      border-radius: 14px;
      background:
        radial-gradient(circle at 14% 10%, rgba(0, 143, 255, 0.13), transparent 35%),
        linear-gradient(180deg, rgba(5, 17, 42, 0.82), rgba(3, 9, 24, 0.95));
      border: 1px solid rgba(0, 143, 255, 0.38);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 0 24px rgba(0, 119, 255, 0.09);
    }

    .tlr-wide-objective-card.purple,
    .tlr-wide-resource-card.purple,
    .tlr-wide-industry-card.purple,
    .tlr-wide-flow-card.purple,
    .tlr-wide-decision-card.escalated,
    .tlr-wide-cta-panel {
      background:
        radial-gradient(circle at 14% 10%, rgba(192, 44, 255, 0.14), transparent 35%),
        linear-gradient(180deg, rgba(17, 10, 43, 0.84), rgba(4, 8, 24, 0.95));
      border-color: rgba(192, 44, 255, 0.40);
    }

    .tlr-wide-objective-card.cyan,
    .tlr-wide-resource-card.cyan,
    .tlr-wide-industry-card.cyan,
    .tlr-wide-flow-card.cyan {
      background:
        radial-gradient(circle at 14% 10%, rgba(34, 230, 255, 0.12), transparent 35%),
        linear-gradient(180deg, rgba(3, 22, 42, 0.84), rgba(4, 8, 24, 0.95));
      border-color: rgba(34, 230, 255, 0.34);
    }

    .tlr-wide-objective-card {
      min-height: 224px;
      padding: 20px 22px;
      display: grid;
      grid-template-columns: 70px 1fr;
      gap: 16px;
      align-items: start;
    }

    .tlr-wide-icon {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #6fc5ff;
      background:
        radial-gradient(circle at 50% 44%, rgba(0, 143, 255, 0.23), transparent 58%),
        rgba(3, 12, 31, 0.72);
      border: 1px solid rgba(0, 143, 255, 0.64);
      box-shadow:
        0 0 22px rgba(0, 143, 255, 0.22),
        inset 0 0 20px rgba(0, 143, 255, 0.09);
    }

    .purple .tlr-wide-icon,
    .tlr-wide-icon.purple {
      color: #c594ff;
      border-color: rgba(192, 44, 255, 0.64);
      background:
        radial-gradient(circle at 50% 44%, rgba(192, 44, 255, 0.22), transparent 58%),
        rgba(13, 8, 36, 0.78);
      box-shadow:
        0 0 22px rgba(192, 44, 255, 0.20),
        inset 0 0 20px rgba(192, 44, 255, 0.09);
    }

    .cyan .tlr-wide-icon,
    .tlr-wide-icon.cyan {
      color: #9dfaff;
      border-color: rgba(34, 230, 255, 0.60);
      background:
        radial-gradient(circle at 50% 44%, rgba(34, 230, 255, 0.18), transparent 58%),
        rgba(3, 18, 30, 0.78);
      box-shadow:
        0 0 22px rgba(34, 230, 255, 0.18),
        inset 0 0 20px rgba(34, 230, 255, 0.08);
    }

    .tlr-wide-icon svg {
      width: 30px;
      height: 30px;
    }

    .tlr-wide-objective-card h3,
    .tlr-wide-resource-card h3,
    .tlr-wide-industry-card h3,
    .tlr-wide-flow-card h3,
    .tlr-wide-decision-card h3,
    .tlr-wide-cta-panel h2 {
      margin: 0 !important;
      color: #ffffff;
      font-size: 18px;
      line-height: 1.05;
      font-weight: 840;
      letter-spacing: -0.042em;
    }

    .tlr-wide-objective-card p,
    .tlr-wide-resource-card p,
    .tlr-wide-industry-card p,
    .tlr-wide-flow-card p,
    .tlr-wide-decision-card p,
    .tlr-wide-cta-panel p {
      margin: 7px 0 0 !important;
      color: rgba(238, 244, 255, 0.77);
      font-size: 12.2px;
      line-height: 1.24;
      font-weight: 430;
      letter-spacing: -0.012em;
    }

    .tlr-control-meta {
      display: grid;
      gap: 5px;
      margin-top: 14px;
    }

    .tlr-control-meta div {
      display: grid;
      grid-template-columns: 72px 1fr;
      gap: 10px;
      align-items: start;
      min-height: 18px;
      color: rgba(238, 244, 255, 0.77);
      font-size: 10.5px;
      line-height: 1.15;
      font-weight: 520;
    }

    .tlr-control-meta b {
      color: var(--tlr-cyan);
      font-size: 10px;
      font-weight: 820;
      letter-spacing: -0.012em;
    }

    .purple .tlr-control-meta b {
      color: #c594ff;
    }

    .tlr-start-btn {
      width: 118px;
      height: 36px;
      margin-top: 16px;
      border-radius: 8px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      color: #fff !important;
      font-size: 12.5px;
      line-height: 1;
      font-weight: 820;
      letter-spacing: -0.02em;
      background: linear-gradient(100deg, rgba(0, 135, 255, 0.86), rgba(8, 83, 190, 0.70));
      border: 1px solid rgba(255, 255, 255, 0.17);
      box-shadow:
        0 10px 22px rgba(0, 119, 255, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
      transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease;
    }

    .purple .tlr-start-btn,
    .tlr-wide-cta-panel .tlr-start-btn {
      background: linear-gradient(100deg, rgba(0, 135, 255, 0.94), rgba(124, 34, 255, 0.92), rgba(169, 45, 255, 0.88));
    }

    .cyan .tlr-start-btn {
      background: linear-gradient(100deg, rgba(0, 135, 255, 0.78), rgba(0, 133, 118, 0.78));
    }

    .tlr-start-btn:hover,
    .tlr-start-btn:focus-visible {
      transform: translateY(-1px);
      filter: brightness(1.06);
      border-color: rgba(255, 255, 255, 0.78);
      outline: none;
    }

    .tlr-start-btn svg {
      width: 18px;
      height: 18px;
    }

    .tlr-wide-featured-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
    }

    .tlr-wide-resource-card {
      min-height: 274px;
      padding: 18px 16px;
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

    .tlr-wide-resource-card .tlr-wide-icon {
      width: 52px;
      height: 52px;
      border-radius: 13px;
      margin-bottom: 12px;
    }

    .tlr-wide-resource-card .tlr-wide-icon svg {
      width: 27px;
      height: 27px;
    }

    .tlr-wide-badge {
      width: fit-content;
      min-height: 18px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      padding: 0 8px;
      margin: 0 0 8px;
      color: #9fd7ff;
      font-size: 8.2px;
      line-height: 1;
      font-weight: 840;
      letter-spacing: 0.055em;
      text-transform: uppercase;
      background: rgba(0, 143, 255, 0.12);
      border: 1px solid rgba(0, 143, 255, 0.34);
    }

    .purple .tlr-wide-badge {
      color: #d9bcff;
      background: rgba(192, 44, 255, 0.12);
      border-color: rgba(192, 44, 255, 0.34);
    }

    .cyan .tlr-wide-badge {
      color: #a9faff;
      background: rgba(34, 230, 255, 0.10);
      border-color: rgba(34, 230, 255, 0.28);
    }

    .tlr-wide-resource-card h3 {
      font-size: 15.2px;
      min-height: 34px;
    }

    .tlr-wide-resource-card p {
      min-height: 48px;
      font-size: 11.2px;
    }

    .tlr-wide-includes {
      margin: 12px 0 0 !important;
      padding: 0 !important;
      list-style: none;
      display: grid;
      gap: 5px;
    }

    .tlr-wide-includes li {
      position: relative;
      padding-left: 16px;
      color: rgba(238, 244, 255, 0.76);
      font-size: 10.4px;
      line-height: 1.12;
      font-weight: 450;
      letter-spacing: -0.008em;
    }

    .tlr-wide-includes li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      border: 1px solid var(--tlr-cyan);
      box-shadow: 0 0 8px rgba(34, 230, 255, 0.25);
    }

    .purple .tlr-wide-includes li::before {
      border-color: var(--tlr-purple);
      box-shadow: 0 0 8px rgba(124, 61, 255, 0.25);
    }

    .tlr-wide-resource-card .tlr-start-btn {
      width: 100%;
      margin-top: auto;
    }

    .tlr-wide-lower-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
      gap: 22px;
      align-items: start;
    }

    .tlr-wide-panel {
      min-width: 0;
    }

    .tlr-wide-panel .tlr-section-heading {
      display: block;
      margin-bottom: 14px !important;
    }

    .tlr-wide-industry-grid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
    }

    .tlr-wide-industry-card {
      min-height: 262px;
      padding: 16px 12px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: left;
    }

    .tlr-wide-industry-card .tlr-wide-icon {
      width: 48px;
      height: 48px;
      margin-bottom: 12px;
    }

    .tlr-wide-industry-card .tlr-wide-icon svg {
      width: 25px;
      height: 25px;
    }

    .tlr-wide-industry-card h3 {
      font-size: 14.8px;
      min-height: 31px;
    }

    .tlr-industry-label {
      display: block;
      margin-top: 9px;
      color: var(--tlr-cyan);
      font-size: 9px;
      line-height: 1;
      font-weight: 840;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .purple .tlr-industry-label {
      color: #c594ff;
    }

    .tlr-wide-industry-card p {
      margin-top: 4px !important;
      font-size: 10.6px;
      line-height: 1.18;
    }

    .tlr-wide-industry-card .tlr-start-btn {
      width: 100%;
      height: 34px;
      margin-top: auto;
    }

    .tlr-wide-flow-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }

    .tlr-wide-flow-card {
      min-height: 118px;
      padding: 14px 12px;
      text-align: left;
    }

    .tlr-flow-step {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      margin-bottom: 10px;
      color: #fff;
      font-size: 12px;
      font-weight: 840;
      background: rgba(8, 124, 255, 0.24);
      border: 1px solid rgba(0, 163, 255, 0.70);
      box-shadow: 0 0 14px rgba(0, 163, 255, 0.20);
    }

    .purple .tlr-flow-step {
      background: rgba(124, 61, 255, 0.22);
      border-color: rgba(192, 44, 255, 0.70);
    }

    .cyan .tlr-flow-step {
      background: rgba(34, 230, 255, 0.16);
      border-color: rgba(34, 230, 255, 0.58);
    }

    .tlr-wide-flow-card h3 {
      font-size: 13.2px;
      line-height: 1.12;
    }

    .tlr-wide-flow-card p {
      font-size: 10.2px;
      line-height: 1.18;
    }

    .tlr-wide-bottom-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
      gap: 22px;
      align-items: stretch;
    }

    .tlr-wide-decision-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }

    .tlr-wide-decision-card {
      min-height: 188px;
      padding: 16px 14px;
    }

    .tlr-wide-decision-card.approved {
      border-color: rgba(22, 218, 139, 0.46);
      background:
        radial-gradient(circle at 18% 8%, rgba(22, 218, 139, 0.13), transparent 34%),
        linear-gradient(180deg, rgba(5, 30, 33, 0.76), rgba(3, 8, 22, 0.95));
    }

    .tlr-wide-decision-card.needs {
      border-color: rgba(255, 184, 54, 0.46);
      background:
        radial-gradient(circle at 18% 8%, rgba(255, 184, 54, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(31, 22, 5, 0.76), rgba(3, 8, 22, 0.95));
    }

    .tlr-wide-decision-card.blocked {
      border-color: rgba(255, 82, 112, 0.48);
      background:
        radial-gradient(circle at 18% 8%, rgba(255, 82, 112, 0.12), transparent 34%),
        linear-gradient(180deg, rgba(35, 9, 22, 0.76), rgba(3, 8, 22, 0.95));
    }

    .tlr-decision-mini-icon {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      margin-bottom: 12px;
      color: #6fc5ff;
      border: 1px solid rgba(0, 143, 255, 0.60);
      background: rgba(3, 12, 31, 0.72);
    }

    .tlr-decision-mini-icon svg {
      width: 23px;
      height: 23px;
    }

    .approved .tlr-decision-mini-icon { color: #40f5ac; border-color: rgba(22, 218, 139, 0.62); }
    .needs .tlr-decision-mini-icon { color: #ffc65c; border-color: rgba(255, 184, 54, 0.62); }
    .blocked .tlr-decision-mini-icon { color: #ff6f8a; border-color: rgba(255, 82, 112, 0.62); }
    .escalated .tlr-decision-mini-icon { color: #c994ff; border-color: rgba(174, 94, 255, 0.64); }

    .tlr-wide-decision-card.approved h3 { color: #40f5ac; }
    .tlr-wide-decision-card.needs h3 { color: #ffc65c; }
    .tlr-wide-decision-card.blocked h3 { color: #ff6f8a; }
    .tlr-wide-decision-card.escalated h3 { color: #c994ff; }

    .tlr-wide-decision-card h3 {
      font-size: 15.4px;
    }

    .tlr-wide-decision-card p {
      font-size: 10.6px;
      line-height: 1.18;
    }

    .tlr-wide-decision-card b {
      display: block;
      margin-top: 9px;
      color: #ffffff;
      font-size: 10px;
      line-height: 1;
      font-weight: 820;
    }

    .tlr-wide-cta-panel {
      min-height: 188px;
      padding: 28px 34px;
      display: grid;
      grid-template-columns: 1fr 310px;
      gap: 24px;
      align-items: center;
      border-color: rgba(124, 61, 255, 0.48);
      box-shadow:
        0 0 0 1px rgba(0, 143, 255, 0.24),
        0 0 40px rgba(124, 61, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .tlr-wide-cta-panel h2 {
      font-size: 25px;
    }

    .tlr-wide-cta-panel .tlr-start-btn {
      width: 300px;
      height: 58px;
      margin: 0;
      font-size: 16px;
      justify-self: end;
    }

    .tlr-wide-secondary-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 18px;
      color: var(--tlr-blue2) !important;
      font-size: 12px;
      line-height: 1;
      font-weight: 720;
      letter-spacing: -0.02em;
    }

    .tlr-wide-secondary-link svg {
      width: 16px;
      height: 16px;
    }

    @media (max-width: 900px) {
      .tlr-m-extension {
        display: grid;
        gap: 26px;
      }

      .tlr-m-ext-section {
        padding: 0 !important;
      }

      .tlr-m-ext-title {
        margin-bottom: 6px !important;
      }

      .tlr-m-action-card,
      .tlr-m-resource-rich,
      .tlr-m-industry-rich,
      .tlr-m-flow-rich,
      .tlr-m-decision-rich,
      .tlr-m-cta-rich {
        border-radius: 16px;
        background:
          radial-gradient(circle at 10% 6%, rgba(0, 143, 255, 0.16), transparent 35%),
          linear-gradient(180deg, rgba(5, 17, 42, 0.84), rgba(3, 9, 24, 0.96));
        border: 1px solid rgba(0, 143, 255, 0.35);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);
        padding: 16px;
      }

      .tlr-m-action-card.purple,
      .tlr-m-resource-rich.purple,
      .tlr-m-industry-rich.purple,
      .tlr-m-flow-rich.purple,
      .tlr-m-decision-rich.escalated,
      .tlr-m-cta-rich {
        background:
          radial-gradient(circle at 10% 6%, rgba(192, 44, 255, 0.15), transparent 35%),
          linear-gradient(180deg, rgba(17, 10, 43, 0.84), rgba(4, 8, 24, 0.96));
        border-color: rgba(192, 44, 255, 0.38);
      }

      .tlr-m-action-card.cyan,
      .tlr-m-resource-rich.cyan,
      .tlr-m-industry-rich.cyan,
      .tlr-m-flow-rich.cyan {
        background:
          radial-gradient(circle at 10% 6%, rgba(34, 230, 255, 0.12), transparent 35%),
          linear-gradient(180deg, rgba(3, 22, 42, 0.84), rgba(4, 8, 24, 0.96));
        border-color: rgba(34, 230, 255, 0.32);
      }

      .tlr-m-card-head {
        display: grid;
        grid-template-columns: 52px 1fr;
        gap: 14px;
        align-items: center;
      }

      .tlr-m-card-head h3,
      .tlr-m-resource-rich h3,
      .tlr-m-industry-rich h3,
      .tlr-m-flow-rich h3,
      .tlr-m-decision-rich h3,
      .tlr-m-cta-rich h2 {
        margin: 0 !important;
        color: #ffffff;
        font-size: 18px;
        line-height: 1.06;
        font-weight: 840;
        letter-spacing: -0.04em;
      }

      .tlr-m-action-card p,
      .tlr-m-resource-rich p,
      .tlr-m-industry-rich p,
      .tlr-m-flow-rich p,
      .tlr-m-decision-rich p,
      .tlr-m-cta-rich p {
        margin: 8px 0 0 !important;
        color: rgba(238, 244, 255, 0.76);
        font-size: 13px;
        line-height: 1.28;
        font-weight: 430;
      }

      .tlr-m-rich-grid {
        display: grid;
        gap: 12px;
      }

      .tlr-m-rich-meta {
        display: grid;
        gap: 5px;
        margin-top: 12px;
      }

      .tlr-m-rich-meta div {
        display: grid;
        grid-template-columns: 80px 1fr;
        gap: 9px;
        font-size: 11.5px;
        line-height: 1.18;
        color: rgba(238, 244, 255, 0.76);
      }

      .tlr-m-rich-meta b {
        color: var(--tlr-cyan);
        font-size: 10.5px;
        text-transform: uppercase;
      }

      .purple .tlr-m-rich-meta b {
        color: #c594ff;
      }

      .tlr-m-start-btn {
        width: 100%;
        height: 42px;
        margin-top: 14px;
        border-radius: 9px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        color: #fff !important;
        font-size: 13px;
        font-weight: 820;
        background: linear-gradient(100deg, #0087ff 0%, #0b6fff 44%, #7c22ff 100%);
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 12px 24px rgba(0, 119, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.20);
      }

      .tlr-m-start-btn svg {
        width: 18px;
        height: 18px;
      }

      .tlr-m-rich-list {
        margin: 12px 0 0 !important;
        padding: 0 !important;
        list-style: none;
        display: grid;
        gap: 6px;
      }

      .tlr-m-rich-list li {
        position: relative;
        padding-left: 16px;
        color: rgba(238, 244, 255, 0.76);
        font-size: 12px;
        line-height: 1.18;
      }

      .tlr-m-rich-list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 5px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        border: 1px solid var(--tlr-cyan);
      }

      .purple .tlr-m-rich-list li::before {
        border-color: var(--tlr-purple);
      }

      .tlr-m-resource-rich .tlr-m-hub-icon,
      .tlr-m-action-card .tlr-m-hub-icon,
      .tlr-m-industry-rich .tlr-m-hub-icon,
      .tlr-m-flow-rich .tlr-m-hub-icon,
      .tlr-m-decision-rich .tlr-m-hub-icon {
        margin: 0 !important;
      }

      .tlr-m-industry-label {
        display: block;
        margin-top: 12px;
        color: var(--tlr-cyan);
        font-size: 10px;
        line-height: 1;
        font-weight: 840;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }

      .tlr-m-flow-rich {
        display: grid;
        grid-template-columns: 36px 1fr;
        gap: 12px;
        align-items: start;
      }

      .tlr-m-flow-step {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #ffffff;
        font-size: 13px;
        font-weight: 840;
        background: rgba(8, 124, 255, 0.24);
        border: 1px solid rgba(0, 163, 255, 0.70);
      }

      .tlr-m-decision-rich.approved { border-color: rgba(22, 218, 139, 0.42); }
      .tlr-m-decision-rich.needs { border-color: rgba(255, 184, 54, 0.42); }
      .tlr-m-decision-rich.blocked { border-color: rgba(255, 82, 112, 0.46); }

      .tlr-m-decision-rich.approved h3 { color: #40f5ac; }
      .tlr-m-decision-rich.needs h3 { color: #ffc65c; }
      .tlr-m-decision-rich.blocked h3 { color: #ff6f8a; }
      .tlr-m-decision-rich.escalated h3 { color: #c994ff; }

      .tlr-m-cta-rich {
        text-align: left;
      }


      /* v32 Mobile Industry Risk & Control Matrix: full content without clipping. */
      .tlr-m-risk-matrix-section {
        position: relative;
        margin-top: 14px;
        padding: 16px 12px 14px !important;
        border-radius: 20px;
        overflow: hidden;
        background:
          radial-gradient(circle at 12% 8%, rgba(8, 124, 255, 0.17), transparent 34%),
          radial-gradient(circle at 92% 18%, rgba(124, 61, 255, 0.13), transparent 36%),
          linear-gradient(180deg, rgba(3, 12, 34, 0.96), rgba(2, 7, 20, 0.99));
        border: 1px solid rgba(0, 143, 255, 0.48);
        box-shadow:
          0 0 0 1px rgba(124, 61, 255, 0.14),
          inset 0 1px 0 rgba(255,255,255,0.06);
      }

      .tlr-m-risk-matrix-section::before {
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.20;
        background:
          linear-gradient(rgba(50, 145, 255, 0.10) 1px, transparent 1px),
          linear-gradient(90deg, rgba(50, 145, 255, 0.10) 1px, transparent 1px);
        background-size: 34px 34px;
        pointer-events: none;
      }

      .tlr-m-risk-matrix-section > * {
        position: relative;
        z-index: 2;
      }

      .tlr-m-risk-title {
        margin: 0 !important;
        color: #ffffff;
        font-size: 23px;
        line-height: 1.01;
        font-weight: 900;
        letter-spacing: -0.045em;
        text-transform: uppercase;
        text-align: center;
      }

      .tlr-m-risk-title span {
        background: linear-gradient(90deg, #82cfff 0%, #2f9dff 48%, #386eff 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      .tlr-m-risk-band {
        margin: 10px 0 0 !important;
        color: #4fa8ff;
        font-size: 11.5px;
        line-height: 1.12;
        font-weight: 850;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        text-align: center;
      }

      .tlr-m-risk-subtitle {
        margin: 7px 0 0 !important;
        color: rgba(238, 244, 255, 0.80);
        font-size: 11.2px;
        line-height: 1.3;
        font-weight: 540;
        text-align: center;
      }

      .tlr-m-risk-flow {
        display: grid;
        gap: 8px;
        margin-top: 14px;
        padding: 11px;
        border-radius: 17px;
        background: rgba(2, 10, 31, 0.66);
        border: 1px solid rgba(0, 143, 255, 0.30);
      }

      .tlr-m-risk-flow-node {
        min-height: 58px;
        border-radius: 14px;
        display: grid;
        grid-template-columns: 42px 1fr;
        gap: 11px;
        align-items: center;
        padding: 9px 11px;
        background: rgba(4, 15, 40, 0.76);
        border: 1px solid rgba(0, 143, 255, 0.34);
      }

      .tlr-m-risk-flow-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #84d4ff;
        background: radial-gradient(circle, rgba(8, 124, 255, 0.30), rgba(3, 15, 42, 0.88));
        border: 1px solid rgba(47, 157, 255, 0.72);
        box-shadow: 0 0 15px rgba(8, 124, 255, 0.22);
      }

      .tlr-m-risk-flow-icon svg {
        width: 24px;
        height: 24px;
      }

      .tlr-m-risk-flow-node strong {
        display: block;
        color: #ffffff;
        font-size: 12.7px;
        line-height: 1.08;
        font-weight: 840;
        text-transform: uppercase;
      }

      .tlr-m-risk-flow-node span {
        display: block;
        margin-top: 4px;
        color: rgba(238, 244, 255, 0.70);
        font-size: 10.2px;
        line-height: 1.18;
      }

      .tlr-m-risk-flow-arrow {
        position: relative;
        width: 2px;
        height: 16px;
        margin: -2px auto;
        background: linear-gradient(180deg, rgba(34, 230, 255, 0.22), #2f9dff);
        box-shadow: 0 0 8px rgba(34, 230, 255, 0.42);
      }

      .tlr-m-risk-flow-arrow::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -1px;
        width: 7px;
        height: 7px;
        border-right: 2px solid #52c9ff;
        border-bottom: 2px solid #52c9ff;
        transform: translateX(-50%) rotate(45deg);
      }

      .tlr-m-risk-decision-stack {
        display: grid;
        gap: 6px;
      }

      .tlr-m-risk-decision-row {
        min-height: 45px;
        border-radius: 13px;
        display: grid;
        grid-template-columns: 30px 75px 1fr;
        gap: 8px;
        align-items: center;
        padding: 6px 9px;
        background: rgba(2, 11, 31, 0.84);
        border: 1px solid rgba(148, 163, 184, 0.24);
      }

      .tlr-m-risk-decision-row.approve { border-color: rgba(46, 238, 153, 0.62); }
      .tlr-m-risk-decision-row.escalate { border-color: rgba(255, 190, 62, 0.64); }
      .tlr-m-risk-decision-row.block { border-color: rgba(255, 82, 112, 0.66); }

      .tlr-m-risk-decision-row svg {
        width: 24px;
        height: 24px;
      }

      .tlr-m-risk-decision-row.approve svg { color: #40f5ac; }
      .tlr-m-risk-decision-row.escalate svg { color: #ffc65c; }
      .tlr-m-risk-decision-row.block svg { color: #ff6f8a; }

      .tlr-m-risk-decision-row strong {
        color: #ffffff;
        font-size: 10.6px;
        line-height: 1;
        font-weight: 850;
        text-transform: uppercase;
      }

      .tlr-m-risk-decision-row span {
        color: rgba(255,255,255,0.78);
        font-size: 9.5px;
        line-height: 1.14;
      }

      .tlr-m-risk-industry-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin-top: 12px;
      }

      .tlr-m-risk-industry-card {
        min-width: 0;
        border-radius: 15px;
        overflow: hidden;
        background: rgba(3, 13, 35, 0.84);
        border: 1px solid rgba(0, 143, 255, 0.34);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);
      }

      .tlr-m-risk-industry-head {
        min-height: 48px;
        display: grid;
        grid-template-columns: 34px 1fr;
        gap: 8px;
        align-items: center;
        padding: 8px 9px;
        background: linear-gradient(180deg, rgba(8, 124, 255, 0.14), rgba(3, 11, 31, 0.44));
        border-bottom: 1px solid rgba(0, 143, 255, 0.28);
      }

      .tlr-m-risk-industry-icon {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        display: grid;
        place-items: center;
        color: #46b1ff;
        background: rgba(8, 124, 255, 0.12);
        border: 1px solid rgba(0, 163, 255, 0.38);
      }

      .tlr-m-risk-industry-icon svg {
        width: 21px;
        height: 21px;
      }

      .tlr-m-risk-industry-head h3 {
        margin: 0 !important;
        color: #ffffff;
        font-size: 12.7px;
        line-height: 1.08;
        font-weight: 840;
        letter-spacing: -0.025em;
      }

      .tlr-m-risk-industry-body {
        padding: 9px;
      }

      .tlr-m-risk-copy + .tlr-m-risk-copy {
        margin-top: 9px;
        padding-top: 9px;
        border-top: 1px solid rgba(0, 143, 255, 0.22);
      }

      .tlr-m-risk-copy-label {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-bottom: 5px;
        color: #46b1ff;
        font-size: 9.2px;
        line-height: 1;
        font-weight: 850;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }

      .tlr-m-risk-copy-label svg {
        width: 14px;
        height: 14px;
      }

      .tlr-m-risk-copy p {
        margin: 0 !important;
        color: rgba(255,255,255,0.82);
        font-size: 10.1px;
        line-height: 1.25;
        font-weight: 470;
        display: block !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
      }

    }



    /* v28 Premium Control Journey: replaces the lower resource guidance area after the Use Case Showcase. */
    .trustelis-resources-page {
      --tlr-stage-h: 5000px;
      --tlr-fit-h: 5000px;
    }

    .tlr-premium-control-journey {
      position: relative;
      width: 100%;
      margin-top: 34px;
      display: grid;
      gap: 26px;
    }

    .tlr-premium-journey-section {
      position: relative;
      border-radius: 22px;
      padding: 28px 28px 30px;
      overflow: hidden;
      background:
        radial-gradient(circle at 11% 10%, rgba(8, 124, 255, 0.16), transparent 34%),
        radial-gradient(circle at 92% 86%, rgba(124, 61, 255, 0.14), transparent 38%),
        linear-gradient(180deg, rgba(5, 17, 42, 0.86), rgba(3, 8, 24, 0.96));
      border: 1px solid rgba(8, 124, 255, 0.32);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        0 0 28px rgba(8, 124, 255, 0.10),
        0 0 34px rgba(124, 61, 255, 0.07);
    }

    .tlr-premium-journey-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(0, 163, 255, 0.045), transparent 42%, rgba(192, 44, 255, 0.055)),
        radial-gradient(circle at 50% 100%, rgba(34, 230, 255, 0.06), transparent 48%);
      pointer-events: none;
    }

    .tlr-premium-journey-section > * {
      position: relative;
      z-index: 2;
    }

    .tlr-premium-section-head {
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 14px;
      align-items: start;
      margin-bottom: 24px;
    }

    .tlr-premium-section-number {
      width: 36px;
      height: 36px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 820;
      letter-spacing: -0.02em;
      background: linear-gradient(135deg, rgba(8, 124, 255, 0.72), rgba(124, 61, 255, 0.56));
      border: 1px solid rgba(120, 190, 255, 0.58);
      box-shadow:
        0 0 18px rgba(8, 124, 255, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

    .tlr-premium-section-title {
      margin: 0 !important;
      color: #fff;
      font-size: 34px;
      line-height: 0.98;
      font-weight: 860;
      letter-spacing: -0.052em;
      text-shadow: 0 10px 34px rgba(0, 0, 0, 0.28);
    }

    .tlr-premium-section-subtitle {
      margin: 7px 0 0 !important;
      color: rgba(238, 244, 255, 0.76);
      font-size: 14.5px;
      line-height: 1.26;
      font-weight: 430;
      letter-spacing: -0.014em;
    }

    .tlr-premium-objective-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .tlr-premium-objective-card,
    .tlr-premium-resource-card,
    .tlr-premium-decision-card {
      position: relative;
      border-radius: 18px;
      overflow: hidden;
      background:
        radial-gradient(circle at 12% 10%, rgba(8, 124, 255, 0.15), transparent 34%),
        linear-gradient(180deg, rgba(5, 18, 43, 0.86), rgba(3, 8, 23, 0.96));
      border: 1px solid rgba(8, 124, 255, 0.38);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.065),
        0 0 22px rgba(8, 124, 255, 0.09);
    }

    .tlr-premium-objective-card {
      min-height: 254px;
      padding: 24px 24px 22px;
      display: flex;
      flex-direction: column;
    }

    .tlr-premium-objective-card.purple,
    .tlr-premium-resource-card.purple {
      background:
        radial-gradient(circle at 12% 10%, rgba(192, 44, 255, 0.16), transparent 34%),
        linear-gradient(180deg, rgba(20, 10, 45, 0.88), rgba(3, 8, 23, 0.96));
      border-color: rgba(192, 44, 255, 0.42);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065), 0 0 22px rgba(192, 44, 255, 0.10);
    }

    .tlr-premium-objective-card.cyan,
    .tlr-premium-resource-card.cyan {
      background:
        radial-gradient(circle at 12% 10%, rgba(34, 230, 255, 0.14), transparent 34%),
        linear-gradient(180deg, rgba(3, 25, 45, 0.86), rgba(3, 8, 23, 0.96));
      border-color: rgba(34, 230, 255, 0.36);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.065), 0 0 22px rgba(34, 230, 255, 0.08);
    }

    .tlr-premium-hex-icon {
      width: 74px;
      height: 74px;
      margin-bottom: 17px;
      display: grid;
      place-items: center;
      color: #52b8ff;
      background:
        radial-gradient(circle at 50% 48%, rgba(8, 124, 255, 0.24), transparent 64%),
        rgba(3, 12, 31, 0.76);
      border: 1px solid rgba(8, 124, 255, 0.56);
      box-shadow: 0 0 22px rgba(8, 124, 255, 0.16), inset 0 0 22px rgba(8, 124, 255, 0.08);
      clip-path: polygon(25% 7%, 75% 7%, 100% 50%, 75% 93%, 25% 93%, 0% 50%);
    }

    .purple .tlr-premium-hex-icon {
      color: #c18cff;
      border-color: rgba(192, 44, 255, 0.58);
      background: radial-gradient(circle at 50% 48%, rgba(192, 44, 255, 0.22), transparent 64%), rgba(16, 8, 38, 0.76);
      box-shadow: 0 0 22px rgba(192, 44, 255, 0.15), inset 0 0 22px rgba(192, 44, 255, 0.08);
    }

    .cyan .tlr-premium-hex-icon {
      color: #9dfaff;
      border-color: rgba(34, 230, 255, 0.52);
      background: radial-gradient(circle at 50% 48%, rgba(34, 230, 255, 0.20), transparent 64%), rgba(3, 19, 30, 0.76);
      box-shadow: 0 0 22px rgba(34, 230, 255, 0.12), inset 0 0 22px rgba(34, 230, 255, 0.07);
    }

    .tlr-premium-hex-icon svg {
      width: 35px;
      height: 35px;
    }

    .tlr-premium-objective-card h3,
    .tlr-premium-resource-card h3,
    .tlr-premium-decision-card h3 {
      margin: 0 !important;
      color: #fff;
      font-size: 20px;
      line-height: 1.06;
      font-weight: 830;
      letter-spacing: -0.043em;
    }

    .tlr-premium-objective-card p,
    .tlr-premium-resource-card p,
    .tlr-premium-decision-card p {
      margin: 9px 0 0 !important;
      color: rgba(238, 244, 255, 0.76);
      font-size: 13px;
      line-height: 1.24;
      font-weight: 430;
      letter-spacing: -0.014em;
    }

    .tlr-premium-check-list {
      display: grid;
      gap: 8px;
      margin: 15px 0 0;
      padding: 0;
      list-style: none;
    }

    .tlr-premium-check-list li {
      position: relative;
      padding-left: 22px;
      color: rgba(238, 244, 255, 0.80);
      font-size: 12px;
      line-height: 1.16;
      font-weight: 500;
      letter-spacing: -0.012em;
    }

    .tlr-premium-check-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: -1px;
      width: 15px;
      height: 15px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 9px;
      line-height: 1;
      font-weight: 900;
      background: linear-gradient(135deg, var(--tlr-blue), var(--tlr-blue2));
      box-shadow: 0 0 12px rgba(0, 163, 255, 0.24);
    }

    .purple .tlr-premium-check-list li::before { background: linear-gradient(135deg, var(--tlr-purple), #b333ff); }
    .cyan .tlr-premium-check-list li::before { background: linear-gradient(135deg, #039caa, var(--tlr-cyan)); }

    .tlr-premium-start-btn,
    .tlr-premium-cta-button {
      height: 42px;
      border-radius: 9px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      color: #fff !important;
      font-size: 13px;
      line-height: 1;
      font-weight: 790;
      letter-spacing: -0.02em;
      white-space: nowrap;
      background: linear-gradient(100deg, #087cff 0%, #126cff 48%, #7c22ff 100%);
      border: 1px solid rgba(255, 255, 255, 0.18);
      box-shadow: 0 12px 24px rgba(8, 124, 255, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.20);
      transition: transform 150ms ease, filter 150ms ease, border-color 150ms ease;
    }

    .tlr-premium-start-btn {
      width: 116px;
      margin-top: auto;
    }

    .purple .tlr-premium-start-btn {
      background: linear-gradient(100deg, #7c3dff 0%, #b22cff 100%);
      box-shadow: 0 12px 24px rgba(124, 61, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.20);
    }

    .cyan .tlr-premium-start-btn {
      background: linear-gradient(100deg, #0796b9 0%, #0bb6c8 100%);
      box-shadow: 0 12px 24px rgba(34, 230, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

    .tlr-premium-start-btn:hover,
    .tlr-premium-cta-button:hover,
    .tlr-premium-start-btn:focus-visible,
    .tlr-premium-cta-button:focus-visible {
      transform: translateY(-1px);
      filter: brightness(1.06);
      border-color: rgba(255, 255, 255, 0.68);
      outline: none;
    }

    .tlr-premium-start-btn svg,
    .tlr-premium-cta-button svg,
    .tlr-premium-text-link svg {
      width: 17px;
      height: 17px;
    }

    .tlr-premium-resource-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    .tlr-premium-resource-card {
      min-height: 160px;
      padding: 16px 22px 16px;
      display: grid;
      grid-template-columns: 70px 1fr 118px;
      column-gap: 18px;
      align-items: center;
    }

    .tlr-premium-resource-icon {
      width: 56px;
      height: 56px;
      border-radius: 13px;
      display: grid;
      place-items: center;
      color: #56baff;
      background: rgba(8, 124, 255, 0.11);
      border: 1px solid rgba(8, 124, 255, 0.36);
      box-shadow: 0 0 18px rgba(8, 124, 255, 0.11);
    }

    .purple .tlr-premium-resource-icon { color: #c08bff; background: rgba(192, 44, 255, 0.10); border-color: rgba(192, 44, 255, 0.35); }
    .cyan .tlr-premium-resource-icon { color: #9dfaff; background: rgba(34, 230, 255, 0.09); border-color: rgba(34, 230, 255, 0.30); }

    .tlr-premium-resource-icon svg {
      width: 30px;
      height: 30px;
    }

    .tlr-premium-resource-badge {
      min-height: 21px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      padding: 0 10px;
      margin: 0 0 8px;
      color: #9fd7ff;
      font-size: 9px;
      line-height: 1;
      font-weight: 820;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      background: rgba(0, 143, 255, 0.12);
      border: 1px solid rgba(0, 143, 255, 0.34);
    }

    .purple .tlr-premium-resource-badge { color: #d9bcff; background: rgba(192, 44, 255, 0.12); border-color: rgba(192, 44, 255, 0.34); }
    .cyan .tlr-premium-resource-badge { color: #a9faff; background: rgba(34, 230, 255, 0.10); border-color: rgba(34, 230, 255, 0.28); }

    .tlr-premium-resource-card p {
      max-width: 270px;
      margin-top: 6px !important;
      font-size: 12.5px;
    }

    .tlr-premium-resource-card .tlr-premium-check-list {
      grid-template-columns: 1fr;
      gap: 5px;
      margin-top: 10px;
    }

    .tlr-premium-resource-card .tlr-premium-check-list li {
      font-size: 11px;
      padding-left: 15px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .tlr-premium-resource-card .tlr-premium-check-list li::before {
      width: 8px;
      height: 8px;
      top: 3px;
      content: "";
    }

    .tlr-premium-flow-section {
      padding-bottom: 26px;
    }

    .tlr-premium-flow-timeline {
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 22px;
      padding: 22px 6px 0;
    }

    .tlr-premium-flow-timeline::before {
      content: "";
      position: absolute;
      left: 54px;
      right: 54px;
      top: 43px;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(0, 163, 255, 0.14), rgba(8, 124, 255, 0.85), rgba(124, 61, 255, 0.80), rgba(34, 230, 255, 0.56), rgba(192, 44, 255, 0.68), rgba(0, 163, 255, 0.12));
      box-shadow: 0 0 22px rgba(0, 163, 255, 0.24), 0 0 18px rgba(192, 44, 255, 0.14);
      pointer-events: none;
    }

    .tlr-premium-flow-step {
      position: relative;
      min-height: 108px;
      display: grid;
      grid-template-rows: 46px auto;
      align-items: start;
      z-index: 2;
    }

    .tlr-premium-flow-number {
      width: 46px;
      height: 46px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      color: #fff;
      font-size: 16px;
      line-height: 1;
      font-weight: 850;
      background: linear-gradient(135deg, #087cff, #253dff);
      border: 1px solid rgba(150, 210, 255, 0.78);
      box-shadow: 0 0 22px rgba(8, 124, 255, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

    .tlr-premium-flow-step:nth-child(2n) .tlr-premium-flow-number { background: linear-gradient(135deg, #253dff, #7c3dff); }
    .tlr-premium-flow-step:nth-child(3n) .tlr-premium-flow-number { background: linear-gradient(135deg, #0796b9, #087cff); }
    .tlr-premium-flow-step:nth-child(6) .tlr-premium-flow-number { background: linear-gradient(135deg, #7c3dff, #c02cff); }

    .tlr-premium-flow-step h3 {
      margin: 14px 0 0 !important;
      color: #fff;
      font-size: 14px;
      line-height: 1.08;
      font-weight: 820;
      letter-spacing: -0.034em;
    }

    .tlr-premium-flow-step p {
      margin: 7px 0 0 !important;
      max-width: 172px;
      color: rgba(238, 244, 255, 0.72);
      font-size: 11.5px;
      line-height: 1.20;
      font-weight: 430;
      letter-spacing: -0.01em;
    }

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

    .tlr-premium-decision-card {
      min-height: 146px;
      padding: 18px 20px;
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 14px;
      align-items: start;
    }

    .tlr-premium-decision-card.approved { border-color: rgba(22, 218, 139, 0.48); background: radial-gradient(circle at 14% 30%, rgba(22, 218, 139, 0.16), transparent 34%), linear-gradient(180deg, rgba(3, 32, 35, 0.80), rgba(3, 8, 23, 0.96)); }
    .tlr-premium-decision-card.needs { border-color: rgba(255, 184, 54, 0.52); background: radial-gradient(circle at 14% 30%, rgba(255, 184, 54, 0.13), transparent 34%), linear-gradient(180deg, rgba(38, 24, 5, 0.78), rgba(3, 8, 23, 0.96)); }
    .tlr-premium-decision-card.blocked { border-color: rgba(255, 82, 112, 0.52); background: radial-gradient(circle at 14% 30%, rgba(255, 82, 112, 0.14), transparent 34%), linear-gradient(180deg, rgba(38, 8, 22, 0.78), rgba(3, 8, 23, 0.96)); }
    .tlr-premium-decision-card.escalated { border-color: rgba(174, 94, 255, 0.54); background: radial-gradient(circle at 14% 30%, rgba(174, 94, 255, 0.16), transparent 34%), linear-gradient(180deg, rgba(22, 8, 45, 0.82), rgba(3, 8, 23, 0.96)); }

    .tlr-premium-decision-icon {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      border: 1px solid currentColor;
      background: rgba(3, 8, 23, 0.58);
      box-shadow: 0 0 20px currentColor;
    }

    .tlr-premium-decision-icon svg {
      width: 28px;
      height: 28px;
    }

    .approved .tlr-premium-decision-icon, .approved h3 { color: #29f0a0; }
    .needs .tlr-premium-decision-icon, .needs h3 { color: #ffb936; }
    .blocked .tlr-premium-decision-icon, .blocked h3 { color: #ff5b78; }
    .escalated .tlr-premium-decision-icon, .escalated h3 { color: #bd7bff; }

    .tlr-premium-decision-card h3 {
      font-size: 20px;
    }

    .tlr-premium-decision-card p {
      margin-top: 4px !important;
      font-size: 11.4px;
      line-height: 1.18;
    }

    .tlr-premium-decision-card b {
      display: inline-block;
      min-width: 48px;
      margin-top: 7px;
      margin-right: 8px;
      color: currentColor;
      font-size: 10.5px;
      line-height: 1;
      font-weight: 820;
      letter-spacing: -0.012em;
    }

    .tlr-premium-final-cta {
      min-height: 188px;
      display: grid;
      grid-template-columns: 420px 1fr;
      align-items: center;
      gap: 24px;
      padding: 28px 44px;
      background:
        radial-gradient(circle at 17% 50%, rgba(0, 132, 255, 0.26), transparent 32%),
        radial-gradient(circle at 88% 52%, rgba(192, 44, 255, 0.22), transparent 40%),
        linear-gradient(145deg, rgba(5, 18, 46, 0.92), rgba(13, 8, 42, 0.98));
      border-color: rgba(8, 124, 255, 0.42);
      box-shadow:
        0 0 0 1px rgba(192, 44, 255, 0.28),
        0 0 34px rgba(8, 124, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    }

    .tlr-premium-final-visual {
      height: 130px;
      border-radius: 18px;
      display: grid;
      place-items: center;
      overflow: hidden;
      background:
        repeating-radial-gradient(circle at 50% 70%, transparent 0 16px, rgba(0, 163, 255, 0.21) 18px 19px, transparent 20px 36px),
        radial-gradient(circle at 50% 62%, rgba(8, 124, 255, 0.22), transparent 62%);
    }

    .tlr-premium-final-visual svg {
      width: 88px;
      height: 88px;
      color: #58b8ff;
      filter: drop-shadow(0 0 22px rgba(8, 124, 255, 0.44));
    }

    .tlr-premium-final-content {
      display: grid;
      grid-template-columns: 46px 1fr 480px;
      gap: 18px;
      align-items: center;
    }

    .tlr-premium-final-copy h2 {
      margin: 0 !important;
      color: #fff;
      font-size: 34px;
      line-height: 1;
      font-weight: 860;
      letter-spacing: -0.052em;
    }

    .tlr-premium-final-copy p {
      margin: 8px 0 0 !important;
      max-width: 590px;
      color: rgba(238, 244, 255, 0.78);
      font-size: 14.5px;
      line-height: 1.24;
      font-weight: 430;
      letter-spacing: -0.014em;
    }

    .tlr-premium-cta-actions {
      display: flex;
      align-items: center;
      gap: 30px;
      justify-content: flex-end;
    }

    .tlr-premium-cta-button {
      width: 248px;
      height: 52px;
      font-size: 15px;
      background: linear-gradient(100deg, #087cff 0%, #2467ff 45%, #a52cff 100%);
    }

    .tlr-premium-text-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: var(--tlr-blue2) !important;
      font-size: 13px;
      line-height: 1;
      font-weight: 720;
      letter-spacing: -0.018em;
      white-space: nowrap;
    }

    .tlr-premium-text-link:hover,
    .tlr-premium-text-link:focus-visible {
      color: #7fd4ff !important;
      outline: none;
    }

    @media (max-width: 900px) {
      .tlr-premium-control-journey {
        margin-top: 26px;
        gap: 20px;
      }

      .tlr-premium-journey-section {
        border-radius: 18px;
        padding: 20px 16px;
      }

      .tlr-premium-section-head {
        grid-template-columns: 38px 1fr;
        gap: 10px;
        margin-bottom: 16px;
      }

      .tlr-premium-section-number {
        width: 30px;
        height: 30px;
        font-size: 12px;
      }

      .tlr-premium-section-title {
        font-size: 26px;
        line-height: 1.02;
      }

      .tlr-premium-section-subtitle {
        font-size: 13px;
      }

      .tlr-premium-objective-grid,
      .tlr-premium-resource-grid,
      .tlr-premium-decision-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .tlr-premium-objective-card {
        min-height: 0;
        padding: 20px;
      }

      .tlr-premium-hex-icon {
        width: 64px;
        height: 64px;
      }

      .tlr-premium-resource-card {
        min-height: 0;
        padding: 18px;
        grid-template-columns: 56px 1fr;
        gap: 14px;
      }

      .tlr-premium-resource-card .tlr-premium-start-btn {
        grid-column: 1 / -1;
        width: 100%;
        margin-top: 12px;
      }

      .tlr-premium-resource-card .tlr-premium-check-list li {
        white-space: normal;
      }

      .tlr-premium-flow-timeline {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 0;
      }

      .tlr-premium-flow-timeline::before {
        left: 22px;
        right: auto;
        top: 22px;
        bottom: 22px;
        width: 2px;
        height: auto;
        background: linear-gradient(180deg, rgba(8, 124, 255, 0.80), rgba(124, 61, 255, 0.80), rgba(34, 230, 255, 0.54));
      }

      .tlr-premium-flow-step {
        grid-template-columns: 46px 1fr;
        grid-template-rows: auto;
        gap: 14px;
        min-height: 0;
      }

      .tlr-premium-flow-step h3 {
        margin-top: 2px !important;
      }

      .tlr-premium-flow-step p {
        max-width: none;
      }

      .tlr-premium-decision-card {
        min-height: 0;
        grid-template-columns: 50px 1fr;
        padding: 18px;
      }

      .tlr-premium-final-cta {
        min-height: 0;
        grid-template-columns: 1fr;
        padding: 20px;
      }

      .tlr-premium-final-visual {
        height: 110px;
      }

      .tlr-premium-final-content {
        grid-template-columns: 38px 1fr;
        gap: 12px;
      }

      .tlr-premium-final-copy h2 {
        font-size: 26px;
      }

      .tlr-premium-cta-actions {
        grid-column: 1 / -1;
        flex-direction: column;
        align-items: stretch;
        gap: 13px;
        margin-top: 6px;
      }

      .tlr-premium-cta-button {
        width: 100%;
      }

      .tlr-premium-text-link {
        justify-content: center;
        white-space: normal;
        text-align: center;
      }
    }

    /*
      v31 Mobile Dashboard Grid Standard
      Scope: MOBILE ONLY.
      Goal: remove one-by-one stacked mobile behavior and enforce TRUSTELIS MOBILE premium grid density.
      Do not touch desktop, global header/footer, URLs, JavaScript, or library data.
    */
    @media (max-width: 900px) {
      .trustelis-resources-page .tlr-mobile {
        padding-left: 10px !important;
        padding-right: 10px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-shell {
        width: min(430px, calc(100% - 12px)) !important;
        padding: 12px !important;
        border-radius: 25px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-primary,
      .trustelis-resources-page .tlr-mobile .tlr-m-secondary {
        width: 100% !important;
        min-height: 44px !important;
        padding: 8px 7px !important;
        border-radius: 13px !important;
        font-size: 11.1px !important;
        line-height: 1.08 !important;
        white-space: normal !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-primary svg,
      .trustelis-resources-page .tlr-mobile .tlr-m-secondary svg {
        width: 17px !important;
        height: 17px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-library {
        margin-top: 12px !important;
        padding: 13px 11px 12px !important;
        border-radius: 21px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-library-title {
        font-size: 19px !important;
        line-height: 1.02 !important;
        letter-spacing: -0.046em !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-library-description {
        margin: 5px 0 9px !important;
        font-size: 11px !important;
        line-height: 1.16 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-search {
        height: 38px !important;
        margin-top: 0 !important;
        border-radius: 12px !important;
        padding: 0 10px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-search input {
        font-size: 12px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        overflow: visible !important;
        padding: 9px 0 10px !important;
        scrollbar-width: auto !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-industry-grid {
        grid-template-columns: 1fr !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-decision-row {
        grid-template-columns: 28px 70px 1fr !important;
        gap: 6px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-tab {
        width: 100% !important;
        min-width: 0 !important;
        flex: initial !important;
        min-height: 31px !important;
        height: 31px !important;
        padding: 0 6px !important;
        border-radius: 999px !important;
        font-size: 10.6px !important;
        line-height: 1 !important;
        font-weight: 820 !important;
        letter-spacing: -0.026em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-list,
      .trustelis-resources-page .tlr-mobile .tlr-m-resource-list,
      .trustelis-resources-page .tlr-mobile .tlr-m-feature-grid,
      .trustelis-resources-page .tlr-mobile .tlr-m-risk-industry-grid,
      .trustelis-resources-page .tlr-mobile .tlr-m-risk-decision-stack,
      .trustelis-resources-page .tlr-mobile .tlr-m-objective-grid,
      .trustelis-resources-page .tlr-mobile .tlr-m-featured-grid,
      .trustelis-resources-page .tlr-mobile .tlr-m-industry-grid,
      .trustelis-resources-page .tlr-mobile .tlr-m-flow-list,
      .trustelis-resources-page .tlr-mobile .tlr-m-decision-grid,
      .trustelis-resources-page .tlr-mobile .tlr-m-rich-grid,
      .trustelis-resources-page .tlr-mobile .tlr-premium-objective-grid,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-grid,
      .trustelis-resources-page .tlr-mobile .tlr-premium-flow-timeline,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-empty,
      .trustelis-resources-page .tlr-mobile .tlr-m-empty-detail,
      .trustelis-resources-page .tlr-mobile .tlr-m-cta-rich,
      .trustelis-resources-page .tlr-mobile .tlr-premium-final-cta,
      .trustelis-resources-page .tlr-mobile .tlr-premium-final-content,
      .trustelis-resources-page .tlr-mobile .tlr-premium-cta-actions {
        grid-column: 1 / -1 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-heading {
        margin: 0 0 7px !important;
        font-size: 9.6px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-item {
        min-width: 0 !important;
        min-height: 56px !important;
        height: auto !important;
        padding: 8px 7px !important;
        border-radius: 13px !important;
        display: grid !important;
        grid-template-columns: 8px 1fr 11px !important;
        gap: 5px !important;
        align-items: center !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-title {
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        font-size: 10.55px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
        letter-spacing: -0.03em !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-dot {
        width: 6px !important;
        height: 6px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-item svg {
        width: 11px !important;
        height: 11px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-detail {
        margin-top: 9px !important;
        padding: 12px !important;
        border-radius: 16px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-detail-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 5px 8px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-detail-list li {
        min-width: 0 !important;
        font-size: 10.1px !important;
        line-height: 1.15 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-resource,
      .trustelis-resources-page .tlr-mobile .tlr-m-feature,
      .trustelis-resources-page .tlr-mobile .tlr-m-objective-card,
      .trustelis-resources-page .tlr-mobile .tlr-m-resource-card,
      .trustelis-resources-page .tlr-mobile .tlr-m-industry-card,
      .trustelis-resources-page .tlr-mobile .tlr-m-flow-card,
      .trustelis-resources-page .tlr-mobile .tlr-m-decision-card {
        min-width: 0 !important;
        min-height: 74px !important;
        padding: 10px !important;
        border-radius: 14px !important;
        display: grid !important;
        grid-template-columns: 36px 1fr !important;
        gap: 9px !important;
        align-items: center !important;
        text-align: left !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-resource {
        grid-template-columns: 34px 1fr 12px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-resource-icon,
      .trustelis-resources-page .tlr-mobile .tlr-m-feature-icon,
      .trustelis-resources-page .tlr-mobile .tlr-m-hub-icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 11px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-resource-icon svg,
      .trustelis-resources-page .tlr-mobile .tlr-m-feature-icon svg,
      .trustelis-resources-page .tlr-mobile .tlr-m-hub-icon svg {
        width: 19px !important;
        height: 19px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-resource h3,
      .trustelis-resources-page .tlr-mobile .tlr-m-feature h3,
      .trustelis-resources-page .tlr-mobile .tlr-m-objective-card h3,
      .trustelis-resources-page .tlr-mobile .tlr-m-resource-card h3,
      .trustelis-resources-page .tlr-mobile .tlr-m-industry-card h3,
      .trustelis-resources-page .tlr-mobile .tlr-m-flow-card h3,
      .trustelis-resources-page .tlr-mobile .tlr-m-decision-card h3 {
        font-size: 12.1px !important;
        line-height: 1.08 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-resource p,
      .trustelis-resources-page .tlr-mobile .tlr-m-feature p,
      .trustelis-resources-page .tlr-mobile .tlr-m-objective-card p,
      .trustelis-resources-page .tlr-mobile .tlr-m-resource-card p,
      .trustelis-resources-page .tlr-mobile .tlr-m-industry-card p,
      .trustelis-resources-page .tlr-mobile .tlr-m-flow-card p,
      .trustelis-resources-page .tlr-mobile .tlr-m-decision-card p {
        font-size: 9.8px !important;
        line-height: 1.16 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-resource > svg {
        width: 12px !important;
        height: 12px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-matrix-section {
        margin-top: 12px !important;
        padding: 14px 10px 12px !important;
        border-radius: 18px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-title {
        font-size: 21px !important;
        line-height: 1.02 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-band {
        font-size: 10.6px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-subtitle {
        font-size: 10.5px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-flow {
        padding: 9px !important;
        gap: 7px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-industry-grid {
        gap: 8px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-industry-card {
        min-width: 0 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-copy p {
        display: block !important;
        overflow: visible !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-control-journey {
        margin-top: 20px !important;
        gap: 18px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-journey-section {
        padding: 15px 12px !important;
        border-radius: 18px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-section-head {
        grid-template-columns: 30px 1fr !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-section-number {
        width: 27px !important;
        height: 27px !important;
        font-size: 11px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-section-title {
        font-size: 22px !important;
        line-height: 1.02 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-section-subtitle {
        font-size: 11.5px !important;
        line-height: 1.22 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-objective-card,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-card,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-card {
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 11px !important;
        border-radius: 14px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-hex-icon,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-icon,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 12px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-hex-icon svg,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-icon svg,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-icon svg {
        width: 21px !important;
        height: 21px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-objective-card h3,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-card h3,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-card h3 {
        font-size: 13.1px !important;
        line-height: 1.08 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-objective-card p,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-card p,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-card p {
        font-size: 9.7px !important;
        line-height: 1.14 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-check-list {
        margin-top: 7px !important;
        gap: 4px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-check-list li {
        font-size: 9.2px !important;
        line-height: 1.12 !important;
        white-space: normal !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-start-btn,
      .trustelis-resources-page .tlr-mobile .tlr-premium-cta-button {
        min-height: 34px !important;
        height: 34px !important;
        width: 100% !important;
        margin-top: 8px !important;
        border-radius: 9px !important;
        font-size: 10.6px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-badge {
        min-height: 18px !important;
        padding: 0 7px !important;
        margin-bottom: 6px !important;
        font-size: 8px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-flow-timeline {
        padding: 0 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-flow-timeline::before {
        display: none !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-flow-step {
        min-width: 0 !important;
        min-height: 88px !important;
        padding: 11px 9px !important;
        border-radius: 14px !important;
        display: grid !important;
        grid-template-columns: 30px 1fr !important;
        grid-template-rows: auto !important;
        gap: 8px !important;
        align-items: start !important;
        background:
          radial-gradient(circle at 10% 0%, rgba(8, 124, 255, 0.14), transparent 36%),
          linear-gradient(180deg, rgba(5, 17, 42, 0.78), rgba(3, 9, 24, 0.94));
        border: 1px solid rgba(0, 143, 255, 0.28);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.055);
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-flow-number {
        width: 28px !important;
        height: 28px !important;
        font-size: 10.5px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-flow-step h3 {
        margin: 0 !important;
        font-size: 11.5px !important;
        line-height: 1.08 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-flow-step p {
        margin-top: 4px !important;
        font-size: 9.5px !important;
        line-height: 1.13 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-final-cta {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 16px 13px !important;
        border-radius: 18px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-final-visual {
        height: 86px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-final-content {
        display: grid !important;
        grid-template-columns: 30px 1fr !important;
        gap: 10px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-final-copy h2 {
        font-size: 22px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-final-copy p {
        font-size: 11px !important;
        line-height: 1.22 !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-cta-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin-top: 8px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-text-link {
        min-height: 34px !important;
        border-radius: 9px !important;
        padding: 7px !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 10px !important;
        line-height: 1.12 !important;
        background: rgba(5, 11, 28, 0.58) !important;
        border: 1px solid rgba(255, 255, 255, 0.20) !important;
      }
    }

    @media (max-width: 380px) {
      .trustelis-resources-page .tlr-mobile .tlr-m-shell {
        width: min(430px, calc(100% - 8px)) !important;
        padding: 10px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-title {
        font-size: clamp(31px, 8.4vw, 39px) !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-actions,
      .trustelis-resources-page .tlr-mobile .tlr-m-tabs,
      .trustelis-resources-page .tlr-mobile .tlr-m-topic-list,
      .trustelis-resources-page .tlr-mobile .tlr-m-risk-industry-grid,
      .trustelis-resources-page .tlr-mobile .tlr-m-risk-decision-stack,
      .trustelis-resources-page .tlr-mobile .tlr-premium-objective-grid,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-grid,
      .trustelis-resources-page .tlr-mobile .tlr-premium-flow-timeline,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-grid {
        gap: 6px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-tab {
        font-size: 9.7px !important;
        padding: 0 4px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-item {
        min-height: 52px !important;
        padding: 7px 5px !important;
        grid-template-columns: 7px 1fr 10px !important;
        gap: 4px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-topic-title {
        font-size: 9.9px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-m-risk-industry-card,
      .trustelis-resources-page .tlr-mobile .tlr-premium-objective-card,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-card,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-card {
        padding: 9px 7px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-premium-objective-card h3,
      .trustelis-resources-page .tlr-mobile .tlr-premium-resource-card h3,
      .trustelis-resources-page .tlr-mobile .tlr-premium-decision-card h3 {
        font-size: 12.2px !important;
      }
    }



    /* v30 AI Control Playbook: surgical replacement of section 01 only. */
    .tlr-playbook-panel {
      position: relative;
      min-height: 486px;
      padding: 28px 28px 30px;
      border-radius: 24px;
      overflow: hidden;
      background:
        radial-gradient(circle at 7% 14%, rgba(8, 124, 255, 0.20), transparent 28%),
        radial-gradient(circle at 92% 88%, rgba(124, 61, 255, 0.13), transparent 34%),
        linear-gradient(180deg, rgba(3, 14, 36, 0.96), rgba(2, 7, 21, 0.985));
      border: 1px solid rgba(28, 162, 255, 0.76);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 0 0 1px rgba(8, 124, 255, 0.08),
        0 0 34px rgba(8, 124, 255, 0.14),
        0 0 46px rgba(124, 61, 255, 0.06);
      isolation: isolate;
    }

    .tlr-playbook-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      opacity: 0.72;
      background:
        linear-gradient(90deg, transparent 0 60%, rgba(8, 124, 255, 0.055) 60% 60.15%, transparent 60.15% 100%),
        linear-gradient(180deg, transparent 0 17%, rgba(8, 124, 255, 0.055) 17% 17.25%, transparent 17.25% 100%),
        radial-gradient(circle at 77% 13%, rgba(0, 163, 255, 0.68) 0 1.5px, transparent 2px),
        radial-gradient(circle at 89% 8%, rgba(0, 163, 255, 0.65) 0 1.5px, transparent 2px),
        radial-gradient(circle at 96% 17%, rgba(0, 163, 255, 0.60) 0 1.5px, transparent 2px);
      background-size: 100% 100%, 100% 100%, 112px 72px, 146px 86px, 184px 98px;
    }

    .tlr-playbook-panel::after {
      content: "";
      position: absolute;
      right: 20px;
      top: 14px;
      width: 560px;
      height: 112px;
      z-index: 0;
      pointer-events: none;
      opacity: 0.58;
      background:
        linear-gradient(90deg, transparent 0 10%, rgba(0, 143, 255, 0.42) 10% 28%, transparent 28% 34%, rgba(0, 143, 255, 0.34) 34% 58%, transparent 58% 66%, rgba(0, 143, 255, 0.30) 66% 92%, transparent 92%),
        linear-gradient(90deg, transparent 0 24%, rgba(0, 143, 255, 0.30) 24% 48%, transparent 48% 55%, rgba(0, 143, 255, 0.26) 55% 82%, transparent 82%);
      background-size: 100% 1px, 100% 1px;
      background-position: 0 34px, 0 72px;
      background-repeat: no-repeat;
      filter: drop-shadow(0 0 8px rgba(0, 143, 255, 0.32));
    }

    .tlr-playbook-panel > * {
      position: relative;
      z-index: 2;
    }

    .tlr-playbook-head {
      display: grid;
      grid-template-columns: 78px 1fr;
      gap: 20px;
      align-items: center;
      margin-bottom: 24px;
    }

    .tlr-playbook-number {
      width: 64px;
      height: 64px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 24px;
      line-height: 1;
      font-weight: 900;
      letter-spacing: -0.04em;
      background:
        radial-gradient(circle at 32% 24%, rgba(34, 230, 255, 0.42), transparent 24%),
        linear-gradient(145deg, rgba(8, 124, 255, 0.94), rgba(54, 87, 255, 0.82) 54%, rgba(124, 61, 255, 0.72));
      border: 1px solid rgba(97, 207, 255, 0.92);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28),
        0 0 18px rgba(0, 163, 255, 0.48),
        0 0 30px rgba(124, 61, 255, 0.20);
    }

    .tlr-playbook-title {
      margin: 0 !important;
      color: #ffffff;
      font-size: 42px;
      line-height: 0.96;
      font-weight: 900;
      letter-spacing: -0.052em;
      text-transform: uppercase;
      text-shadow: 0 10px 34px rgba(0, 0, 0, 0.34);
    }

    .tlr-playbook-subtitle {
      margin: 9px 0 0 !important;
      color: rgba(238, 244, 255, 0.82);
      font-size: 16px;
      line-height: 1.25;
      font-weight: 450;
      letter-spacing: -0.014em;
    }

    .tlr-playbook-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 20px;
    }

    .tlr-playbook-card {
      --tlr-playbook-accent: #168eff;
      --tlr-playbook-accent-rgb: 22, 142, 255;
      position: relative;
      min-width: 0;
      min-height: 348px;
      padding: 26px 24px 24px;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border-radius: 18px;
      color: #ffffff;
      background:
        radial-gradient(circle at 22% 12%, rgba(var(--tlr-playbook-accent-rgb), 0.20), transparent 30%),
        linear-gradient(180deg, rgba(4, 18, 45, 0.91), rgba(2, 8, 24, 0.985));
      border: 1px solid rgba(var(--tlr-playbook-accent-rgb), 0.78);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 22px rgba(var(--tlr-playbook-accent-rgb), 0.13);
    }

    .tlr-playbook-card.purple {
      --tlr-playbook-accent: #a44cff;
      --tlr-playbook-accent-rgb: 164, 76, 255;
      background:
        radial-gradient(circle at 20% 12%, rgba(164, 76, 255, 0.24), transparent 32%),
        linear-gradient(180deg, rgba(28, 9, 56, 0.92), rgba(5, 7, 25, 0.985));
    }

    .tlr-playbook-card.cyan {
      --tlr-playbook-accent: #22e6ff;
      --tlr-playbook-accent-rgb: 34, 230, 255;
      background:
        radial-gradient(circle at 20% 12%, rgba(34, 230, 255, 0.21), transparent 32%),
        linear-gradient(180deg, rgba(2, 34, 48, 0.92), rgba(3, 8, 24, 0.985));
    }

    .tlr-playbook-card::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.72;
      background:
        radial-gradient(ellipse at 76% 24%, transparent 0 22%, rgba(var(--tlr-playbook-accent-rgb), 0.16) 22.3% 22.7%, transparent 23% 31%, rgba(var(--tlr-playbook-accent-rgb), 0.11) 31.3% 31.7%, transparent 32%),
        radial-gradient(circle at 86% 27%, rgba(var(--tlr-playbook-accent-rgb), 0.50) 0 2px, transparent 2.5px),
        linear-gradient(90deg, transparent 0 68%, rgba(var(--tlr-playbook-accent-rgb), 0.055) 68% 68.4%, transparent 68.4% 100%);
    }

    .tlr-playbook-card.purple::before {
      background:
        linear-gradient(90deg, transparent 0 54%, rgba(164, 76, 255, 0.14) 54% 54.5%, transparent 54.5% 100%),
        linear-gradient(180deg, transparent 0 22%, rgba(164, 76, 255, 0.15) 22% 22.5%, transparent 22.5% 100%),
        radial-gradient(circle at 80% 22%, rgba(164, 76, 255, 0.55) 0 2px, transparent 2.5px),
        radial-gradient(circle at 88% 31%, rgba(164, 76, 255, 0.42) 0 2px, transparent 2.5px);
    }

    .tlr-playbook-card.cyan::before {
      background:
        repeating-linear-gradient(90deg, transparent 0 14px, rgba(34, 230, 255, 0.07) 14px 17px, transparent 17px 25px),
        linear-gradient(180deg, transparent 0 18%, rgba(34, 230, 255, 0.10) 18% 18.5%, transparent 18.5% 100%);
      mask-image: linear-gradient(90deg, transparent 36%, black 100%);
      -webkit-mask-image: linear-gradient(90deg, transparent 36%, black 100%);
    }

    .tlr-playbook-card > * {
      position: relative;
      z-index: 2;
    }

    .tlr-playbook-icon {
      width: 94px;
      height: 94px;
      margin-bottom: 18px;
      display: grid;
      place-items: center;
      color: #78caff;
      background:
        radial-gradient(circle at 50% 48%, rgba(var(--tlr-playbook-accent-rgb), 0.30), transparent 62%),
        rgba(2, 13, 34, 0.84);
      border: 1px solid rgba(var(--tlr-playbook-accent-rgb), 0.88);
      box-shadow:
        inset 0 0 22px rgba(var(--tlr-playbook-accent-rgb), 0.16),
        0 0 24px rgba(var(--tlr-playbook-accent-rgb), 0.31);
      clip-path: polygon(24% 6%, 76% 6%, 100% 50%, 76% 94%, 24% 94%, 0 50%);
    }

    .tlr-playbook-card.purple .tlr-playbook-icon { color: #d09cff; }
    .tlr-playbook-card.cyan .tlr-playbook-icon { color: #a5fbff; }

    .tlr-playbook-icon svg {
      width: 48px;
      height: 48px;
      filter: drop-shadow(0 0 8px rgba(var(--tlr-playbook-accent-rgb), 0.52));
    }

    .tlr-playbook-label {
      min-height: 29px;
      width: fit-content;
      margin: 0 0 15px;
      padding: 0 10px;
      border-radius: 7px;
      display: inline-flex;
      align-items: center;
      color: var(--tlr-playbook-accent);
      font-size: 13px;
      line-height: 1;
      font-weight: 880;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      background: rgba(var(--tlr-playbook-accent-rgb), 0.10);
      border: 1px solid rgba(var(--tlr-playbook-accent-rgb), 0.78);
      box-shadow: 0 0 12px rgba(var(--tlr-playbook-accent-rgb), 0.17);
    }

    .tlr-playbook-card h3 {
      margin: 0 !important;
      color: #ffffff;
      font-size: 24px;
      line-height: 1.02;
      font-weight: 870;
      letter-spacing: -0.045em;
    }

    .tlr-playbook-divider {
      position: relative;
      height: 1px;
      margin: 13px 0 13px;
      background: linear-gradient(90deg, rgba(var(--tlr-playbook-accent-rgb), 0.62), rgba(var(--tlr-playbook-accent-rgb), 0.12), transparent);
    }

    .tlr-playbook-divider::before {
      content: "";
      position: absolute;
      left: -1px;
      top: -3px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--tlr-playbook-accent);
      box-shadow: 0 0 12px rgba(var(--tlr-playbook-accent-rgb), 0.76);
    }

    .tlr-playbook-card p {
      margin: 0 !important;
      color: rgba(238, 244, 255, 0.80);
      font-size: 14px;
      line-height: 1.34;
      font-weight: 430;
      letter-spacing: -0.012em;
    }

    .tlr-playbook-list {
      display: grid;
      gap: 10px;
      margin: auto 0 0;
      padding: 18px 0 0;
      list-style: none;
    }

    .tlr-playbook-list li {
      position: relative;
      min-height: 18px;
      padding-left: 28px;
      color: rgba(248, 250, 252, 0.91);
      font-size: 13.5px;
      line-height: 1.22;
      font-weight: 510;
      letter-spacing: -0.012em;
    }

    .tlr-playbook-list li::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: -1px;
      width: 18px;
      height: 18px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 11px;
      line-height: 1;
      font-weight: 900;
      background: linear-gradient(145deg, var(--tlr-playbook-accent), rgba(var(--tlr-playbook-accent-rgb), 0.70));
      box-shadow: 0 0 12px rgba(var(--tlr-playbook-accent-rgb), 0.36);
    }

    @media (max-width: 900px) {
      .tlr-playbook-panel {
        min-height: 0;
        padding: 18px 14px 16px;
        border-radius: 20px;
      }

      .tlr-playbook-panel::after {
        width: 260px;
        height: 74px;
        right: 8px;
        top: 8px;
        opacity: 0.38;
      }

      .tlr-playbook-head {
        grid-template-columns: 46px 1fr;
        gap: 11px;
        margin-bottom: 16px;
      }

      .tlr-playbook-number {
        width: 42px;
        height: 42px;
        font-size: 16px;
      }

      .tlr-playbook-title {
        font-size: 28px;
        line-height: 0.98;
      }

      .tlr-playbook-subtitle {
        margin-top: 6px !important;
        font-size: 12px;
        line-height: 1.28;
      }

      .tlr-playbook-grid {
        grid-template-columns: 1fr;
        gap: 11px;
      }

      .tlr-playbook-card {
        min-height: 0;
        padding: 16px 14px;
        border-radius: 15px;
      }

      .tlr-playbook-icon {
        width: 66px;
        height: 66px;
        margin-bottom: 12px;
      }

      .tlr-playbook-icon svg {
        width: 34px;
        height: 34px;
      }

      .tlr-playbook-label {
        min-height: 23px;
        margin-bottom: 10px;
        padding: 0 8px;
        font-size: 10px;
      }

      .tlr-playbook-card h3 {
        font-size: 20px;
      }

      .tlr-playbook-divider {
        margin: 10px 0;
      }

      .tlr-playbook-card p {
        font-size: 12px;
        line-height: 1.30;
      }

      .tlr-playbook-list {
        gap: 7px;
        margin-top: 0;
        padding-top: 13px;
      }

      .tlr-playbook-list li {
        padding-left: 24px;
        font-size: 11.5px;
        line-height: 1.20;
      }

      .tlr-playbook-list li::before {
        width: 16px;
        height: 16px;
        font-size: 9px;
      }
    }

    @media (max-width: 380px) {
      .trustelis-resources-page .tlr-mobile .tlr-playbook-panel {
        padding: 14px 10px 12px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-playbook-head {
        grid-template-columns: 38px 1fr !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-playbook-number {
        width: 35px !important;
        height: 35px !important;
        font-size: 14px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-playbook-title {
        font-size: 23px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-playbook-subtitle {
        font-size: 10.8px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-playbook-card {
        padding: 13px 11px !important;
      }

      .trustelis-resources-page .tlr-mobile .tlr-playbook-card h3 {
        font-size: 18px !important;
      }
    }