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

    /* =========================================================
       PAGE VARIABLES / BRAND
       ========================================================= */

    .trustelis-home-page {
      --tl-bg: #020614;
      --tl-bg2: #040b18;

      --tl-brand-blue: #087cff;
      --tl-blue2: #00a3ff;
      --tl-cyan: #22e6ff;
      --tl-purple: #7c3dff;
      --tl-purple2: #8b3dff;
      --tl-pink: #c02cff;
      --tl-green: #1ee981;
      --tl-red: #ff4f6d;
      --tl-orange: #ff9d2e;

      --tl-text: #f8fafc;
      --tl-muted: #d8e0ee;
      --tl-soft: #98a8c4;

      --tl-header-safe: 108px;

      position: relative;
      width: 100vw;
      max-width: 100vw;
      margin: 0 calc(50% - 50vw);
      padding: 0;
      overflow-x: hidden;
      overflow-y: visible;

      background:
        radial-gradient(circle at 12% 11%, rgba(8, 124, 255, 0.18), transparent 30%),
        radial-gradient(circle at 78% 18%, rgba(124, 61, 255, 0.20), transparent 35%),
        radial-gradient(circle at 90% 72%, rgba(192, 44, 255, 0.16), transparent 34%),
        linear-gradient(180deg, #020614 0%, #061229 52%, #020614 100%);

      color: var(--tl-text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      isolation: isolate;
    }

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

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

    /* =========================================================
       MAIN SHELL
       ========================================================= */

    .tl-home-shell {
      position: relative;
      width: min(1672px, 100%);
      margin: 0 auto;
      padding: var(--tl-header-safe) 26px 92px;
      overflow: hidden;
      min-height: 980px;
    }

    .tl-home-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      opacity: 0.11;
      background:
        linear-gradient(rgba(255, 255, 255, 0.034) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px);
      background-size: 78px 78px;
      mask-image: radial-gradient(circle at 60% 30%, black 0%, transparent 70%);
      pointer-events: none;
      z-index: 0;
    }

    .tl-wave-left {
      position: absolute;
      left: -270px;
      top: 525px;
      width: 980px;
      height: 240px;
      border-radius: 50%;
      transform: rotate(-4deg);
      background: repeating-radial-gradient(
        ellipse at center,
        transparent 0 18px,
        rgba(8, 124, 255, 0.22) 20px 21px,
        transparent 23px 38px
      );
      opacity: 0.58;
      mask-image: linear-gradient(90deg, black, black 54%, transparent 88%);
      pointer-events: none;
      z-index: 0;
    }

    .tl-wave-right {
      position: absolute;
      right: -230px;
      top: 520px;
      width: 980px;
      height: 300px;
      border-radius: 50%;
      transform: rotate(6deg);
      background: repeating-radial-gradient(
        ellipse at center,
        transparent 0 23px,
        rgba(113, 54, 255, 0.28) 25px 26px,
        transparent 28px 48px
      );
      opacity: 0.62;
      mask-image: linear-gradient(270deg, black, black 62%, transparent 95%);
      pointer-events: none;
      z-index: 0;
    }

    .tl-particles {
      position: absolute;
      right: 70px;
      top: 170px;
      width: 310px;
      height: 390px;
      opacity: 0.40;
      background-image:
        radial-gradient(circle, rgba(8, 124, 255, 0.88) 0 1px, transparent 1.5px),
        radial-gradient(circle, rgba(192, 44, 255, 0.82) 0 1px, transparent 1.5px);
      background-size: 42px 42px, 58px 58px;
      background-position: 0 0, 18px 24px;
      mask-image: radial-gradient(circle, black 0%, transparent 72%);
      pointer-events: none;
      z-index: 0;
    }

    /* =========================================================
       HERO — STABLE, NO OVERLAP
       ========================================================= */

    .tl-hero {
      position: relative;
      z-index: 2;
      text-align: center;
      max-width: 1220px;
      margin: 0 auto;

      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;
    }

    .tl-kicker {
      display: block;
      margin: 0 0 8px 0 !important;
      padding: 0 !important;

      color: var(--tl-brand-blue);
      font-size: clamp(20px, 1.7vw, 28px);
      line-height: 1;
      font-weight: 880;
      letter-spacing: -0.035em;

      text-shadow:
        0 0 18px rgba(8, 124, 255, 0.42),
        0 0 30px rgba(8, 124, 255, 0.16);
    }

    .tl-title {
      display: block;
      margin: 0 !important;
      padding: 0 !important;

      color: #ffffff;
      font-size: clamp(54px, 5.7vw, 86px);
      line-height: 0.98;
      font-weight: 890;
      letter-spacing: -0.052em;
      word-spacing: 0.035em;

      text-shadow:
        0 14px 44px rgba(0, 0, 0, 0.42),
        0 0 30px rgba(255, 255, 255, 0.05);
    }

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

    .tl-gradient {
      color: var(--tl-brand-blue);
      background: none !important;
      -webkit-background-clip: initial !important;
      background-clip: initial !important;
      text-shadow: none;
      filter: drop-shadow(0 0 14px rgba(8, 124, 255, 0.28));
    }

    .tl-subtext {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0;

      margin: 8px auto 0 !important;
      padding: 0 !important;
      max-width: 920px;

      color: rgba(239, 245, 255, 0.92);
      font-size: clamp(16px, 1.22vw, 20px);
      line-height: 1.04;
      font-weight: 470;
      letter-spacing: -0.026em;

      transform: none !important;
    }

    .tl-subline {
      display: block;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.04;
    }

    .tl-substrong {
      display: block;
      margin: 0 !important;
      padding: 0 !important;

      color: var(--tl-brand-blue);
      font-weight: 880;
      line-height: 1.04;

      background: none !important;
      -webkit-background-clip: initial !important;
      background-clip: initial !important;
      text-shadow: 0 0 16px rgba(8, 124, 255, 0.32);
    }

    .tl-actions {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;

      margin-top: 44px !important;
      transform: none !important;
    }

    .tl-btn {
      min-height: 56px;
      border-radius: 11px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 14px;

      color: #ffffff !important;
      text-decoration: none !important;
      white-space: nowrap;
      font-size: 16px;
      font-weight: 820;
      letter-spacing: -0.025em;

      transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
    }

    .tl-btn:hover,
    .tl-btn:focus-visible {
      transform: translateY(-1px);
      filter: brightness(1.07);
      outline: none;
    }

    .tl-btn-primary {
      width: 318px;
      background: linear-gradient(100deg, #087cff 0%, #0b6fff 42%, #7c22ff 78%, #a92dff 100%);
      border: 1px solid rgba(255, 255, 255, 0.20);
      box-shadow:
        0 18px 40px rgba(0, 119, 255, 0.30),
        0 0 30px rgba(124, 61, 255, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
    }

    .tl-btn-secondary {
      width: 236px;
      background: rgba(5, 11, 28, 0.64);
      border: 1px solid rgba(8, 124, 255, 0.72);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 8px 26px rgba(0, 0, 0, 0.22),
        0 0 22px rgba(8, 124, 255, 0.18);
    }

    /* =========================================================
       DIAGRAM — PREMIUM CONTROL CENTER
       ========================================================= */

    .tl-diagram-section {
      position: relative;
      z-index: 2;
      margin-top: 84px;
    }

    .tl-diagram-section::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 44%;
      width: min(760px, 62vw);
      height: 430px;
      transform: translate(-50%, -50%);
      background:
        radial-gradient(circle at 50% 50%, rgba(8, 124, 255, 0.26), transparent 58%),
        radial-gradient(circle at 60% 45%, rgba(124, 61, 255, 0.24), transparent 64%),
        radial-gradient(circle at 50% 50%, rgba(34, 230, 255, 0.10), transparent 70%);
      filter: blur(4px);
      opacity: 0.9;
      pointer-events: none;
      z-index: -1;
    }

    .tl-diagram-caption {
      display: grid;
      grid-template-columns: 1fr 1.16fr 1fr;
      gap: 32px;
      align-items: center;
      margin: 0 auto 18px;
      max-width: 1450px;

      color: #ffffff;
      font-size: 20px;
      line-height: 1;
      font-weight: 850;
      letter-spacing: -0.026em;
    }

    .tl-diagram-caption span {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      white-space: nowrap;
    }

    .tl-diagram-caption span::after {
      content: "";
      width: min(150px, 34%);
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(8, 124, 255, 0.24), rgba(8, 124, 255, 1));
      box-shadow: 0 0 14px rgba(8, 124, 255, 0.46);
    }

    .tl-diagram-grid {
      display: grid;
      grid-template-columns: minmax(280px, 1fr) 76px minmax(390px, 1.28fr) 76px minmax(280px, 1fr);
      align-items: center;
      gap: 0;
      max-width: 1450px;
      margin: 0 auto;
    }

    .tl-panel {
      position: relative;
      min-height: 314px;
      border-radius: 20px;

      background:
        radial-gradient(circle at 18% 0%, rgba(8, 124, 255, 0.18), transparent 35%),
        linear-gradient(180deg, rgba(10, 30, 72, 0.70), rgba(4, 11, 28, 0.90));

      border: 1px solid rgba(8, 124, 255, 0.48);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 18px 46px rgba(0, 0, 0, 0.24),
        0 0 26px rgba(8, 124, 255, 0.12);

      overflow: hidden;
      backdrop-filter: blur(10px);
    }

    .tl-usecase-panel {
      background:
        radial-gradient(circle at 14% 2%, rgba(8, 124, 255, 0.18), transparent 36%),
        linear-gradient(180deg, rgba(7, 22, 55, 0.76), rgba(4, 11, 28, 0.90));
    }

    .tl-layer-panel {
      min-height: 342px;
      border-color: rgba(124, 61, 255, 0.82);

      background:
        radial-gradient(circle at 12% 2%, rgba(8, 124, 255, 0.30), transparent 38%),
        radial-gradient(circle at 96% 0%, rgba(192, 44, 255, 0.34), transparent 44%),
        linear-gradient(180deg, rgba(11, 32, 88, 0.86), rgba(4, 11, 28, 0.94));

      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 0 42px rgba(8, 124, 255, 0.42),
        0 0 36px rgba(192, 44, 255, 0.28),
        0 26px 56px rgba(0, 0, 0, 0.30);

      transform: translateY(-8px);
    }

    .tl-layer-panel::before {
      content: "";
      position: absolute;
      left: 18px;
      right: 18px;
      top: 0;
      height: 4px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, #087cff, rgba(255, 255, 255, 0.92), #8b3dff, transparent);
      box-shadow: 0 0 24px rgba(8, 124, 255, 0.58);
      z-index: 3;
    }

    .tl-outcome-panel {
      border-color: rgba(34, 230, 255, 0.42);
      background:
        radial-gradient(circle at 18% 2%, rgba(30, 233, 129, 0.13), transparent 38%),
        linear-gradient(180deg, rgba(8, 34, 48, 0.72), rgba(4, 11, 28, 0.90));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 18px 46px rgba(0, 0, 0, 0.24),
        0 0 30px rgba(34, 230, 255, 0.12);
    }

    .tl-panel-head {
      min-height: 62px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;

      color: var(--tl-brand-blue);
      font-size: 18px;
      line-height: 1;
      font-weight: 880;
      letter-spacing: -0.024em;
      text-align: center;
      text-shadow: 0 0 16px rgba(8, 124, 255, 0.22);
    }

    .tl-layer-panel .tl-panel-head {
      min-height: 66px;
      color: #ffffff;
      font-size: 23px;
      background: linear-gradient(90deg, rgba(8, 124, 255, 0.92), rgba(76, 77, 255, 0.90), rgba(169, 45, 255, 0.80));
      text-shadow: 0 0 18px rgba(255, 255, 255, 0.18);
    }

    .tl-outcome-panel .tl-panel-head {
      color: #1ee981;
      text-shadow: 0 0 16px rgba(30, 233, 129, 0.22);
    }

    .tl-panel-list {
      margin: 14px 18px 18px;
      display: grid;
      gap: 10px;
    }

    .tl-diag-item {
      min-height: 48px;
      display: grid;
      grid-template-columns: 52px 1fr;
      align-items: center;

      border: 1px solid rgba(134, 160, 255, 0.18);
      border-radius: 14px;
      padding: 8px 14px;

      background:
        radial-gradient(circle at 0% 50%, rgba(8, 124, 255, 0.13), transparent 42%),
        linear-gradient(180deg, rgba(7, 18, 42, 0.70), rgba(3, 9, 24, 0.56));

      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 8px 18px rgba(0, 0, 0, 0.10);
    }

    .tl-layer-panel .tl-diag-item {
      background:
        radial-gradient(circle at 0% 50%, rgba(8, 124, 255, 0.18), transparent 42%),
        linear-gradient(180deg, rgba(10, 28, 78, 0.78), rgba(4, 11, 28, 0.72));
      border-color: rgba(115, 158, 255, 0.22);
    }

    .tl-layer-panel .tl-diag-item:nth-child(2) {
      border-color: rgba(34, 230, 255, 0.44);
      background:
        radial-gradient(circle at 0% 50%, rgba(34, 230, 255, 0.22), transparent 42%),
        linear-gradient(90deg, rgba(8, 124, 255, 0.18), rgba(124, 61, 255, 0.20)),
        linear-gradient(180deg, rgba(10, 28, 78, 0.86), rgba(4, 11, 28, 0.74));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 18px rgba(34, 230, 255, 0.18);
    }

    .tl-item-icon {
      width: 38px;
      height: 38px;
      border-radius: 13px;
      display: grid;
      place-items: center;

      color: #ffffff;
      font-size: 18px;
      line-height: 1;
      font-weight: 900;

      background: linear-gradient(135deg, rgba(8, 124, 255, 0.94), rgba(50, 61, 255, 0.84), rgba(124, 61, 255, 0.86));
      border: 1px solid rgba(94, 164, 255, 0.48);
      box-shadow: 0 0 18px rgba(8, 124, 255, 0.30);
    }

    .tl-layer-panel .tl-diag-item:nth-child(2) .tl-item-icon {
      background: linear-gradient(135deg, #087cff, #00a3ff 52%, #7c3dff);
      box-shadow:
        0 0 18px rgba(8, 124, 255, 0.38),
        0 0 16px rgba(34, 230, 255, 0.22);
    }

    .tl-outcome-panel .tl-item-icon {
      border-radius: 50%;
      background: radial-gradient(circle at 32% 24%, rgba(74, 255, 156, 0.95), rgba(0, 168, 92, 0.88) 62%, rgba(0, 106, 70, 0.92));
      box-shadow: 0 0 20px rgba(0, 255, 140, 0.30);
    }

    .tl-outcome-panel .tl-diag-item:nth-child(2) .tl-item-icon {
      background: radial-gradient(circle at 32% 24%, rgba(255, 103, 121, 0.98), rgba(194, 43, 71, 0.92) 62%, rgba(110, 18, 39, 0.92));
    }

    .tl-outcome-panel .tl-diag-item:nth-child(3) .tl-item-icon {
      background: radial-gradient(circle at 32% 24%, rgba(255, 184, 72, 0.98), rgba(206, 117, 26, 0.92) 62%, rgba(116, 62, 15, 0.92));
    }

    .tl-outcome-panel .tl-diag-item:nth-child(4) .tl-item-icon {
      background: radial-gradient(circle at 32% 24%, rgba(72, 169, 255, 0.98), rgba(30, 92, 217, 0.92) 62%, rgba(18, 45, 134, 0.92));
    }

    .tl-outcome-panel .tl-diag-item:nth-child(5) .tl-item-icon {
      background: radial-gradient(circle at 32% 24%, rgba(177, 104, 255, 0.98), rgba(103, 55, 223, 0.92) 62%, rgba(55, 25, 138, 0.92));
    }

    .tl-diag-item strong {
      display: block;
      color: #ffffff;
      font-size: 16px;
      line-height: 1.12;
      font-weight: 810;
      letter-spacing: -0.028em;
    }

    .tl-diag-item small {
      display: block;
      margin-top: 3px;
      color: rgba(216, 224, 238, 0.72);
      font-size: 11.5px;
      line-height: 1.18;
      font-weight: 430;
      letter-spacing: -0.015em;
    }

    .tl-layer-panel .tl-diag-item:nth-child(2) strong {
      color: #22e6ff;
      text-shadow: 0 0 12px rgba(34, 230, 255, 0.20);
    }

    .tl-arrow-col {
      height: 3px;
      min-width: 60px;
      align-self: center;
      margin: 0 8px;
      border-radius: 999px;
      position: relative;

      background: linear-gradient(90deg, transparent, rgba(8, 124, 255, 0.96), rgba(34, 230, 255, 0.92));
      box-shadow:
        0 0 16px rgba(8, 124, 255, 0.55),
        0 0 22px rgba(34, 230, 255, 0.22);
    }

    .tl-arrow-col::before {
      content: "";
      position: absolute;
      left: 8px;
      top: -3px;
      width: 26px;
      height: 9px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, rgba(34, 230, 255, 0.82), transparent);
      filter: blur(2px);
      animation: tlFlow 2.7s linear infinite;
    }

    .tl-arrow-col::after {
      content: "";
      position: absolute;
      right: -1px;
      top: -7px;
      width: 0;
      height: 0;
      border-left: 13px solid rgba(34, 230, 255, 0.96);
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      filter: drop-shadow(0 0 8px rgba(8, 124, 255, 0.44));
    }

    @keyframes tlFlow {
      0% { transform: translateX(0); opacity: 0; }
      20% { opacity: 1; }
      100% { transform: translateX(34px); opacity: 0; }
    }


    /* =========================================================
       APPROVED HERO VISUAL IMAGE — SURGICAL DIAGRAM REPLACEMENT
       ========================================================= */

    .tl-subtext {
      margin: 18px auto 0 !important;
      max-width: 970px;
      gap: 7px;
      line-height: 1.16;
      color: rgba(239, 245, 255, 0.88);
    }

    .tl-subline,
    .tl-substrong {
      line-height: 1.16;
    }

    .tl-actions {
      margin-top: 58px !important;
      gap: 30px;
    }

    .tl-diagram-section {
      position: relative;
      z-index: 2;
      margin-top: 104px;
      width: 100%;
    }

    .tl-diagram-section::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: min(980px, 72vw);
      height: 420px;
      transform: translate(-50%, -50%);
      background:
        radial-gradient(circle at 48% 46%, rgba(8, 124, 255, 0.18), transparent 58%),
        radial-gradient(circle at 60% 52%, rgba(124, 61, 255, 0.16), transparent 62%),
        radial-gradient(circle at 50% 70%, rgba(255, 178, 60, 0.08), transparent 60%);
      filter: blur(10px);
      opacity: 0.78;
      pointer-events: none;
      z-index: -1;
    }

    .tl-visual-image-wrap {
      position: relative;
      z-index: 2;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: visible;
      padding: 0;
    }

    .tl-visual-image {
      display: block;
      width: min(980px, 90vw);
      max-width: 980px;
      height: auto;
      object-fit: contain;
      border: 0;
      border-radius: 0;
      filter:
        drop-shadow(0 30px 62px rgba(0, 0, 0, 0.36))
        drop-shadow(0 0 22px rgba(8, 124, 255, 0.10));
      user-select: none;
      -webkit-user-drag: none;
    }

    @media (max-width: 1180px) {
      .tl-diagram-section {
        margin-top: 88px;
      }

      .tl-visual-image {
        width: min(900px, 94vw);
        max-width: 900px;
      }
    }

    @media (max-width: 640px) {
      .tl-subtext {
        margin-top: 14px !important;
        gap: 5px;
        line-height: 1.12;
      }

      .tl-subline,
      .tl-substrong {
        line-height: 1.12;
      }

      .tl-actions {
        margin-top: 42px !important;
      }

      .tl-diagram-section {
        margin-top: 68px;
      }

      .tl-visual-image {
        width: 100%;
        max-width: 100%;
        filter:
          drop-shadow(0 18px 38px rgba(0, 0, 0, 0.30))
          drop-shadow(0 0 14px rgba(8, 124, 255, 0.08));
      }
    }


    /* =========================================================
       LOWER CARDS
       ========================================================= */

    .tl-cards {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 26px;
      margin-top: 70px;
    }

    .tl-card {
      position: relative;
      min-height: 140px;
      border-radius: 14px;
      padding: 24px 24px 22px 148px;
      overflow: hidden;
      cursor: pointer;

      color: inherit !important;
      text-decoration: none !important;

      background:
        radial-gradient(circle at 24% 50%, rgba(0, 132, 255, 0.13), transparent 36%),
        linear-gradient(135deg, rgba(7, 18, 42, 0.78), rgba(4, 10, 24, 0.82));

      border: 1px solid rgba(0, 143, 255, 0.44);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 16px 42px rgba(0, 0, 0, 0.20),
        0 0 22px rgba(0, 119, 255, 0.08);

      transition: transform 160ms ease, filter 160ms ease, border-color 160ms ease;
    }

    .tl-card:hover,
    .tl-card:focus-visible {
      transform: translateY(-2px);
      filter: brightness(1.04);
      outline: none;
    }

    .tl-card-2 {
      border-color: rgba(153, 72, 255, 0.48);
    }

    .tl-card-3 {
      border-color: rgba(34, 230, 255, 0.45);
    }

    .tl-card-num {
      position: absolute;
      left: 22px;
      top: 20px;
      font-size: 32px;
      line-height: 1;
      font-weight: 820;
      letter-spacing: -0.05em;
      color: #087cff;
    }

    .tl-card-2 .tl-card-num {
      color: #9b43ff;
    }

    .tl-card-3 .tl-card-num {
      color: #22d7e8;
    }

    .tl-card-icon {
      position: absolute;
      left: 78px;
      top: 31px;
      width: 76px;
      height: 76px;
      border-radius: 50%;
      display: grid;
      place-items: center;

      font-size: 32px;
      color: #dceaff;

      background: radial-gradient(circle, rgba(0, 119, 255, 0.30), rgba(5, 17, 46, 0.72) 60%, rgba(0, 119, 255, 0.06));
      border: 1px solid rgba(0, 163, 255, 0.7);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 0 28px rgba(0, 143, 255, 0.42);
    }

    .tl-card-2 .tl-card-icon {
      background: radial-gradient(circle, rgba(153, 72, 255, 0.36), rgba(20, 13, 52, 0.76) 60%, rgba(153, 72, 255, 0.08));
      border-color: rgba(153, 72, 255, 0.72);
    }

    .tl-card-3 .tl-card-icon {
      background: radial-gradient(circle, rgba(34, 230, 255, 0.30), rgba(5, 35, 46, 0.76) 60%, rgba(34, 230, 255, 0.08));
      border-color: rgba(34, 230, 255, 0.68);
    }

    .tl-card h3 {
      margin: 0 0 7px;
      color: #ffffff;
      font-size: 19px;
      line-height: 1.12;
      font-weight: 790;
      letter-spacing: -0.03em;
    }

    .tl-card p {
      margin: 0;
      color: rgba(223, 232, 247, 0.82);
      font-size: 13px;
      line-height: 1.32;
      font-weight: 420;
    }

    .tl-card-arrow {
      display: block;
      margin-top: 14px;
      color: #0e8cff;
      font-size: 20px;
      font-weight: 900;
    }

    .tl-card-2 .tl-card-arrow {
      color: #9b43ff;
    }

    .tl-card-3 .tl-card-arrow {
      color: #22d7e8;
    }

    /* =========================================================
       STRIP + CTA
       ========================================================= */

    .tl-strip {
      position: relative;
      z-index: 2;
      margin-top: 34px;
      min-height: 56px;
      border-radius: 12px;

      display: grid;
      grid-template-columns: repeat(4, 1fr);

      background: rgba(5, 11, 28, 0.68);
      border: 1px solid rgba(0, 143, 255, 0.38);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 12px 34px rgba(0, 0, 0, 0.16);

      overflow: hidden;
    }

    .tl-strip-item {
      position: relative;
      min-height: 56px;
      padding: 0 14px;

      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;

      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 690;
      text-align: center;
    }

    .tl-strip-item:not(:last-child)::after {
      content: "";
      position: absolute;
      right: 0;
      top: 14px;
      width: 1px;
      height: 28px;
      background: linear-gradient(180deg, transparent, rgba(0, 143, 255, 0.78), transparent);
    }

    .tl-strip-icon {
      color: #86b8ff;
      font-size: 18px;
      filter: drop-shadow(0 0 8px rgba(0, 143, 255, 0.35));
    }

    .tl-cta {
      position: relative;
      z-index: 2;
      margin-top: 34px;
      min-height: 94px;
      border-radius: 14px;
      padding: 18px 34px;

      display: grid;
      grid-template-columns: 62px 1fr 430px;
      align-items: center;
      gap: 24px;

      background: linear-gradient(90deg, rgba(5, 11, 28, 0.78), rgba(10, 16, 42, 0.8), rgba(25, 11, 50, 0.76));
      border: 1px solid rgba(0, 143, 255, 0.42);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 44px rgba(0, 0, 0, 0.22);

      overflow: hidden;
    }

    .tl-cta-icon {
      width: 54px;
      height: 54px;
      border-radius: 50%;

      display: grid;
      place-items: center;

      color: #ffffff;
      font-size: 30px;

      background: radial-gradient(circle, rgba(0, 132, 255, 0.20), rgba(8, 18, 44, 0.86));
      border: 1px solid rgba(130, 150, 255, 0.62);
      box-shadow:
        0 0 24px rgba(0, 143, 255, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    }

    .tl-cta-text {
      margin: 0;
      color: #ffffff;
      font-size: 23px;
      line-height: 1.15;
      font-weight: 780;
      letter-spacing: -0.04em;
    }

    .tl-cta-text span {
      background: linear-gradient(90deg, #0087ff, #8b3dff, #c02cff);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .tl-cta-btn {
      width: 100%;
      min-height: 54px;
      border-radius: 10px;

      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 18px;

      color: #ffffff !important;
      text-decoration: none !important;
      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);

      font-size: 16px;
      font-weight: 790;
      letter-spacing: -0.02em;
    }

    /* =========================================================
       RESPONSIVE — TABLET
       ========================================================= */

    @media (max-width: 1180px) {
      .trustelis-home-page {
        --tl-header-safe: 104px;
      }

      .tl-home-shell {
        padding-left: 22px;
        padding-right: 22px;
      }

      .tl-title {
        font-size: clamp(48px, 7vw, 76px);
        line-height: 1;
      }

      .tl-title-line {
        line-height: 1;
      }

      .tl-subtext {
        margin-top: 8px !important;
        line-height: 1.06;
      }

      .tl-subline,
      .tl-substrong {
        line-height: 1.06;
      }

      .tl-actions {
        margin-top: 38px !important;
      }

      .tl-diagram-grid {
        grid-template-columns: 1fr;
        gap: 18px;
        max-width: 760px;
      }

      .tl-diagram-caption {
        grid-template-columns: 1fr;
        gap: 10px;
        max-width: 760px;
      }

      .tl-diagram-caption span::after {
        width: 90px;
      }

      .tl-arrow-col {
        width: 3px;
        height: 44px;
        min-width: 3px;
        margin: 0 auto;
        background: linear-gradient(180deg, transparent, rgba(8, 124, 255, 0.96), rgba(34, 230, 255, 0.92));
      }

      .tl-arrow-col::before {
        left: -3px;
        top: 4px;
        width: 9px;
        height: 24px;
        animation: tlFlowVertical 2.7s linear infinite;
      }

      .tl-arrow-col::after {
        right: -7px;
        top: auto;
        bottom: -1px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 13px solid rgba(34, 230, 255, 0.96);
        border-bottom: 0;
      }

      @keyframes tlFlowVertical {
        0% { transform: translateY(0); opacity: 0; }
        20% { opacity: 1; }
        100% { transform: translateY(28px); opacity: 0; }
      }

      .tl-layer-panel {
        transform: none;
      }

      .tl-cards {
        grid-template-columns: 1fr;
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
      }

      .tl-strip {
        grid-template-columns: repeat(2, 1fr);
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
      }

      .tl-strip-item:nth-child(2)::after {
        display: none;
      }

      .tl-cta {
        grid-template-columns: 58px 1fr;
        max-width: 760px;
        margin-left: auto;
        margin-right: auto;
      }

      .tl-cta-btn {
        grid-column: 1 / -1;
      }
    }

    /* =========================================================
       RESPONSIVE — MOBILE
       ========================================================= */

    @media (max-width: 640px) {
      .trustelis-home-page {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        --tl-header-safe: 92px;
      }

      .tl-home-shell {
        padding: var(--tl-header-safe) 12px 44px;
      }

      .tl-kicker {
        font-size: 17px;
        margin-bottom: 6px !important;
      }

      .tl-title {
        font-size: clamp(38px, 11vw, 52px);
        line-height: 1;
      }

      .tl-title-line {
        white-space: normal;
        line-height: 1;
      }

      .tl-subtext {
        font-size: 14px;
        line-height: 1.06;
        margin-top: 8px !important;
      }

      .tl-subline,
      .tl-substrong {
        line-height: 1.06;
      }

      .tl-actions {
        gap: 10px;
        margin-top: 34px !important;
      }

      .tl-btn,
      .tl-btn-primary,
      .tl-btn-secondary {
        width: 100%;
        min-height: 52px;
        font-size: 13px;
      }

      .tl-diagram-section {
        margin-top: 54px;
      }

      .tl-diagram-caption {
        font-size: 15px;
      }

      .tl-panel {
        min-height: auto;
        border-radius: 18px;
      }

      .tl-panel-head,
      .tl-layer-panel .tl-panel-head {
        min-height: 54px;
        font-size: 15px;
      }

      .tl-panel-list {
        margin: 10px 12px 14px;
        gap: 8px;
      }

      .tl-diag-item {
        grid-template-columns: 42px 1fr;
        min-height: 42px;
        padding: 7px 10px;
      }

      .tl-item-icon {
        width: 30px;
        height: 30px;
        border-radius: 10px;
        font-size: 14px;
      }

      .tl-diag-item strong {
        font-size: 13px;
      }

      .tl-diag-item small {
        font-size: 10.5px;
      }

      .tl-cards {
        margin-top: 42px;
        gap: 12px;
      }

      .tl-card {
        min-height: auto;
        padding: 16px 14px 16px 82px;
      }

      .tl-card-num {
        left: 16px;
        top: 16px;
        font-size: 22px;
      }

      .tl-card-icon {
        left: 18px;
        top: 48px;
        width: 44px;
        height: 44px;
        font-size: 20px;
      }

      .tl-card h3 {
        font-size: 15px;
      }

      .tl-card p {
        font-size: 12px;
      }

      .tl-strip {
        grid-template-columns: 1fr;
        margin-top: 18px;
      }

      .tl-strip-item {
        min-height: 40px;
        font-size: 12px;
      }

      .tl-strip-item::after {
        display: none !important;
      }

      .tl-cta {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 18px 14px;
        gap: 12px;
      }

      .tl-cta-icon {
        margin: 0 auto;
      }

      .tl-cta-text {
        font-size: 17px;
      }

      .tl-cta-btn {
        min-height: 50px;
        font-size: 13px;
      }
    }





    .trustelis-home-page .tl-diagram-section {
      position: relative !important;
      z-index: 1 !important;
      width: 100% !important;
      height: clamp(315px, 31vw, 430px) !important;
      margin-top: 38px !important;
      margin-bottom: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
      isolation: isolate !important;
    }

    .trustelis-home-page .tl-diagram-section::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 49%;
      width: min(1020px, 78vw);
      height: min(520px, 39vw);
      transform: translate(-50%, -50%);
      background:
        radial-gradient(ellipse at 48% 45%, rgba(8, 124, 255, 0.24), transparent 56%),
        radial-gradient(ellipse at 61% 44%, rgba(124, 61, 255, 0.19), transparent 62%),
        radial-gradient(ellipse at 50% 72%, rgba(255, 184, 72, 0.10), transparent 58%);
      filter: blur(14px);
      opacity: 0.82;
      pointer-events: none;
      z-index: 0;
    }

    .trustelis-home-page .tl-visual-image-wrap {
      position: absolute !important;
      inset: 0 !important;
      z-index: 1 !important;
      width: 100% !important;
      height: 100% !important;
      display: flex !important;
      align-items: flex-start !important;
      justify-content: center !important;
      overflow: visible !important;
      padding: 0 !important;
      pointer-events: none !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    .trustelis-home-page .tl-visual-image-wrap::after {
      content: "";
      position: absolute;
      inset: -2px;
      z-index: 2;
      pointer-events: none;
      background:
        linear-gradient(90deg, #020614 0%, rgba(2, 6, 20, 0) 12%, rgba(2, 6, 20, 0) 88%, #020614 100%),
        linear-gradient(180deg, rgba(2, 6, 20, 0.20) 0%, rgba(2, 6, 20, 0) 18%, rgba(2, 6, 20, 0) 74%, rgba(2, 6, 20, 0.82) 100%);
    }

    .trustelis-home-page .tl-visual-image {
      display: block !important;
      visibility: visible !important;
      width: clamp(700px, 58vw, 860px) !important;
      max-width: 86vw !important;
      height: auto !important;
      max-height: none !important;
      object-fit: contain !important;
      border: 0 !important;
      border-radius: 0 !important;
      opacity: 0.90 !important;
      transform: translateY(-2px) !important;
      mix-blend-mode: normal !important;
      mask-image: none !important;
      -webkit-mask-image: none !important;
      filter:
        saturate(1.06)
        contrast(1.04)
        brightness(0.93)
        drop-shadow(0 26px 58px rgba(0, 0, 0, 0.30))
        drop-shadow(0 0 18px rgba(8, 124, 255, 0.10)) !important;
      user-select: none !important;
      -webkit-user-drag: none !important;
    }

    .trustelis-home-page .tl-cards {
      margin-top: 42px !important;
    }

    @media (max-width: 1180px) {
      .trustelis-home-page .tl-diagram-section {
        height: clamp(292px, 38vw, 390px) !important;
        margin-top: 36px !important;
      }

      .trustelis-home-page .tl-diagram-section::before {
        width: min(900px, 90vw);
        height: min(455px, 49vw);
      }

      .trustelis-home-page .tl-visual-image {
        width: clamp(620px, 76vw, 800px) !important;
        max-width: 92vw !important;
        opacity: 0.88 !important;
      }

      .trustelis-home-page .tl-cards {
        margin-top: 38px !important;
      }
    }

    @media (max-width: 640px) {
      .trustelis-home-page .tl-diagram-section {
        height: clamp(220px, 56vw, 300px) !important;
        margin-top: 30px !important;
      }

      .trustelis-home-page .tl-diagram-section::before {
        width: 118vw;
        height: 335px;
        top: 49%;
      }

      .trustelis-home-page .tl-visual-image-wrap::after {
        background:
          linear-gradient(90deg, #020614 0%, rgba(2, 6, 20, 0) 8%, rgba(2, 6, 20, 0) 92%, #020614 100%),
          linear-gradient(180deg, rgba(2, 6, 20, 0.12) 0%, rgba(2, 6, 20, 0) 18%, rgba(2, 6, 20, 0) 70%, rgba(2, 6, 20, 0.88) 100%);
      }

      .trustelis-home-page .tl-visual-image {
        width: min(118vw, 560px) !important;
        max-width: 118vw !important;
        opacity: 0.86 !important;
        transform: translateY(0) !important;
        filter:
          saturate(1.04)
          contrast(1.03)
          brightness(0.92)
          drop-shadow(0 18px 34px rgba(0, 0, 0, 0.24))
          drop-shadow(0 0 12px rgba(8, 124, 255, 0.09)) !important;
      }

      .trustelis-home-page .tl-cards {
        margin-top: 30px !important;
      }
    }


    .trustelis-home-page .tl-diagram-section,
    .trustelis-home-page .tl-visual-image-wrap,
    .trustelis-home-page .tl-visual-image {
      animation: none !important;
    }


    /* =========================================================
       FINAL V3 IMAGE VISIBILITY FIX — COMPRESSED WEBP, NO HIDING OVERLAY
       =========================================================
       Root cause addressed:
       - The previous PNG data URI made the Custom Code block extremely large.
       - The visual now uses a compressed WebP data URI, keeping the code stable.
       - The dark overlay pseudo-element is disabled so the real image cannot be covered.
       ========================================================= */

    .trustelis-home-page .tl-diagram-section {
      position: relative !important;
      z-index: 1 !important;
      width: 100% !important;
      height: clamp(330px, 31vw, 430px) !important;
      margin-top: 40px !important;
      margin-bottom: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
      isolation: isolate !important;
      background: transparent !important;
    }

    .trustelis-home-page .tl-visual-image-wrap {
      position: absolute !important;
      inset: 0 !important;
      z-index: 2 !important;
      width: 100% !important;
      height: 100% !important;
      display: flex !important;
      align-items: flex-start !important;
      justify-content: center !important;
      overflow: visible !important;
      padding: 0 !important;
      pointer-events: none !important;
      visibility: visible !important;
      opacity: 1 !important;
    }

    .trustelis-home-page .tl-visual-image-wrap::after {
      content: none !important;
      display: none !important;
      background: none !important;
    }

    .trustelis-home-page .tl-visual-image {
      display: block !important;
      visibility: visible !important;
      width: clamp(760px, 64vw, 1040px) !important;
      max-width: 92vw !important;
      height: auto !important;
      max-height: none !important;
      object-fit: contain !important;
      border: 0 !important;
      border-radius: 0 !important;
      opacity: 0.96 !important;
      transform: translateY(-3px) !important;
      mix-blend-mode: normal !important;
      mask-image: none !important;
      -webkit-mask-image: none !important;
      filter:
        saturate(1.08)
        contrast(1.05)
        brightness(0.98)
        drop-shadow(0 26px 58px rgba(0, 0, 0, 0.28))
        drop-shadow(0 0 18px rgba(8, 124, 255, 0.10)) !important;
      user-select: none !important;
      -webkit-user-drag: none !important;
    }

    @media (max-width: 1180px) {
      .trustelis-home-page .tl-diagram-section {
        height: clamp(292px, 38vw, 390px) !important;
        margin-top: 36px !important;
      }

      .trustelis-home-page .tl-visual-image {
        width: clamp(680px, 80vw, 920px) !important;
        max-width: 94vw !important;
        opacity: 0.96 !important;
      }
    }

    @media (max-width: 640px) {
      .trustelis-home-page .tl-diagram-section {
        height: clamp(220px, 56vw, 300px) !important;
        margin-top: 30px !important;
      }

      .trustelis-home-page .tl-visual-image {
        width: min(122vw, 580px) !important;
        max-width: 122vw !important;
        opacity: 0.94 !important;
        transform: translateY(0) !important;
        filter:
          saturate(1.06)
          contrast(1.04)
          brightness(0.98)
          drop-shadow(0 18px 34px rgba(0, 0, 0, 0.22))
          drop-shadow(0 0 12px rgba(8, 124, 255, 0.08)) !important;
      }
    }


    /* =========================================================
       ACCESSIBILITY
       ========================================================= */

    @media (prefers-reduced-motion: reduce) {
      .tl-btn,
      .tl-card,
      .tl-arrow-col::before {
        transition: none !important;
        animation: none !important;
      }
    }
    /* =========================================================
       FINAL ARCHITECTURE MOTION LAYER — PREMIUM LIVE CONTROL FLOW
       =========================================================
       Surgical scope:
       - Replaces only the visual content inside .tl-diagram-section.
       - Does not change hero text, CTA links, lower cards, strip, CTA, footer, or global shell.
       - No video, no external files, no base64 image, no JavaScript dependency.
       ========================================================= */

    .trustelis-home-page .tl-diagram-section {
      position: relative !important;
      z-index: 2 !important;
      width: 100% !important;
      height: clamp(360px, 29vw, 460px) !important;
      margin-top: 42px !important;
      margin-bottom: 0 !important;
      overflow: hidden !important;
      pointer-events: none !important;
      isolation: isolate !important;
      background: transparent !important;
    }

    .trustelis-home-page .tl-diagram-section::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 52%;
      width: min(1360px, 96vw);
      height: 120%;
      transform: translate(-50%, -50%);
      background:
        radial-gradient(ellipse at 50% 48%, rgba(8, 124, 255, 0.25), transparent 40%),
        radial-gradient(ellipse at 24% 54%, rgba(34, 230, 255, 0.12), transparent 36%),
        radial-gradient(ellipse at 78% 54%, rgba(192, 44, 255, 0.18), transparent 40%),
        radial-gradient(ellipse at 50% 92%, rgba(124, 61, 255, 0.12), transparent 44%);
      filter: blur(16px);
      opacity: 0.92;
      pointer-events: none;
      z-index: 0;
      animation: tlArchAmbientGlow 6.6s ease-in-out infinite alternate;
    }

    .trustelis-home-page .tl-diagram-section::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -35%;
      width: min(1120px, 86vw);
      height: 58%;
      transform: translateX(-50%);
      background:
        repeating-radial-gradient(
          ellipse at center,
          transparent 0 17px,
          rgba(8, 124, 255, 0.16) 19px 20px,
          transparent 22px 38px
        );
      opacity: 0.54;
      filter: blur(0.2px);
      pointer-events: none;
      z-index: 1;
      animation: tlArchGroundBreathe 7.2s ease-in-out infinite alternate;
    }

    .tl-arch-live {
      position: absolute;
      inset: 0;
      z-index: 3;
      width: min(1440px, 98%);
      height: 100%;
      margin: 0 auto;
      left: 0;
      right: 0;
      pointer-events: none;
      transform: translateZ(0);
    }

    .tl-arch-live::before {
      content: "";
      position: absolute;
      inset: 10% 0 0;
      background-image:
        radial-gradient(circle, rgba(34, 230, 255, 0.52) 0 1px, transparent 1.6px),
        radial-gradient(circle, rgba(124, 61, 255, 0.50) 0 1px, transparent 1.7px);
      background-size: 54px 54px, 74px 74px;
      background-position: 0 0, 28px 18px;
      opacity: 0.18;
      mask-image: radial-gradient(ellipse at 50% 54%, black 0%, transparent 75%);
      pointer-events: none;
      animation: tlArchParticles 18s linear infinite;
    }

    .tl-arch-svg {
      position: absolute;
      inset: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    .tl-arch-flow-base {
      fill: none;
      stroke-width: 1.2;
      stroke-linecap: round;
      opacity: 0.35;
      filter: drop-shadow(0 0 7px rgba(8, 124, 255, 0.42));
    }

    .tl-arch-flow-live {
      fill: none;
      stroke-width: 2.1;
      stroke-linecap: round;
      stroke-dasharray: 9 19;
      opacity: 0.9;
      filter: drop-shadow(0 0 9px rgba(34, 230, 255, 0.52));
      animation: tlArchFlowDash 4.8s linear infinite;
    }

    .tl-arch-flow-live.tl-purple {
      filter: drop-shadow(0 0 10px rgba(192, 44, 255, 0.56));
      animation-duration: 5.4s;
    }

    .tl-arch-flow-live.tl-soft {
      opacity: 0.48;
      stroke-width: 1.4;
      animation-duration: 6.2s;
    }

    .tl-arch-signal {
      filter: drop-shadow(0 0 8px rgba(34, 230, 255, 0.95));
    }

    .tl-arch-zone-title {
      position: absolute;
      z-index: 5;
      text-transform: uppercase;
      letter-spacing: 0.11em;
      font-size: clamp(10px, 0.78vw, 13px);
      line-height: 1;
      font-weight: 920;
      color: #22e6ff;
      text-shadow: 0 0 16px rgba(34, 230, 255, 0.34);
      white-space: nowrap;
    }

    .tl-arch-zone-title small {
      display: block;
      margin-top: 8px;
      color: rgba(216, 224, 238, 0.66);
      font-size: 11px;
      line-height: 1;
      font-weight: 600;
      letter-spacing: 0.02em;
      text-transform: none;
      text-shadow: none;
    }

    .tl-arch-zone-title-left {
      left: 1.8%;
      top: 9%;
    }

    .tl-arch-zone-title-center {
      left: 50%;
      top: 3.8%;
      transform: translateX(-50%);
      color: #ffffff;
      text-align: center;
    }

    .tl-arch-zone-title-center b {
      color: var(--tl-brand-blue);
      text-shadow: 0 0 14px rgba(8, 124, 255, 0.44);
    }

    .tl-arch-zone-title-right {
      right: 2%;
      top: 9%;
      color: #d75cff;
      text-align: right;
      text-shadow: 0 0 16px rgba(192, 44, 255, 0.38);
    }

    .tl-arch-card {
      position: absolute;
      z-index: 6;
      min-height: 42px;
      border-radius: 13px;
      padding: 8px 12px 8px 46px;
      background:
        radial-gradient(circle at 10% 50%, rgba(34, 230, 255, 0.13), transparent 46%),
        linear-gradient(135deg, rgba(7, 18, 42, 0.62), rgba(4, 11, 28, 0.56));
      border: 1px solid rgba(34, 230, 255, 0.28);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 12px 30px rgba(0, 0, 0, 0.16),
        0 0 18px rgba(8, 124, 255, 0.08);
      backdrop-filter: blur(10px);
      overflow: hidden;
      animation: tlArchCardFloat 5.8s ease-in-out infinite;
    }

    .tl-arch-card::before {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: inherit;
      background: linear-gradient(110deg, transparent 0%, rgba(34, 230, 255, 0.16) 44%, rgba(255, 255, 255, 0.20) 50%, rgba(124, 61, 255, 0.16) 56%, transparent 100%);
      transform: translateX(-120%);
      opacity: 0.44;
      animation: tlArchCardScan 7.8s ease-in-out infinite;
      pointer-events: none;
    }

    .tl-arch-card-icon {
      position: absolute;
      left: 11px;
      top: 50%;
      width: 26px;
      height: 26px;
      transform: translateY(-50%);
      border-radius: 9px;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 14px;
      line-height: 1;
      font-weight: 900;
      background: linear-gradient(135deg, rgba(8, 124, 255, 0.92), rgba(124, 61, 255, 0.86));
      border: 1px solid rgba(115, 190, 255, 0.50);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 0 15px rgba(8, 124, 255, 0.33);
      animation: tlArchIconPulse 3.6s ease-in-out infinite;
    }

    .tl-arch-card strong {
      display: block;
      position: relative;
      z-index: 2;
      color: #ffffff;
      font-size: clamp(10px, 0.78vw, 13px);
      line-height: 1.05;
      font-weight: 850;
      letter-spacing: -0.025em;
    }

    .tl-arch-card small {
      display: block;
      position: relative;
      z-index: 2;
      margin-top: 3px;
      color: rgba(216, 224, 238, 0.66);
      font-size: clamp(8px, 0.58vw, 10px);
      line-height: 1.12;
      font-weight: 450;
      letter-spacing: -0.01em;
    }

    .tl-arch-card-left {
      left: 1.6%;
      width: 225px;
      border-color: rgba(34, 230, 255, 0.28);
    }

    .tl-left-1 { top: 20%; animation-delay: 0s; }
    .tl-left-2 { top: 31.2%; animation-delay: -1.2s; }
    .tl-left-3 { top: 42.4%; animation-delay: -2.4s; }
    .tl-left-4 { top: 53.6%; border-color: rgba(124, 61, 255, 0.52); animation-delay: -3.6s; }
    .tl-left-5 { top: 68%; animation-delay: -0.8s; }
    .tl-left-6 { top: 77%; animation-delay: -1.7s; }
    .tl-left-7 { top: 86%; animation-delay: -2.6s; }

    .tl-left-5,
    .tl-left-6,
    .tl-left-7 {
      min-height: 36px;
      padding-top: 6px;
      padding-bottom: 6px;
      background:
        radial-gradient(circle at 10% 50%, rgba(124, 61, 255, 0.12), transparent 46%),
        linear-gradient(135deg, rgba(7, 18, 42, 0.54), rgba(4, 11, 28, 0.50));
      border-color: rgba(150, 114, 255, 0.24);
    }

    .tl-arch-card-control {
      width: 190px;
      min-height: 58px;
      padding: 10px 12px 10px 48px;
      border-color: rgba(8, 124, 255, 0.34);
      background:
        radial-gradient(circle at 12% 34%, rgba(8, 124, 255, 0.16), transparent 48%),
        linear-gradient(135deg, rgba(8, 22, 58, 0.70), rgba(4, 11, 28, 0.58));
    }

    .tl-control-assessment { left: 31.5%; top: 22%; animation-delay: -0.4s; }
    .tl-control-risk { left: 50%; top: 12.6%; transform: translateX(-50%); animation-delay: -1.4s; }
    .tl-control-approval { right: 31.5%; top: 22%; animation-delay: -2.2s; }
    .tl-control-policy { left: 29.5%; top: 58%; animation-delay: -3s; }
    .tl-control-human { right: 29.5%; top: 58%; animation-delay: -3.8s; }
    .tl-control-enforce { left: 36%; bottom: 6.5%; animation-delay: -4.4s; }
    .tl-control-evidence { right: 36%; bottom: 6.5%; animation-delay: -5.2s; }

    .tl-arch-card-right {
      right: 1.6%;
      width: 235px;
      min-height: 54px;
      border-color: rgba(192, 44, 255, 0.36);
      background:
        radial-gradient(circle at 10% 50%, rgba(192, 44, 255, 0.16), transparent 46%),
        linear-gradient(135deg, rgba(28, 10, 62, 0.62), rgba(4, 11, 28, 0.54));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 12px 30px rgba(0, 0, 0, 0.16),
        0 0 18px rgba(192, 44, 255, 0.09);
    }

    .tl-arch-card-right .tl-arch-card-icon {
      background: linear-gradient(135deg, rgba(124, 61, 255, 0.94), rgba(192, 44, 255, 0.82));
      border-color: rgba(217, 112, 255, 0.50);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 0 15px rgba(192, 44, 255, 0.34);
    }

    .tl-right-1 { top: 21%; animation-delay: -0.5s; }
    .tl-right-2 { top: 35.5%; animation-delay: -1.4s; }
    .tl-right-3 { top: 50%; animation-delay: -2.3s; }
    .tl-right-4 { top: 64.5%; animation-delay: -3.2s; }
    .tl-right-5 { top: 79%; animation-delay: -4.1s; }

    .tl-gateway-core {
      position: absolute;
      left: 50%;
      top: 50%;
      z-index: 7;
      width: clamp(172px, 15vw, 230px);
      height: clamp(172px, 15vw, 230px);
      transform: translate(-50%, -50%);
      border-radius: 50%;
      display: grid;
      place-items: center;
      text-align: center;
      background:
        radial-gradient(circle at 50% 34%, rgba(34, 230, 255, 0.24), transparent 34%),
        radial-gradient(circle at 48% 62%, rgba(124, 61, 255, 0.34), transparent 52%),
        linear-gradient(180deg, rgba(5, 23, 67, 0.64), rgba(8, 5, 36, 0.58));
      border: 1px solid rgba(34, 230, 255, 0.34);
      box-shadow:
        inset 0 0 34px rgba(8, 124, 255, 0.16),
        0 0 38px rgba(8, 124, 255, 0.30),
        0 0 54px rgba(124, 61, 255, 0.22);
      animation: tlGatewayBreath 3.8s ease-in-out infinite;
    }

    .tl-gateway-core::before,
    .tl-gateway-core::after {
      content: "";
      position: absolute;
      inset: -18px;
      border-radius: 50%;
      border: 1px solid rgba(34, 230, 255, 0.24);
      border-left-color: rgba(124, 61, 255, 0.70);
      border-right-color: rgba(8, 124, 255, 0.70);
      box-shadow: 0 0 22px rgba(8, 124, 255, 0.16);
      animation: tlGatewayRing 14s linear infinite;
    }

    .tl-gateway-core::after {
      inset: -36px;
      opacity: 0.62;
      border-top-color: rgba(34, 230, 255, 0.72);
      border-bottom-color: rgba(192, 44, 255, 0.62);
      animation-duration: 22s;
      animation-direction: reverse;
    }

    .tl-gateway-inner {
      position: relative;
      z-index: 2;
      padding: 18px;
    }

    .tl-gateway-logo {
      position: relative;
      display: block;
      width: 46px;
      height: 38px;
      margin: 0 auto 10px;
      filter: drop-shadow(0 0 16px rgba(34, 230, 255, 0.38));
    }

    .tl-gateway-logo span {
      position: absolute;
      left: 50%;
      width: 42px;
      height: 12px;
      transform: translateX(-50%) skewY(-24deg) rotate(-1deg);
      border-radius: 4px;
      background: linear-gradient(135deg, #087cff, #22e6ff 46%, #7c3dff 100%);
      box-shadow: 0 0 12px rgba(8, 124, 255, 0.42);
    }

    .tl-gateway-logo span:nth-child(1) { top: 0; opacity: 0.95; }
    .tl-gateway-logo span:nth-child(2) { top: 12px; opacity: 0.82; }
    .tl-gateway-logo span:nth-child(3) { top: 24px; opacity: 0.68; }

    .tl-gateway-core strong {
      display: block;
      color: #ffffff;
      font-size: clamp(22px, 2vw, 30px);
      line-height: 0.95;
      font-weight: 920;
      letter-spacing: -0.055em;
      text-shadow: 0 12px 32px rgba(0, 0, 0, 0.40);
    }

    .tl-gateway-core em {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 21px;
      margin-top: 9px;
      padding: 0 12px;
      border-radius: 999px;
      color: #22e6ff;
      font-size: clamp(8px, 0.62vw, 10px);
      line-height: 1;
      font-style: normal;
      font-weight: 850;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      border: 1px solid rgba(34, 230, 255, 0.45);
      background: rgba(3, 10, 28, 0.54);
      box-shadow: 0 0 15px rgba(34, 230, 255, 0.14);
    }

    .tl-gateway-core small {
      display: block;
      max-width: 154px;
      margin: 9px auto 0;
      color: rgba(239, 245, 255, 0.76);
      font-size: clamp(8px, 0.62vw, 10px);
      line-height: 1.22;
      font-weight: 450;
    }

    .tl-gateway-beam {
      position: absolute;
      left: 50%;
      bottom: 0;
      z-index: 4;
      width: 2px;
      height: 28%;
      transform: translateX(-50%);
      background: linear-gradient(180deg, rgba(34, 230, 255, 0.95), rgba(8, 124, 255, 0.36), transparent);
      box-shadow:
        0 0 15px rgba(34, 230, 255, 0.58),
        0 0 30px rgba(124, 61, 255, 0.28);
      opacity: 0.74;
      animation: tlGatewayBeam 2.8s ease-in-out infinite;
    }

    .tl-live-node {
      position: absolute;
      z-index: 5;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #22e6ff;
      box-shadow:
        0 0 12px rgba(34, 230, 255, 0.9),
        0 0 24px rgba(8, 124, 255, 0.45);
      animation: tlLiveNodePulse 2.4s ease-in-out infinite;
    }

    .tl-node-1 { left: 24%; top: 38%; animation-delay: 0s; }
    .tl-node-2 { left: 36%; top: 51%; animation-delay: -0.4s; }
    .tl-node-3 { left: 50%; top: 28%; animation-delay: -0.8s; }
    .tl-node-4 { right: 36%; top: 51%; animation-delay: -1.2s; }
    .tl-node-5 { right: 23%; top: 40%; animation-delay: -1.6s; background: #d75cff; box-shadow: 0 0 12px rgba(192, 44, 255, 0.9), 0 0 24px rgba(124, 61, 255, 0.45); }
    .tl-node-6 { left: 50%; bottom: 13%; animation-delay: -2s; }

    @keyframes tlArchAmbientGlow {
      from { opacity: 0.62; transform: translate(-50%, -50%) scale(0.98); }
      to { opacity: 0.96; transform: translate(-50%, -50%) scale(1.04); }
    }

    @keyframes tlArchGroundBreathe {
      from { opacity: 0.32; transform: translateX(-50%) scaleX(0.96); }
      to { opacity: 0.62; transform: translateX(-50%) scaleX(1.04); }
    }

    @keyframes tlArchParticles {
      from { background-position: 0 0, 28px 18px; }
      to { background-position: 180px 72px, -110px 168px; }
    }

    @keyframes tlArchFlowDash {
      to { stroke-dashoffset: -260; }
    }

    @keyframes tlArchCardFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-3px); }
    }

    @keyframes tlArchCardScan {
      0%, 68% { transform: translateX(-125%); opacity: 0; }
      76% { opacity: 0.44; }
      100% { transform: translateX(125%); opacity: 0; }
    }

    @keyframes tlArchIconPulse {
      0%, 100% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 0 13px rgba(8, 124, 255, 0.26); }
      50% { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 0 22px rgba(34, 230, 255, 0.36); }
    }

    @keyframes tlGatewayBreath {
      0%, 100% { transform: translate(-50%, -50%) scale(1); }
      50% { transform: translate(-50%, -50%) scale(1.035); }
    }

    @keyframes tlGatewayRing {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }

    @keyframes tlGatewayBeam {
      0%, 100% { opacity: 0.38; height: 22%; }
      50% { opacity: 0.86; height: 31%; }
    }

    @keyframes tlLiveNodePulse {
      0%, 100% { transform: scale(1); opacity: 0.56; }
      50% { transform: scale(1.7); opacity: 1; }
    }

    @media (max-width: 1180px) {
      .trustelis-home-page .tl-diagram-section {
        height: clamp(520px, 62vw, 650px) !important;
        margin-top: 38px !important;
        overflow: hidden !important;
      }

      .tl-arch-live {
        width: min(760px, 96vw);
      }

      .tl-arch-svg {
        opacity: 0.72;
      }

      .tl-arch-zone-title-left {
        left: 4%;
        top: 4%;
      }

      .tl-arch-zone-title-center {
        top: 35%;
      }

      .tl-arch-zone-title-right {
        right: 4%;
        top: 66%;
      }

      .tl-arch-card-left {
        left: 3%;
        width: 210px;
      }

      .tl-left-1 { top: 10%; }
      .tl-left-2 { top: 17%; }
      .tl-left-3 { top: 24%; }
      .tl-left-4 { top: 31%; }
      .tl-left-5 { top: 38%; }
      .tl-left-6 { top: 45%; }
      .tl-left-7 { top: 52%; }

      .tl-gateway-core {
        top: 50%;
        width: 190px;
        height: 190px;
      }

      .tl-control-assessment,
      .tl-control-risk,
      .tl-control-approval,
      .tl-control-policy,
      .tl-control-human,
      .tl-control-enforce,
      .tl-control-evidence {
        display: none;
      }

      .tl-arch-card-right {
        right: 3%;
        width: 220px;
      }

      .tl-right-1 { top: 72%; }
      .tl-right-2 { top: 79%; }
      .tl-right-3 { top: 86%; }
      .tl-right-4,
      .tl-right-5 { display: none; }
    }

    @media (max-width: 640px) {
      .trustelis-home-page .tl-diagram-section {
        height: 520px !important;
        margin-top: 30px !important;
      }

      .trustelis-home-page .tl-diagram-section::before {
        width: 122vw;
        height: 100%;
        opacity: 0.74;
      }

      .trustelis-home-page .tl-diagram-section::after {
        width: 122vw;
        opacity: 0.36;
      }

      .tl-arch-live {
        width: 96vw;
      }

      .tl-arch-live::before {
        opacity: 0.11;
      }

      .tl-arch-zone-title {
        font-size: 10px;
      }

      .tl-arch-zone-title small {
        display: none;
      }

      .tl-arch-card {
        width: 45vw;
        min-height: 34px;
        padding: 6px 8px 6px 36px;
        border-radius: 10px;
      }

      .tl-arch-card-icon {
        left: 8px;
        width: 21px;
        height: 21px;
        border-radius: 7px;
        font-size: 11px;
      }

      .tl-arch-card strong {
        font-size: 10px;
      }

      .tl-arch-card small {
        display: none;
      }

      .tl-arch-card-left {
        left: 0;
        width: 45vw;
      }

      .tl-arch-card-right {
        right: 0;
        width: 45vw;
      }

      .tl-left-6,
      .tl-left-7 {
        display: none;
      }

      .tl-gateway-core {
        width: 150px;
        height: 150px;
      }

      .tl-gateway-logo {
        width: 36px;
        height: 30px;
        margin-bottom: 8px;
      }

      .tl-gateway-logo span {
        width: 34px;
        height: 9px;
      }

      .tl-gateway-logo span:nth-child(2) { top: 9px; }
      .tl-gateway-logo span:nth-child(3) { top: 18px; }

      .tl-gateway-core strong {
        font-size: 20px;
      }

      .tl-gateway-core em {
        min-height: 18px;
        margin-top: 7px;
        padding: 0 9px;
        font-size: 7px;
      }

      .tl-gateway-core small {
        display: none;
      }

      .tl-live-node,
      .tl-arch-signal:nth-of-type(n+4) {
        display: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .tl-arch-live,
      .tl-arch-live *,
      .tl-arch-live::before,
      .trustelis-home-page .tl-diagram-section::before,
      .trustelis-home-page .tl-diagram-section::after {
        animation: none !important;
        transition: none !important;
      }
    }



    /* =========================================================
       FINAL LIVE ARCHITECTURE MOTION V2 — CENTER LOGO + SPACING FIX
       =========================================================
       Surgical scope:
       - Updates only the live architecture visual inside .tl-diagram-section.
       - Keeps hero title, CTA buttons, links, lower cards, strip, CTA, footer, and global shell unchanged.
       - Uses the approved TRUSTELIS logo inside the Runtime Gateway.
       ========================================================= */

    .trustelis-home-page .tl-diagram-section {
      height: clamp(390px, 30vw, 480px) !important;
      margin-top: 42px !important;
    }

    .tl-arch-live {
      width: min(1480px, 98.5%) !important;
    }

    .tl-arch-zone-title-left {
      left: 2.2% !important;
      top: 6.3% !important;
    }

    .tl-arch-zone-title-center {
      top: 4.2% !important;
    }

    .tl-arch-zone-title-right {
      right: 2.2% !important;
      top: 6.3% !important;
    }

    .tl-arch-card {
      border-radius: 14px !important;
      padding: 9px 13px 9px 49px !important;
    }

    .tl-arch-card strong {
      font-size: clamp(10.5px, 0.76vw, 13px) !important;
      line-height: 1.08 !important;
    }

    .tl-arch-card small {
      margin-top: 4px !important;
      font-size: clamp(8px, 0.56vw, 9.7px) !important;
      line-height: 1.16 !important;
    }

    .tl-arch-card-left {
      left: 2.0% !important;
      width: 245px !important;
    }

    .tl-usecase-card {
      min-height: 54px !important;
      background:
        radial-gradient(circle at 10% 50%, rgba(34, 230, 255, 0.18), transparent 46%),
        linear-gradient(135deg, rgba(7, 24, 60, 0.66), rgba(4, 11, 28, 0.58)) !important;
      border-color: rgba(34, 230, 255, 0.34) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.09),
        0 13px 30px rgba(0, 0, 0, 0.17),
        0 0 20px rgba(8, 124, 255, 0.10) !important;
    }

    .tl-iot-usecase-card {
      border-color: rgba(124, 61, 255, 0.58) !important;
      background:
        radial-gradient(circle at 10% 50%, rgba(192, 44, 255, 0.18), transparent 46%),
        linear-gradient(135deg, rgba(16, 18, 62, 0.68), rgba(4, 11, 28, 0.58)) !important;
    }

    .tl-source-card {
      min-height: 43px !important;
      opacity: 0.94;
    }

    .tl-left-1 { top: 17.5% !important; animation-delay: 0s !important; }
    .tl-left-2 { top: 30.7% !important; animation-delay: -1.2s !important; }
    .tl-left-3 { top: 43.9% !important; animation-delay: -2.4s !important; }
    .tl-left-4 { top: 57.1% !important; animation-delay: -3.6s !important; }
    .tl-left-5 { top: 72.4% !important; animation-delay: -0.8s !important; }
    .tl-left-6 { top: 81.1% !important; animation-delay: -1.7s !important; }
    .tl-left-7 { top: 89.8% !important; animation-delay: -2.6s !important; }

    .tl-arch-card-control {
      width: 205px !important;
      min-height: 62px !important;
      padding: 10px 13px 10px 50px !important;
    }

    .tl-control-assessment { left: 27.4% !important; top: 23.5% !important; }
    .tl-control-risk { left: 50% !important; top: 12.2% !important; }
    .tl-control-approval { right: 27.4% !important; top: 23.5% !important; }
    .tl-control-policy { left: 26.2% !important; top: 59.4% !important; }
    .tl-control-human { right: 26.2% !important; top: 59.4% !important; }
    .tl-control-enforce { left: 33.1% !important; bottom: 5.2% !important; }
    .tl-control-evidence { right: 33.1% !important; bottom: 5.2% !important; }

    .tl-arch-card-right {
      right: 2.0% !important;
      width: 250px !important;
      min-height: 56px !important;
    }

    .tl-right-1 { top: 20.4% !important; }
    .tl-right-2 { top: 35.1% !important; }
    .tl-right-3 { top: 49.8% !important; }
    .tl-right-4 { top: 64.5% !important; }
    .tl-right-5 { top: 79.2% !important; }

    .tl-gateway-core {
      width: clamp(212px, 16.2vw, 258px) !important;
      height: clamp(212px, 16.2vw, 258px) !important;
      background:
        radial-gradient(circle at 50% 26%, rgba(34, 230, 255, 0.30), transparent 31%),
        radial-gradient(circle at 52% 64%, rgba(124, 61, 255, 0.36), transparent 55%),
        linear-gradient(180deg, rgba(5, 23, 67, 0.68), rgba(8, 5, 36, 0.60)) !important;
      box-shadow:
        inset 0 0 38px rgba(8, 124, 255, 0.18),
        0 0 46px rgba(8, 124, 255, 0.34),
        0 0 72px rgba(124, 61, 255, 0.24) !important;
    }

    .tl-gateway-core::before {
      inset: -22px !important;
    }

    .tl-gateway-core::after {
      inset: -43px !important;
    }

    .tl-gateway-inner {
      position: relative !important;
      z-index: 2 !important;
      width: 100% !important;
      height: 100% !important;
      padding: 24px 20px 22px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 8px !important;
    }

    .tl-gateway-logo {
      position: relative !important;
      display: block !important;
      width: clamp(58px, 4.8vw, 72px) !important;
      height: clamp(50px, 4.3vw, 64px) !important;
      margin: 0 !important;
      filter:
        drop-shadow(0 0 14px rgba(34, 230, 255, 0.48))
        drop-shadow(0 0 20px rgba(124, 61, 255, 0.30)) !important;
      transform-style: preserve-3d;
      animation: tlTrustelisLogoMotion 8.5s ease-in-out infinite !important;
    }

    .tl-gateway-logo span {
      display: none !important;
    }

    .tl-gateway-logo img {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      object-position: center !important;
      user-select: none !important;
      -webkit-user-drag: none !important;
      animation: tlTrustelisLogoSpin 13s linear infinite !important;
      transform-origin: 50% 50%;
    }

    .tl-gateway-core strong {
      font-size: clamp(23px, 1.85vw, 29px) !important;
      line-height: 0.94 !important;
      letter-spacing: -0.052em !important;
      margin: 0 !important;
    }

    .tl-gateway-core em {
      min-height: 22px !important;
      margin-top: 0 !important;
      padding: 0 13px !important;
      font-size: clamp(7px, 0.58vw, 9px) !important;
      letter-spacing: 0.115em !important;
    }

    .tl-gateway-core small {
      max-width: 168px !important;
      margin: 0 auto !important;
      font-size: clamp(8px, 0.58vw, 9.5px) !important;
      line-height: 1.24 !important;
      color: rgba(239, 245, 255, 0.78) !important;
    }

    .tl-gateway-beam {
      height: 31% !important;
      bottom: -2px !important;
    }

    @keyframes tlTrustelisLogoMotion {
      0%, 100% {
        transform: translateY(0) scale(1) rotateX(0deg);
      }
      50% {
        transform: translateY(-4px) scale(1.035) rotateX(7deg);
      }
    }

    @keyframes tlTrustelisLogoSpin {
      from {
        transform: rotateY(0deg) rotateZ(0deg);
      }
      to {
        transform: rotateY(360deg) rotateZ(0deg);
      }
    }

    @media (max-width: 1180px) {
      .trustelis-home-page .tl-diagram-section {
        height: clamp(560px, 66vw, 680px) !important;
      }

      .tl-arch-card-left {
        width: 230px !important;
      }

      .tl-usecase-card {
        min-height: 46px !important;
      }

      .tl-left-1 { top: 9.5% !important; }
      .tl-left-2 { top: 17.2% !important; }
      .tl-left-3 { top: 24.9% !important; }
      .tl-left-4 { top: 32.6% !important; }
      .tl-left-5 { top: 41.8% !important; }
      .tl-left-6 { top: 49.2% !important; }
      .tl-left-7 { top: 56.6% !important; }

      .tl-gateway-core {
        width: 208px !important;
        height: 208px !important;
      }

      .tl-gateway-logo {
        width: 58px !important;
        height: 52px !important;
      }

      .tl-arch-card-right {
        width: 232px !important;
      }

      .tl-right-1 { top: 72% !important; }
      .tl-right-2 { top: 79.5% !important; }
      .tl-right-3 { top: 87% !important; }
    }

    @media (max-width: 640px) {
      .trustelis-home-page .tl-diagram-section {
        height: 545px !important;
      }

      .tl-arch-card {
        padding: 6px 8px 6px 36px !important;
      }

      .tl-usecase-card {
        min-height: 38px !important;
      }

      .tl-arch-card-left,
      .tl-arch-card-right {
        width: 46vw !important;
      }

      .tl-left-5 {
        top: 41.5% !important;
      }

      .tl-gateway-core {
        width: 160px !important;
        height: 160px !important;
      }

      .tl-gateway-inner {
        padding: 18px 14px !important;
        gap: 5px !important;
      }

      .tl-gateway-logo {
        width: 45px !important;
        height: 41px !important;
      }

      .tl-gateway-core strong {
        font-size: 19px !important;
      }

      .tl-gateway-core em {
        min-height: 17px !important;
        padding: 0 8px !important;
        font-size: 6.5px !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .tl-gateway-logo,
      .tl-gateway-logo img {
        animation: none !important;
      }
    }


    /* =========================================================
       TRUSTELIS AI CONTROL LAYER VISUAL — FINAL STABLE GRID V5
       =========================================================
       Surgical scope:
       - Replaces only .tl-diagram-section visual.
       - Does not touch hero text, hero buttons, lower cards, strip, CTA, routes, or footer.
       - Uses new class names to avoid collisions with older .tl-arch-* and .tl-visual-image-* rules.
       - Stable grid first, SVG motion second. No JavaScript dependency.
       ========================================================= */

    .trustelis-home-page .tl-diagram-section {
      position: relative !important;
      z-index: 2 !important;
      width: 100% !important;
      min-height: 620px !important;
      height: auto !important;
      margin-top: 58px !important;
      margin-bottom: 0 !important;
      padding: 0 !important;
      overflow: visible !important;
      pointer-events: auto !important;
      isolation: isolate !important;
      background: transparent !important;
      animation: none !important;
    }

    .trustelis-home-page .tl-diagram-section::before {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      top: 51% !important;
      width: min(1460px, 98vw) !important;
      height: 640px !important;
      transform: translate(-50%, -50%) !important;
      background:
        radial-gradient(ellipse at 49% 44%, rgba(8, 124, 255, 0.24), transparent 42%),
        radial-gradient(ellipse at 60% 48%, rgba(124, 61, 255, 0.20), transparent 48%),
        radial-gradient(ellipse at 22% 52%, rgba(34, 230, 255, 0.10), transparent 42%),
        radial-gradient(ellipse at 80% 54%, rgba(192, 44, 255, 0.14), transparent 44%) !important;
      filter: blur(14px) !important;
      opacity: 0.88 !important;
      pointer-events: none !important;
      z-index: 0 !important;
      animation: tlAiAmbientBreathe 7.6s ease-in-out infinite alternate !important;
    }

    .trustelis-home-page .tl-diagram-section::after {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      bottom: -84px !important;
      width: min(1260px, 92vw) !important;
      height: 285px !important;
      transform: translateX(-50%) !important;
      border-radius: 50% !important;
      background:
        repeating-radial-gradient(
          ellipse at center,
          transparent 0 19px,
          rgba(8, 124, 255, 0.13) 21px 22px,
          transparent 24px 42px
        ) !important;
      opacity: 0.54 !important;
      pointer-events: none !important;
      z-index: 1 !important;
      animation: tlAiGroundBreathe 8.4s ease-in-out infinite alternate !important;
    }

    .trustelis-home-page .tl-ai-layer-visual {
      position: relative;
      z-index: 3;
      width: min(1440px, 100%);
      min-height: 600px;
      margin: 0 auto;
      padding: 38px 26px 34px;
      display: grid;
      grid-template-columns: minmax(330px, 390px) minmax(390px, 1fr) minmax(330px, 390px);
      gap: clamp(26px, 3vw, 50px);
      align-items: center;
      overflow: visible;
      transform: translateZ(0);
    }

    .trustelis-home-page .tl-ai-layer-visual::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      opacity: 0.15;
      background-image:
        radial-gradient(circle, rgba(34, 230, 255, 0.46) 0 1px, transparent 1.7px),
        radial-gradient(circle, rgba(124, 61, 255, 0.44) 0 1px, transparent 1.7px);
      background-size: 58px 58px, 78px 78px;
      background-position: 0 0, 28px 22px;
      mask-image: radial-gradient(ellipse at 50% 50%, black 0%, transparent 74%);
      animation: tlAiParticles 22s linear infinite;
    }

    .trustelis-home-page .tl-ai-flow-svg {
      position: absolute;
      inset: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      overflow: visible;
      pointer-events: none;
    }

    .trustelis-home-page .tl-ai-flow-base {
      fill: none;
      stroke-width: 1.25;
      stroke-linecap: round;
      opacity: 0.34;
      filter: drop-shadow(0 0 7px rgba(8, 124, 255, 0.38));
    }

    .trustelis-home-page .tl-ai-flow-live {
      fill: none;
      stroke-width: 2.15;
      stroke-linecap: round;
      stroke-dasharray: 10 18;
      stroke-dashoffset: 0;
      opacity: 0.9;
      filter: drop-shadow(0 0 9px rgba(34, 230, 255, 0.52));
      animation: tlAiFlowDash 5s linear infinite, tlAiFlowGlow 3.8s ease-in-out infinite;
    }

    .trustelis-home-page .tl-ai-flow-live.tl-ai-purple {
      filter: drop-shadow(0 0 10px rgba(192, 44, 255, 0.56));
      animation-duration: 5.6s, 4.1s;
    }

    .trustelis-home-page .tl-ai-flow-live.tl-ai-soft {
      opacity: 0.6;
      stroke-width: 1.65;
      animation-duration: 6.4s, 4.8s;
    }

    .trustelis-home-page .tl-ai-signal {
      opacity: 0.92;
      filter: drop-shadow(0 0 9px rgba(34, 230, 255, 0.92));
      animation: tlAiSignalPulse 1.7s ease-in-out infinite;
      transform-origin: center;
    }

    .trustelis-home-page .tl-ai-signal-purple {
      filter: drop-shadow(0 0 10px rgba(192, 44, 255, 0.96));
    }

    .trustelis-home-page .tl-ai-side-panel,
    .trustelis-home-page .tl-ai-hub-column {
      position: relative;
      z-index: 5;
    }

    .trustelis-home-page .tl-ai-side-panel {
      min-height: 430px;
      border-radius: 24px;
      padding: 31px 26px 28px;
      overflow: hidden;
      backdrop-filter: blur(12px);
      background:
        radial-gradient(circle at 18% 0%, rgba(8, 124, 255, 0.20), transparent 38%),
        linear-gradient(180deg, rgba(7, 24, 58, 0.78), rgba(4, 11, 28, 0.88));
      border: 1px solid rgba(34, 230, 255, 0.55);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 22px 52px rgba(0, 0, 0, 0.25),
        0 0 28px rgba(8, 124, 255, 0.14);
    }

    .trustelis-home-page .tl-ai-execution-panel {
      background:
        radial-gradient(circle at 88% 0%, rgba(192, 44, 255, 0.24), transparent 38%),
        linear-gradient(180deg, rgba(35, 10, 66, 0.78), rgba(8, 7, 26, 0.88));
      border-color: rgba(192, 44, 255, 0.62);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 22px 52px rgba(0, 0, 0, 0.25),
        0 0 32px rgba(192, 44, 255, 0.16);
    }

    .trustelis-home-page .tl-ai-side-panel::before {
      content: "";
      position: absolute;
      left: 22px;
      right: 22px;
      top: 0;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, rgba(34, 230, 255, 0.92), rgba(8, 124, 255, 0.68), transparent);
      box-shadow: 0 0 22px rgba(34, 230, 255, 0.42);
    }

    .trustelis-home-page .tl-ai-execution-panel::before {
      background: linear-gradient(90deg, transparent, rgba(192, 44, 255, 0.96), rgba(124, 61, 255, 0.72), transparent);
      box-shadow: 0 0 22px rgba(192, 44, 255, 0.44);
    }

    .trustelis-home-page .tl-ai-panel-title {
      margin: 0;
      text-align: center;
      color: #22e6ff;
      font-size: clamp(18px, 1.45vw, 24px);
      line-height: 1;
      font-weight: 920;
      letter-spacing: 0.052em;
      text-transform: uppercase;
      text-shadow: 0 0 18px rgba(34, 230, 255, 0.34);
      white-space: nowrap;
    }

    .trustelis-home-page .tl-ai-execution-panel .tl-ai-panel-title {
      color: #e05cff;
      text-shadow: 0 0 18px rgba(192, 44, 255, 0.38);
    }

    .trustelis-home-page .tl-ai-panel-subtitle {
      margin: 11px 0 26px;
      text-align: center;
      color: rgba(223, 232, 247, 0.78);
      font-size: clamp(13px, 0.96vw, 16px);
      line-height: 1.2;
      font-weight: 650;
      letter-spacing: -0.02em;
    }

    .trustelis-home-page .tl-ai-card-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
    }

    .trustelis-home-page .tl-ai-card {
      position: relative;
      min-height: 126px;
      border-radius: 15px;
      padding: 20px 14px 16px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      background:
        radial-gradient(circle at 50% 0%, rgba(34, 230, 255, 0.20), transparent 46%),
        linear-gradient(180deg, rgba(8, 28, 68, 0.72), rgba(4, 11, 28, 0.74));
      border: 1px solid rgba(34, 230, 255, 0.36);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 18px rgba(8, 124, 255, 0.08);
      overflow: hidden;
      transform: translateZ(0);
      transition: border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease;
    }

    .trustelis-home-page .tl-ai-execution-panel .tl-ai-card {
      background:
        radial-gradient(circle at 50% 0%, rgba(192, 44, 255, 0.24), transparent 46%),
        linear-gradient(180deg, rgba(40, 13, 73, 0.74), rgba(7, 7, 26, 0.74));
      border-color: rgba(192, 44, 255, 0.42);
    }

    .trustelis-home-page .tl-ai-card::before {
      content: "";
      position: absolute;
      inset: -1px;
      border-radius: inherit;
      background: linear-gradient(110deg, transparent 0%, rgba(34, 230, 255, 0.15) 46%, rgba(255,255,255,0.18) 51%, rgba(124, 61, 255, 0.15) 56%, transparent 100%);
      transform: translateX(-130%);
      opacity: 0.44;
      animation: tlAiCardScan 8.8s ease-in-out infinite;
      pointer-events: none;
    }

    .trustelis-home-page .tl-ai-card:hover {
      filter: brightness(1.06);
      border-color: rgba(34, 230, 255, 0.72);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 16px 34px rgba(0, 0, 0, 0.22),
        0 0 26px rgba(8, 124, 255, 0.18);
    }

    .trustelis-home-page .tl-ai-card-icon {
      width: 52px;
      height: 52px;
      margin: 0 0 14px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 25px;
      line-height: 1;
      font-weight: 900;
      background: radial-gradient(circle at 30% 22%, rgba(34, 230, 255, 0.92), rgba(8, 124, 255, 0.86) 58%, rgba(50, 61, 255, 0.72));
      border: 1px solid rgba(115, 190, 255, 0.62);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 0 22px rgba(8, 124, 255, 0.36);
      animation: tlAiIconPulse 3.8s ease-in-out infinite;
      animation-delay: var(--tl-flow-delay);
    }

    .trustelis-home-page .tl-ai-execution-panel .tl-ai-card-icon {
      background: radial-gradient(circle at 30% 22%, rgba(239, 115, 255, 0.96), rgba(124, 61, 255, 0.88) 58%, rgba(80, 28, 150, 0.72));
      border-color: rgba(226, 126, 255, 0.66);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 0 22px rgba(192, 44, 255, 0.36);
    }

    .trustelis-home-page .tl-ai-card strong {
      display: block;
      position: relative;
      z-index: 2;
      color: #ffffff;
      font-size: clamp(15px, 1.05vw, 18px);
      line-height: 1.05;
      font-weight: 890;
      letter-spacing: -0.035em;
      text-wrap: balance;
    }

    .trustelis-home-page .tl-ai-card small {
      display: block;
      position: relative;
      z-index: 2;
      margin-top: 8px;
      color: rgba(223, 232, 247, 0.74);
      font-size: clamp(11px, 0.75vw, 13px);
      line-height: 1.15;
      font-weight: 520;
      letter-spacing: -0.015em;
    }

    .trustelis-home-page .tl-ai-card { --tl-flow-delay: 0s; }
    .trustelis-home-page .tl-ai-business-panel .tl-ai-card:nth-child(1) { --tl-flow-delay: 0s; }
    .trustelis-home-page .tl-ai-business-panel .tl-ai-card:nth-child(2) { --tl-flow-delay: 0.55s; }
    .trustelis-home-page .tl-ai-business-panel .tl-ai-card:nth-child(3) { --tl-flow-delay: 1.1s; }
    .trustelis-home-page .tl-ai-business-panel .tl-ai-card:nth-child(4) { --tl-flow-delay: 1.65s; }
    .trustelis-home-page .tl-ai-execution-panel .tl-ai-card:nth-child(1) { --tl-flow-delay: 0.3s; }
    .trustelis-home-page .tl-ai-execution-panel .tl-ai-card:nth-child(2) { --tl-flow-delay: 0.95s; }
    .trustelis-home-page .tl-ai-execution-panel .tl-ai-card:nth-child(3) { --tl-flow-delay: 1.5s; }
    .trustelis-home-page .tl-ai-execution-panel .tl-ai-card:nth-child(4) { --tl-flow-delay: 2.05s; }

    .trustelis-home-page .tl-ai-anchor-out,
    .trustelis-home-page .tl-ai-anchor-in {
      position: absolute;
      top: 50%;
      width: 9px;
      height: 9px;
      border-radius: 999px;
      transform: translateY(-50%);
      background: #22e6ff;
      box-shadow: 0 0 14px rgba(34, 230, 255, 0.85);
      z-index: 4;
      animation: tlAiAnchorPulse 2.4s ease-in-out infinite;
      animation-delay: var(--tl-flow-delay);
    }

    .trustelis-home-page .tl-ai-anchor-out::before,
    .trustelis-home-page .tl-ai-anchor-in::before {
      content: "";
      position: absolute;
      inset: -5px;
      border-radius: inherit;
      border: 1px solid currentColor;
      opacity: 0.24;
      animation: tlAiAnchorWave 2.4s ease-out infinite;
      animation-delay: var(--tl-flow-delay);
    }

    .trustelis-home-page .tl-ai-anchor-out { right: -5px; color: #22e6ff; }
    .trustelis-home-page .tl-ai-anchor-in { left: -5px; background: #d75cff; color: #d75cff; box-shadow: 0 0 14px rgba(192, 44, 255, 0.85); }

    .trustelis-home-page .tl-ai-hub-column {
      min-height: 510px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
      overflow: visible;
    }

    .trustelis-home-page .tl-ai-center-title {
      margin: 0 0 2px;
      color: rgba(255, 255, 255, 0.94);
      text-align: center;
      font-size: clamp(17px, 1.26vw, 23px);
      line-height: 1;
      font-weight: 920;
      letter-spacing: 0.13em;
      text-transform: uppercase;
      white-space: nowrap;
      text-shadow: 0 0 18px rgba(255, 255, 255, 0.14);
    }

    .trustelis-home-page .tl-ai-center-title span {
      color: var(--tl-brand-blue);
      text-shadow: 0 0 18px rgba(8, 124, 255, 0.46);
    }

    .trustelis-home-page .tl-ai-hub {
      position: relative;
      width: clamp(300px, 27vw, 360px);
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      display: grid;
      place-items: center;
      overflow: visible;
      background:
        radial-gradient(circle at 50% 50%, rgba(8, 124, 255, 0.22), transparent 52%),
        radial-gradient(circle at 70% 34%, rgba(192, 44, 255, 0.22), transparent 48%);
      box-shadow:
        0 0 70px rgba(8, 124, 255, 0.22),
        0 0 70px rgba(124, 61, 255, 0.16);
    }

    .trustelis-home-page .tl-ai-hub::before,
    .trustelis-home-page .tl-ai-hub::after {
      content: "";
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }

    .trustelis-home-page .tl-ai-hub::before {
      inset: -35px;
      border: 1px solid rgba(8, 124, 255, 0.18);
      background: repeating-radial-gradient(circle at center, transparent 0 20px, rgba(8, 124, 255, 0.16) 21px 22px, transparent 23px 39px);
      opacity: 0.86;
      animation: tlAiRingSpin 26s linear infinite;
    }

    .trustelis-home-page .tl-ai-hub::after {
      inset: 3px;
      border: 2px solid rgba(8, 124, 255, 0.84);
      border-right-color: rgba(192, 44, 255, 0.92);
      border-bottom-color: rgba(124, 61, 255, 0.92);
      box-shadow:
        0 0 18px rgba(8, 124, 255, 0.56),
        inset 0 0 22px rgba(124, 61, 255, 0.22);
      animation: tlAiHubBreath 4.2s ease-in-out infinite;
    }

    .trustelis-home-page .tl-ai-hub-inner {
      position: relative;
      z-index: 4;
      width: calc(100% - 58px);
      height: calc(100% - 58px);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 22px;
      background:
        radial-gradient(circle at 50% 28%, rgba(13, 47, 104, 0.58), rgba(4, 11, 28, 0.92) 62%, rgba(2, 6, 20, 0.96));
      border: 1px solid rgba(112, 160, 255, 0.22);
      box-shadow:
        inset 0 0 38px rgba(8, 124, 255, 0.18),
        inset 0 0 42px rgba(124, 61, 255, 0.12);
    }

    .trustelis-home-page .tl-ai-hub-inner::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 34%;
      width: 118px;
      height: 118px;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(34,230,255,0.16) 0%, rgba(8,124,255,0.12) 42%, rgba(124,61,255,0.08) 65%, transparent 74%);
      animation: tlAiCorePulse 3.2s ease-in-out infinite;
      pointer-events: none;
    }

    .trustelis-home-page .tl-ai-hub-inner::after {
      content: "";
      position: absolute;
      inset: 12px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,0.04);
      box-shadow: inset 0 0 42px rgba(255,255,255,0.02);
      pointer-events: none;
    }

    .trustelis-home-page .tl-ai-logo {
      position: relative;
      z-index: 2;
      width: 78px;
      height: 78px;
      margin-bottom: 10px;
      display: grid;
      place-items: center;
      transform-origin: 50% 50%;
      animation: tlAiLogoSpin 18s linear infinite, tlAiLogoFloat 4.8s ease-in-out infinite;
      filter:
        drop-shadow(0 0 18px rgba(8, 124, 255, 0.58))
        drop-shadow(0 0 16px rgba(192, 44, 255, 0.36));
    }

    .trustelis-home-page .tl-ai-logo::before {
      content: "";
      position: absolute;
      inset: 8px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(34,230,255,0.16) 0%, rgba(8,124,255,0.08) 48%, rgba(124,61,255,0.08) 68%, transparent 76%);
      animation: tlAiCorePulse 2.9s ease-in-out infinite;
      z-index: -1;
    }

    .trustelis-home-page .tl-ai-logo img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: contain;
      user-select: none;
      -webkit-user-drag: none;
    }

    .trustelis-home-page .tl-ai-hub-title {
      color: #ffffff;
      font-size: clamp(35px, 3.1vw, 48px);
      line-height: 0.94;
      font-weight: 930;
      letter-spacing: -0.07em;
      text-shadow:
        0 0 22px rgba(255, 255, 255, 0.16),
        0 12px 32px rgba(0, 0, 0, 0.34);
    }

    .trustelis-home-page .tl-ai-hub-pill {
      margin-top: 18px;
      padding: 7px 22px;
      border-radius: 999px;
      color: #22e6ff;
      font-size: clamp(10px, 0.78vw, 12px);
      line-height: 1;
      font-weight: 920;
      letter-spacing: 0.075em;
      text-transform: uppercase;
      border: 1px solid rgba(34, 230, 255, 0.62);
      background: rgba(2, 12, 31, 0.78);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 18px rgba(34, 230, 255, 0.20);
      white-space: nowrap;
    }

    .trustelis-home-page .tl-ai-hub-text {
      margin-top: 13px;
      color: rgba(223, 232, 247, 0.78);
      font-size: clamp(11px, 0.86vw, 14px);
      line-height: 1.2;
      font-weight: 550;
      letter-spacing: -0.02em;
    }

    .trustelis-home-page .tl-ai-orbit-node {
      position: absolute;
      z-index: 5;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #22e6ff;
      box-shadow: 0 0 18px rgba(34, 230, 255, 0.92);
      animation: tlAiNodePulse 2.8s ease-in-out infinite;
    }

    .trustelis-home-page .tl-ai-node-top { top: 14px; left: 50%; transform: translateX(-50%); }
    .trustelis-home-page .tl-ai-node-bottom { bottom: 14px; left: 50%; transform: translateX(-50%); }
    .trustelis-home-page .tl-ai-node-left { left: 14px; top: 50%; transform: translateY(-50%); }
    .trustelis-home-page .tl-ai-node-right { right: 14px; top: 50%; transform: translateY(-50%); background: #d75cff; box-shadow: 0 0 18px rgba(192, 44, 255, 0.92); }

    @keyframes tlAiAmbientBreathe {
      0% { opacity: 0.70; transform: translate(-50%, -50%) scale(0.99); }
      100% { opacity: 0.94; transform: translate(-50%, -50%) scale(1.02); }
    }

    @keyframes tlAiGroundBreathe {
      0% { opacity: 0.36; transform: translateX(-50%) scaleX(0.96); }
      100% { opacity: 0.60; transform: translateX(-50%) scaleX(1.03); }
    }

    @keyframes tlAiParticles {
      0% { transform: translate3d(0, 0, 0); }
      100% { transform: translate3d(-42px, 22px, 0); }
    }

    @keyframes tlAiFlowDash {
      to { stroke-dashoffset: -112; }
    }

    @keyframes tlAiCardScan {
      0%, 62%, 100% { transform: translateX(-130%); }
      74% { transform: translateX(130%); }
    }

    @keyframes tlAiIconPulse {
      0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 0 18px rgba(8,124,255,0.25); }
      50% { box-shadow: inset 0 1px 0 rgba(255,255,255,0.26), 0 0 30px rgba(34,230,255,0.48); }
    }

    @keyframes tlAiRingSpin {
      to { transform: rotate(360deg); }
    }

    @keyframes tlAiHubBreath {
      0%, 100% { opacity: 0.78; transform: scale(0.995); }
      50% { opacity: 1; transform: scale(1.012); }
    }

    @keyframes tlAiLogoSpin {
      to { transform: rotate(360deg); }
    }

    @keyframes tlAiLogoFloat {
      0%, 100% { filter: drop-shadow(0 0 18px rgba(8,124,255,0.58)) drop-shadow(0 0 16px rgba(192,44,255,0.36)); }
      50% { filter: drop-shadow(0 0 22px rgba(34,230,255,0.72)) drop-shadow(0 0 20px rgba(192,44,255,0.48)); }
    }

    @keyframes tlAiFlowGlow {
      0%, 100% { opacity: 0.56; }
      50% { opacity: 1; }
    }

    @keyframes tlAiSignalPulse {
      0%, 100% { opacity: 0.68; }
      50% { opacity: 1; }
    }

    @keyframes tlAiCorePulse {
      0%, 100% { opacity: 0.58; transform: translate(-50%, -50%) scale(0.92); }
      50% { opacity: 0.96; transform: translate(-50%, -50%) scale(1.08); }
    }

    @keyframes tlAiAnchorPulse {
      0%, 100% { transform: translateY(-50%) scale(0.9); opacity: 0.72; }
      50% { transform: translateY(-50%) scale(1.25); opacity: 1; }
    }

    @keyframes tlAiAnchorWave {
      0% { opacity: 0.42; transform: scale(0.55); }
      75% { opacity: 0; transform: scale(1.8); }
      100% { opacity: 0; transform: scale(1.8); }
    }

    @keyframes tlAiNodePulse {
      0%, 100% { opacity: 0.62; transform: scale(0.86); }
      50% { opacity: 1; transform: scale(1.12); }
    }

    @media (max-width: 1180px) {
      .trustelis-home-page .tl-diagram-section {
        min-height: 560px !important;
        margin-top: 50px !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        min-height: 540px;
        padding-left: 18px;
        padding-right: 18px;
        grid-template-columns: minmax(260px, 320px) minmax(320px, 1fr) minmax(260px, 320px);
        gap: 20px;
      }

      .trustelis-home-page .tl-ai-side-panel {
        min-height: 380px;
        padding: 26px 18px 22px;
      }

      .trustelis-home-page .tl-ai-card-grid { gap: 13px; }

      .trustelis-home-page .tl-ai-card {
        min-height: 112px;
        padding: 16px 10px 13px;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 45px;
        height: 45px;
        margin-bottom: 11px;
        font-size: 21px;
      }

      .trustelis-home-page .tl-ai-hub-column { min-height: 470px; }
      .trustelis-home-page .tl-ai-hub { width: clamp(282px, 28vw, 322px); }
    }

    @media (max-width: 860px) {
      .trustelis-home-page .tl-diagram-section {
        min-height: auto !important;
        margin-top: 48px !important;
        overflow: visible !important;
      }

      .trustelis-home-page .tl-diagram-section::before {
        height: 100%;
        min-height: 1040px;
      }

      .trustelis-home-page .tl-diagram-section::after {
        display: none !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        width: min(760px, 100%);
        min-height: auto;
        padding: 10px 16px 26px;
        grid-template-columns: 1fr;
        gap: 24px;
      }

      .trustelis-home-page .tl-ai-flow-svg {
        display: none;
      }

      .trustelis-home-page .tl-ai-side-panel {
        min-height: auto;
        max-width: 560px;
        width: 100%;
        margin: 0 auto;
      }

      .trustelis-home-page .tl-ai-hub-column {
        min-height: auto;
        order: 2;
      }

      .trustelis-home-page .tl-ai-business-panel { order: 1; }
      .trustelis-home-page .tl-ai-execution-panel { order: 3; }

      .trustelis-home-page .tl-ai-hub {
        width: min(340px, 82vw);
      }

      .trustelis-home-page .tl-ai-layer-visual::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 314px;
        bottom: 318px;
        width: 2px;
        transform: translateX(-50%);
        background: linear-gradient(180deg, rgba(34,230,255,0), rgba(34,230,255,0.72), rgba(192,44,255,0.72), rgba(192,44,255,0));
        box-shadow: 0 0 18px rgba(34,230,255,0.32), 0 0 18px rgba(192,44,255,0.24);
        pointer-events: none;
        z-index: 2;
      }
    }

    @media (max-width: 640px) {
      .trustelis-home-page .tl-diagram-section {
        margin-top: 42px !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        padding-left: 0;
        padding-right: 0;
      }

      .trustelis-home-page .tl-ai-side-panel {
        border-radius: 20px;
        padding: 24px 14px 18px;
      }

      .trustelis-home-page .tl-ai-panel-title {
        font-size: 17px;
        letter-spacing: 0.04em;
      }

      .trustelis-home-page .tl-ai-panel-subtitle {
        margin-bottom: 18px;
        font-size: 13px;
      }

      .trustelis-home-page .tl-ai-card-grid {
        gap: 10px;
      }

      .trustelis-home-page .tl-ai-card {
        min-height: 104px;
        padding: 14px 8px 12px;
        border-radius: 13px;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 38px;
        height: 38px;
        margin-bottom: 9px;
        font-size: 18px;
      }

      .trustelis-home-page .tl-ai-card strong {
        font-size: 13px;
        line-height: 1.05;
      }

      .trustelis-home-page .tl-ai-card small {
        font-size: 10.5px;
        line-height: 1.12;
      }

      .trustelis-home-page .tl-ai-center-title {
        font-size: 14px;
        letter-spacing: 0.08em;
        white-space: normal;
        line-height: 1.18;
      }

      .trustelis-home-page .tl-ai-hub {
        width: min(304px, 86vw);
      }

      .trustelis-home-page .tl-ai-logo {
        width: 46px;
        height: 46px;
        margin-bottom: 11px;
      }

      .trustelis-home-page .tl-ai-hub-title {
        font-size: 34px;
      }

      .trustelis-home-page .tl-ai-hub-pill {
        margin-top: 14px;
        padding: 6px 15px;
        font-size: 9px;
      }

      .trustelis-home-page .tl-ai-hub-text {
        font-size: 11px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .trustelis-home-page .tl-diagram-section::before,
      .trustelis-home-page .tl-diagram-section::after,
      .trustelis-home-page .tl-ai-layer-visual::before,
      .trustelis-home-page .tl-ai-flow-live,
      .trustelis-home-page .tl-ai-card::before,
      .trustelis-home-page .tl-ai-card-icon,
      .trustelis-home-page .tl-ai-hub::before,
      .trustelis-home-page .tl-ai-hub::after,
      .trustelis-home-page .tl-ai-logo,
      .trustelis-home-page .tl-ai-orbit-node,
      .trustelis-home-page .tl-ai-signal,
      .trustelis-home-page .tl-ai-anchor-out,
      .trustelis-home-page .tl-ai-anchor-in,
      .trustelis-home-page .tl-ai-anchor-out::before,
      .trustelis-home-page .tl-ai-anchor-in::before {
        animation: none !important;
      }
    }


    /* =========================================================
       V7 DYNAMIC ANCHORED MOTION — REAL DOM PORT ROUTING
       =========================================================
       Surgical scope:
       - Keeps the existing home hero, buttons, lower cards, strip, CTA, routes, and footer unchanged.
       - Replaces only the diagram visual behavior inside .tl-diagram-section.
       - Real connectors are calculated from DOM ports, not fixed SVG coordinates.
       - Motion is logical: source card -> Runtime Gateway -> target card.
       ========================================================= */

    .trustelis-home-page .tl-diagram-section {
      position: relative !important;
      z-index: 2 !important;
      width: 100% !important;
      min-height: 600px !important;
      height: auto !important;
      margin-top: 54px !important;
      margin-bottom: 0 !important;
      overflow: visible !important;
      pointer-events: auto !important;
      isolation: isolate !important;
      background: transparent !important;
    }

    .trustelis-home-page .tl-diagram-section::before {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      top: 50% !important;
      width: min(1460px, 100vw) !important;
      height: 106% !important;
      transform: translate(-50%, -50%) !important;
      background:
        radial-gradient(ellipse at 50% 48%, rgba(8, 124, 255, 0.22), transparent 42%),
        radial-gradient(ellipse at 23% 50%, rgba(34, 230, 255, 0.13), transparent 38%),
        radial-gradient(ellipse at 78% 50%, rgba(192, 44, 255, 0.18), transparent 42%),
        radial-gradient(ellipse at 50% 91%, rgba(124, 61, 255, 0.12), transparent 48%) !important;
      filter: blur(14px) !important;
      opacity: 0.92 !important;
      pointer-events: none !important;
      z-index: 0 !important;
      animation: tlAiV7Ambient 7s ease-in-out infinite alternate !important;
    }

    .trustelis-home-page .tl-diagram-section::after {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      bottom: -19% !important;
      width: min(1180px, 90vw) !important;
      height: 44% !important;
      transform: translateX(-50%) !important;
      background:
        repeating-radial-gradient(
          ellipse at center,
          transparent 0 18px,
          rgba(8, 124, 255, 0.14) 20px 21px,
          transparent 23px 40px
        ) !important;
      opacity: 0.50 !important;
      pointer-events: none !important;
      z-index: 1 !important;
      animation: tlAiV7Ground 7.2s ease-in-out infinite alternate !important;
    }

    .trustelis-home-page .tl-ai-layer-visual {
      position: relative !important;
      z-index: 3 !important;
      width: min(1460px, 99%) !important;
      min-height: 590px !important;
      margin: 0 auto !important;
      display: grid !important;
      grid-template-columns: minmax(330px, 390px) minmax(420px, 1fr) minmax(330px, 390px) !important;
      align-items: center !important;
      gap: 44px !important;
      padding: 18px 22px 20px !important;
      overflow: visible !important;
      transform: translateZ(0) !important;
    }

    .trustelis-home-page .tl-ai-flow-svg {
      position: absolute !important;
      inset: 0 !important;
      z-index: 6 !important;
      width: 100% !important;
      height: 100% !important;
      overflow: visible !important;
      pointer-events: none !important;
    }

    .trustelis-home-page .tl-ai-route-base,
    .trustelis-home-page .tl-ai-route-live {
      fill: none !important;
      stroke-linecap: round !important;
      stroke-linejoin: round !important;
      vector-effect: non-scaling-stroke !important;
    }

    .trustelis-home-page .tl-ai-route-base {
      stroke-width: 1.25 !important;
      opacity: 0.38 !important;
      filter: drop-shadow(0 0 6px rgba(8, 124, 255, 0.30)) !important;
    }

    .trustelis-home-page .tl-ai-route-live {
      stroke-width: 2.35 !important;
      stroke-dasharray: 12 20 !important;
      stroke-dashoffset: 0 !important;
      opacity: 0.34 !important;
      transition: opacity 220ms ease, stroke-width 220ms ease, filter 220ms ease !important;
      animation: tlAiV7RouteDash 2.2s linear infinite !important;
    }

    .trustelis-home-page .tl-ai-route-live.is-active {
      opacity: 1 !important;
      stroke-width: 3.2 !important;
      filter:
        drop-shadow(0 0 8px rgba(34, 230, 255, 0.82))
        drop-shadow(0 0 18px rgba(8, 124, 255, 0.24)) !important;
      animation-duration: 0.95s !important;
    }

    .trustelis-home-page .tl-ai-route-live[data-direction="output"].is-active {
      filter:
        drop-shadow(0 0 9px rgba(192, 44, 255, 0.86))
        drop-shadow(0 0 18px rgba(124, 61, 255, 0.26)) !important;
    }

    .trustelis-home-page .tl-ai-pulse {
      opacity: 0 !important;
      transform-origin: center !important;
      transition: opacity 120ms ease !important;
      filter:
        drop-shadow(0 0 10px rgba(34, 230, 255, 1))
        drop-shadow(0 0 20px rgba(8, 124, 255, 0.40)) !important;
    }

    .trustelis-home-page .tl-ai-pulse.is-visible {
      opacity: 1 !important;
      animation: tlAiV7PulseBreathe 680ms ease-in-out infinite !important;
    }

    .trustelis-home-page .tl-ai-pulse[data-direction="output"] {
      filter:
        drop-shadow(0 0 11px rgba(224, 92, 255, 1))
        drop-shadow(0 0 22px rgba(124, 61, 255, 0.42)) !important;
    }

    .trustelis-home-page .tl-ai-side-panel,
    .trustelis-home-page .tl-ai-hub-column {
      position: relative !important;
      z-index: 7 !important;
    }

    .trustelis-home-page .tl-ai-side-panel {
      min-height: 430px !important;
      border-radius: 24px !important;
      padding: 31px 26px 28px !important;
      overflow: visible !important;
      backdrop-filter: blur(12px) !important;
      background:
        radial-gradient(circle at 18% 0%, rgba(8, 124, 255, 0.20), transparent 38%),
        linear-gradient(180deg, rgba(7, 24, 58, 0.80), rgba(4, 11, 28, 0.90)) !important;
      border: 1px solid rgba(34, 230, 255, 0.55) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 22px 52px rgba(0, 0, 0, 0.25),
        0 0 28px rgba(8, 124, 255, 0.14) !important;
    }

    .trustelis-home-page .tl-ai-execution-panel {
      background:
        radial-gradient(circle at 88% 0%, rgba(192, 44, 255, 0.24), transparent 38%),
        linear-gradient(180deg, rgba(35, 10, 66, 0.80), rgba(8, 7, 26, 0.90)) !important;
      border-color: rgba(192, 44, 255, 0.62) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        0 22px 52px rgba(0, 0, 0, 0.25),
        0 0 32px rgba(192, 44, 255, 0.16) !important;
    }

    .trustelis-home-page .tl-ai-card-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 18px !important;
    }

    .trustelis-home-page .tl-ai-card {
      --tl-flow-delay: 0s;
      position: relative !important;
      z-index: 9 !important;
      min-height: 126px !important;
      border-radius: 15px !important;
      padding: 20px 14px 16px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      background:
        radial-gradient(circle at 50% 0%, rgba(34, 230, 255, 0.20), transparent 46%),
        linear-gradient(180deg, rgba(8, 28, 68, 0.74), rgba(4, 11, 28, 0.76)) !important;
      border: 1px solid rgba(34, 230, 255, 0.36) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 18px rgba(8, 124, 255, 0.08) !important;
      overflow: visible !important;
      transform: translateZ(0) !important;
      transition: border-color 170ms ease, box-shadow 170ms ease, filter 170ms ease, background 170ms ease !important;
    }

    .trustelis-home-page .tl-ai-execution-panel .tl-ai-card {
      background:
        radial-gradient(circle at 50% 0%, rgba(192, 44, 255, 0.24), transparent 46%),
        linear-gradient(180deg, rgba(40, 13, 73, 0.76), rgba(7, 7, 26, 0.76)) !important;
      border-color: rgba(192, 44, 255, 0.42) !important;
    }

    .trustelis-home-page .tl-ai-card::before {
      content: "" !important;
      position: absolute !important;
      inset: -1px !important;
      border-radius: inherit !important;
      background: linear-gradient(110deg, transparent 0%, rgba(34, 230, 255, 0.15) 46%, rgba(255,255,255,0.18) 51%, rgba(124, 61, 255, 0.15) 56%, transparent 100%) !important;
      transform: translateX(-130%) !important;
      opacity: 0.40 !important;
      animation: tlAiV7CardScan 9.4s ease-in-out infinite !important;
      animation-delay: var(--tl-flow-delay) !important;
      pointer-events: none !important;
    }

    .trustelis-home-page .tl-ai-card.is-source-active {
      border-color: rgba(34, 230, 255, 0.92) !important;
      filter: brightness(1.08) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 16px 34px rgba(0, 0, 0, 0.24),
        0 0 30px rgba(34, 230, 255, 0.32),
        0 0 52px rgba(8, 124, 255, 0.12) !important;
    }

    .trustelis-home-page .tl-ai-card.is-target-active {
      border-color: rgba(224, 92, 255, 0.94) !important;
      filter: brightness(1.09) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 16px 34px rgba(0, 0, 0, 0.24),
        0 0 34px rgba(192, 44, 255, 0.34),
        0 0 54px rgba(124, 61, 255, 0.14) !important;
    }

    .trustelis-home-page .tl-ai-card-icon {
      position: relative !important;
      z-index: 3 !important;
      width: 52px !important;
      height: 52px !important;
      margin: 0 0 14px !important;
      border-radius: 50% !important;
      display: grid !important;
      place-items: center !important;
      color: #ffffff !important;
      font-size: 25px !important;
      line-height: 1 !important;
      font-weight: 900 !important;
      background: radial-gradient(circle at 30% 22%, rgba(34, 230, 255, 0.92), rgba(8, 124, 255, 0.86) 58%, rgba(50, 61, 255, 0.72)) !important;
      border: 1px solid rgba(115, 190, 255, 0.62) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 0 22px rgba(8, 124, 255, 0.36) !important;
      animation: tlAiV7IconIdle 3.8s ease-in-out infinite !important;
      animation-delay: var(--tl-flow-delay) !important;
    }

    .trustelis-home-page .tl-ai-execution-panel .tl-ai-card-icon {
      background: radial-gradient(circle at 30% 22%, rgba(239, 115, 255, 0.96), rgba(124, 61, 255, 0.88) 58%, rgba(80, 28, 150, 0.72)) !important;
      border-color: rgba(226, 126, 255, 0.66) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 0 22px rgba(192, 44, 255, 0.36) !important;
    }

    .trustelis-home-page .tl-ai-card.is-source-active .tl-ai-card-icon,
    .trustelis-home-page .tl-ai-card.is-target-active .tl-ai-card-icon {
      animation: tlAiV7IconActive 850ms ease-in-out infinite !important;
    }

    .trustelis-home-page .tl-ai-card strong,
    .trustelis-home-page .tl-ai-card small {
      position: relative !important;
      z-index: 3 !important;
    }

    .trustelis-home-page .tl-ai-card-port {
      position: absolute !important;
      top: 50% !important;
      width: 12px !important;
      height: 12px !important;
      border-radius: 999px !important;
      transform: translateY(-50%) !important;
      z-index: 12 !important;
      background: #22e6ff !important;
      color: #22e6ff !important;
      border: 1px solid rgba(255, 255, 255, 0.24) !important;
      box-shadow:
        0 0 12px rgba(34, 230, 255, 0.95),
        0 0 24px rgba(8, 124, 255, 0.28) !important;
      animation: tlAiV7PortIdle 2.8s ease-in-out infinite !important;
      animation-delay: var(--tl-flow-delay) !important;
    }

    .trustelis-home-page .tl-ai-card-port::before {
      content: "" !important;
      position: absolute !important;
      inset: -8px !important;
      border-radius: inherit !important;
      border: 1px solid currentColor !important;
      opacity: 0.18 !important;
      animation: tlAiV7PortWave 2.8s ease-out infinite !important;
      animation-delay: var(--tl-flow-delay) !important;
    }

    .trustelis-home-page .tl-ai-card-port-out { right: -7px !important; }
    .trustelis-home-page .tl-ai-card-port-in {
      left: -7px !important;
      background: #d75cff !important;
      color: #d75cff !important;
      box-shadow:
        0 0 12px rgba(224, 92, 255, 0.96),
        0 0 24px rgba(124, 61, 255, 0.30) !important;
    }

    .trustelis-home-page .tl-ai-card.is-source-active .tl-ai-card-port,
    .trustelis-home-page .tl-ai-card.is-target-active .tl-ai-card-port {
      animation: tlAiV7PortActive 900ms ease-in-out infinite !important;
    }

    .trustelis-home-page .tl-ai-hub-column {
      min-height: 510px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 20px !important;
      overflow: visible !important;
      z-index: 8 !important;
    }

    .trustelis-home-page .tl-ai-center-title {
      position: relative !important;
      z-index: 10 !important;
      margin: 0 0 2px !important;
      color: rgba(255, 255, 255, 0.94) !important;
      text-align: center !important;
      font-size: clamp(17px, 1.26vw, 23px) !important;
      line-height: 1 !important;
      font-weight: 920 !important;
      letter-spacing: 0.13em !important;
      text-transform: uppercase !important;
      white-space: nowrap !important;
      text-shadow: 0 0 18px rgba(255, 255, 255, 0.14) !important;
    }

    .trustelis-home-page .tl-ai-center-title span {
      color: var(--tl-brand-blue) !important;
      text-shadow: 0 0 18px rgba(8, 124, 255, 0.46) !important;
    }

    .trustelis-home-page .tl-ai-hub {
      position: relative !important;
      z-index: 9 !important;
      width: clamp(310px, 27vw, 370px) !important;
      aspect-ratio: 1 / 1 !important;
      border-radius: 50% !important;
      display: grid !important;
      place-items: center !important;
      overflow: visible !important;
      background:
        radial-gradient(circle at 50% 50%, rgba(8, 124, 255, 0.22), transparent 52%),
        radial-gradient(circle at 70% 34%, rgba(192, 44, 255, 0.22), transparent 48%) !important;
      box-shadow:
        0 0 72px rgba(8, 124, 255, 0.22),
        0 0 76px rgba(124, 61, 255, 0.18) !important;
      transition: filter 180ms ease, transform 180ms ease !important;
    }

    .trustelis-home-page .tl-ai-hub.is-processing {
      filter: brightness(1.13) saturate(1.08) !important;
    }

    .trustelis-home-page .tl-ai-hub::before,
    .trustelis-home-page .tl-ai-hub::after {
      content: "" !important;
      position: absolute !important;
      border-radius: 50% !important;
      pointer-events: none !important;
    }

    .trustelis-home-page .tl-ai-hub::before {
      inset: -35px !important;
      border: 1px solid rgba(8, 124, 255, 0.18) !important;
      background: repeating-radial-gradient(circle at center, transparent 0 20px, rgba(8, 124, 255, 0.16) 21px 22px, transparent 23px 39px) !important;
      opacity: 0.84 !important;
      animation: tlAiV7RingSpin 26s linear infinite !important;
    }

    .trustelis-home-page .tl-ai-hub::after {
      inset: 3px !important;
      border: 2px solid rgba(8, 124, 255, 0.84) !important;
      border-right-color: rgba(192, 44, 255, 0.92) !important;
      border-bottom-color: rgba(124, 61, 255, 0.92) !important;
      box-shadow:
        0 0 18px rgba(8, 124, 255, 0.56),
        inset 0 0 22px rgba(124, 61, 255, 0.22) !important;
      animation: tlAiV7HubBreath 4.2s ease-in-out infinite !important;
    }

    .trustelis-home-page .tl-ai-hub.is-processing::after {
      animation: tlAiV7HubProcess 780ms ease-in-out infinite !important;
    }

    .trustelis-home-page .tl-ai-hub-inner {
      position: relative !important;
      z-index: 6 !important;
      width: calc(100% - 58px) !important;
      height: calc(100% - 58px) !important;
      border-radius: 50% !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      padding: 18px 22px 24px !important;
      background:
        radial-gradient(circle at 50% 28%, rgba(13, 47, 104, 0.58), rgba(4, 11, 28, 0.92) 62%, rgba(2, 6, 20, 0.96)) !important;
      border: 1px solid rgba(112, 160, 255, 0.22) !important;
      box-shadow:
        inset 0 0 38px rgba(8, 124, 255, 0.18),
        inset 0 0 42px rgba(124, 61, 255, 0.12) !important;
    }

    .trustelis-home-page .tl-ai-hub-inner::before {
      content: "" !important;
      position: absolute !important;
      left: 50% !important;
      top: 30% !important;
      width: 142px !important;
      height: 142px !important;
      transform: translate(-50%, -50%) !important;
      border-radius: 50% !important;
      background: radial-gradient(circle, rgba(34,230,255,0.18) 0%, rgba(8,124,255,0.12) 42%, rgba(124,61,255,0.08) 65%, transparent 74%) !important;
      animation: tlAiV7CorePulse 3.2s ease-in-out infinite !important;
      pointer-events: none !important;
    }

    .trustelis-home-page .tl-ai-logo-shell {
      position: relative !important;
      z-index: 4 !important;
      width: clamp(88px, 7vw, 112px) !important;
      height: clamp(82px, 6.6vw, 106px) !important;
      margin: -6px 0 2px !important;
      display: grid !important;
      place-items: center !important;
      animation: tlAiV7LogoBreath 3.8s ease-in-out infinite !important;
      filter:
        drop-shadow(0 0 18px rgba(8, 124, 255, 0.62))
        drop-shadow(0 0 18px rgba(192, 44, 255, 0.38)) !important;
    }

    .trustelis-home-page .tl-ai-logo-spin {
      width: 100% !important;
      height: 100% !important;
      display: grid !important;
      place-items: center !important;
      transform-origin: 50% 50% !important;
      animation: tlAiV7LogoSpin 18s linear infinite !important;
    }

    .trustelis-home-page .tl-ai-logo-spin img {
      display: block !important;
      width: 118% !important;
      height: 118% !important;
      object-fit: contain !important;
      user-select: none !important;
      -webkit-user-drag: none !important;
    }

    .trustelis-home-page .tl-ai-hub-title {
      position: relative !important;
      z-index: 4 !important;
      color: #ffffff !important;
      font-size: clamp(35px, 3.1vw, 48px) !important;
      line-height: 0.94 !important;
      font-weight: 930 !important;
      letter-spacing: -0.07em !important;
      text-shadow:
        0 0 22px rgba(255, 255, 255, 0.16),
        0 12px 32px rgba(0, 0, 0, 0.34) !important;
    }

    .trustelis-home-page .tl-ai-hub-pill {
      position: relative !important;
      z-index: 4 !important;
      margin-top: 16px !important;
      padding: 7px 22px !important;
      border-radius: 999px !important;
      color: #22e6ff !important;
      font-size: clamp(10px, 0.78vw, 12px) !important;
      line-height: 1 !important;
      font-weight: 920 !important;
      letter-spacing: 0.075em !important;
      text-transform: uppercase !important;
      border: 1px solid rgba(34, 230, 255, 0.62) !important;
      background: rgba(2, 12, 31, 0.78) !important;
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 18px rgba(34, 230, 255, 0.20) !important;
      white-space: nowrap !important;
    }

    .trustelis-home-page .tl-ai-hub-text {
      position: relative !important;
      z-index: 4 !important;
      margin-top: 13px !important;
      color: rgba(223, 232, 247, 0.78) !important;
      font-size: clamp(11px, 0.86vw, 14px) !important;
      line-height: 1.2 !important;
      font-weight: 550 !important;
      letter-spacing: -0.02em !important;
    }

    .trustelis-home-page .tl-ai-hub-port {
      position: absolute !important;
      z-index: 12 !important;
      width: 12px !important;
      height: 12px !important;
      border-radius: 999px !important;
      background: #22e6ff !important;
      border: 1px solid rgba(255, 255, 255, 0.22) !important;
      box-shadow:
        0 0 13px rgba(34, 230, 255, 0.92),
        0 0 24px rgba(8, 124, 255, 0.30) !important;
      animation: tlAiV7PortIdle 2.6s ease-in-out infinite !important;
    }

    .trustelis-home-page .tl-ai-hub-port.is-active {
      animation: tlAiV7PortActive 820ms ease-in-out infinite !important;
    }

    .trustelis-home-page .tl-hub-left-1 { left: 14%; top: 32%; }
    .trustelis-home-page .tl-hub-left-2 { left: 8%; top: 43%; }
    .trustelis-home-page .tl-hub-left-3 { left: 8%; top: 57%; }
    .trustelis-home-page .tl-hub-left-4 { left: 14%; top: 68%; }

    .trustelis-home-page .tl-hub-right-1 { right: 14%; top: 32%; background: #d75cff !important; box-shadow: 0 0 13px rgba(224,92,255,0.92), 0 0 24px rgba(124,61,255,0.30) !important; }
    .trustelis-home-page .tl-hub-right-2 { right: 8%; top: 43%; background: #d75cff !important; box-shadow: 0 0 13px rgba(224,92,255,0.92), 0 0 24px rgba(124,61,255,0.30) !important; }
    .trustelis-home-page .tl-hub-right-3 { right: 8%; top: 57%; background: #d75cff !important; box-shadow: 0 0 13px rgba(224,92,255,0.92), 0 0 24px rgba(124,61,255,0.30) !important; }
    .trustelis-home-page .tl-hub-right-4 { right: 14%; top: 68%; background: #d75cff !important; box-shadow: 0 0 13px rgba(224,92,255,0.92), 0 0 24px rgba(124,61,255,0.30) !important; }

    .trustelis-home-page .tl-ai-orbit-node {
      display: none !important;
    }

    @keyframes tlAiV7Ambient {
      0% { opacity: 0.72; transform: translate(-50%, -50%) scale(0.99); }
      100% { opacity: 0.96; transform: translate(-50%, -50%) scale(1.018); }
    }

    @keyframes tlAiV7Ground {
      0% { opacity: 0.36; transform: translateX(-50%) scaleX(0.96); }
      100% { opacity: 0.58; transform: translateX(-50%) scaleX(1.03); }
    }

    @keyframes tlAiV7RouteDash {
      to { stroke-dashoffset: -96; }
    }

    @keyframes tlAiV7PulseBreathe {
      0%, 100% { r: 5.5; opacity: 0.82; }
      50% { r: 8; opacity: 1; }
    }

    @keyframes tlAiV7CardScan {
      0%, 68%, 100% { transform: translateX(-130%); }
      80% { transform: translateX(130%); }
    }

    @keyframes tlAiV7IconIdle {
      0%, 100% { filter: brightness(1); }
      50% { filter: brightness(1.14); }
    }

    @keyframes tlAiV7IconActive {
      0%, 100% { transform: scale(1); filter: brightness(1.06); }
      50% { transform: scale(1.11); filter: brightness(1.28); }
    }

    @keyframes tlAiV7PortIdle {
      0%, 100% { transform: translateY(-50%) scale(0.92); opacity: 0.76; }
      50% { transform: translateY(-50%) scale(1.16); opacity: 1; }
    }

    @keyframes tlAiV7PortActive {
      0%, 100% { transform: translateY(-50%) scale(1.05); opacity: 0.92; }
      50% { transform: translateY(-50%) scale(1.42); opacity: 1; }
    }

    @keyframes tlAiV7PortWave {
      0% { opacity: 0.38; transform: scale(0.55); }
      72% { opacity: 0; transform: scale(1.85); }
      100% { opacity: 0; transform: scale(1.85); }
    }

    @keyframes tlAiV7RingSpin {
      to { transform: rotate(360deg); }
    }

    @keyframes tlAiV7HubBreath {
      0%, 100% { opacity: 0.78; transform: scale(0.995); }
      50% { opacity: 1; transform: scale(1.012); }
    }

    @keyframes tlAiV7HubProcess {
      0%, 100% { opacity: 0.82; transform: scale(1); box-shadow: 0 0 18px rgba(8,124,255,0.56), inset 0 0 22px rgba(124,61,255,0.22); }
      50% { opacity: 1; transform: scale(1.026); box-shadow: 0 0 30px rgba(34,230,255,0.72), inset 0 0 34px rgba(124,61,255,0.34); }
    }

    @keyframes tlAiV7CorePulse {
      0%, 100% { opacity: 0.54; transform: translate(-50%, -50%) scale(0.92); }
      50% { opacity: 0.98; transform: translate(-50%, -50%) scale(1.10); }
    }

    @keyframes tlAiV7LogoSpin {
      to { transform: rotate(360deg); }
    }

    @keyframes tlAiV7LogoBreath {
      0%, 100% { transform: scale(0.98); filter: drop-shadow(0 0 18px rgba(8,124,255,0.62)) drop-shadow(0 0 18px rgba(192,44,255,0.38)); }
      50% { transform: scale(1.08); filter: drop-shadow(0 0 26px rgba(34,230,255,0.78)) drop-shadow(0 0 24px rgba(192,44,255,0.50)); }
    }

    @media (max-width: 1180px) {
      .trustelis-home-page .tl-diagram-section {
        min-height: 560px !important;
        margin-top: 50px !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        min-height: 540px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        grid-template-columns: minmax(260px, 320px) minmax(320px, 1fr) minmax(260px, 320px) !important;
        gap: 20px !important;
      }

      .trustelis-home-page .tl-ai-side-panel {
        min-height: 380px !important;
        padding: 26px 18px 22px !important;
      }

      .trustelis-home-page .tl-ai-card-grid { gap: 13px !important; }

      .trustelis-home-page .tl-ai-card {
        min-height: 112px !important;
        padding: 16px 10px 13px !important;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 45px !important;
        height: 45px !important;
        margin-bottom: 11px !important;
        font-size: 21px !important;
      }

      .trustelis-home-page .tl-ai-hub-column { min-height: 470px !important; }
      .trustelis-home-page .tl-ai-hub { width: clamp(282px, 28vw, 322px) !important; }
      .trustelis-home-page .tl-ai-logo-shell { width: 88px !important; height: 84px !important; }
    }

    @media (max-width: 860px) {
      .trustelis-home-page .tl-diagram-section {
        min-height: auto !important;
        margin-top: 48px !important;
        overflow: visible !important;
      }

      .trustelis-home-page .tl-diagram-section::before {
        height: 100% !important;
        min-height: 1040px !important;
      }

      .trustelis-home-page .tl-diagram-section::after {
        display: none !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        width: min(760px, 100%) !important;
        min-height: auto !important;
        padding: 10px 16px 26px !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
      }

      .trustelis-home-page .tl-ai-flow-svg {
        display: none !important;
      }

      .trustelis-home-page .tl-ai-side-panel {
        min-height: auto !important;
        max-width: 560px !important;
        width: 100% !important;
        margin: 0 auto !important;
      }

      .trustelis-home-page .tl-ai-hub-column {
        min-height: auto !important;
        order: 2 !important;
      }

      .trustelis-home-page .tl-ai-business-panel { order: 1 !important; }
      .trustelis-home-page .tl-ai-execution-panel { order: 3 !important; }

      .trustelis-home-page .tl-ai-hub {
        width: min(340px, 82vw) !important;
      }
    }

    @media (max-width: 640px) {
      .trustelis-home-page .tl-diagram-section {
        margin-top: 42px !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }

      .trustelis-home-page .tl-ai-side-panel {
        border-radius: 20px !important;
        padding: 24px 14px 18px !important;
      }

      .trustelis-home-page .tl-ai-panel-title {
        font-size: 17px !important;
        letter-spacing: 0.04em !important;
      }

      .trustelis-home-page .tl-ai-panel-subtitle {
        margin-bottom: 18px !important;
        font-size: 13px !important;
      }

      .trustelis-home-page .tl-ai-card-grid {
        gap: 10px !important;
      }

      .trustelis-home-page .tl-ai-card {
        min-height: 104px !important;
        padding: 14px 8px 12px !important;
        border-radius: 13px !important;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 38px !important;
        height: 38px !important;
        margin-bottom: 9px !important;
        font-size: 18px !important;
      }

      .trustelis-home-page .tl-ai-card strong {
        font-size: 13px !important;
        line-height: 1.05 !important;
      }

      .trustelis-home-page .tl-ai-card small {
        font-size: 10.5px !important;
        line-height: 1.12 !important;
      }

      .trustelis-home-page .tl-ai-center-title {
        font-size: 14px !important;
        letter-spacing: 0.08em !important;
        white-space: normal !important;
        line-height: 1.18 !important;
      }

      .trustelis-home-page .tl-ai-hub {
        width: min(304px, 86vw) !important;
      }

      .trustelis-home-page .tl-ai-logo-shell {
        width: 76px !important;
        height: 72px !important;
        margin-bottom: 4px !important;
      }

      .trustelis-home-page .tl-ai-hub-title {
        font-size: 34px !important;
      }

      .trustelis-home-page .tl-ai-hub-pill {
        margin-top: 14px !important;
        padding: 6px 15px !important;
        font-size: 9px !important;
      }

      .trustelis-home-page .tl-ai-hub-text {
        font-size: 11px !important;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .trustelis-home-page .tl-diagram-section::before,
      .trustelis-home-page .tl-diagram-section::after,
      .trustelis-home-page .tl-ai-route-live,
      .trustelis-home-page .tl-ai-card::before,
      .trustelis-home-page .tl-ai-card-icon,
      .trustelis-home-page .tl-ai-card-port,
      .trustelis-home-page .tl-ai-card-port::before,
      .trustelis-home-page .tl-ai-hub::before,
      .trustelis-home-page .tl-ai-hub::after,
      .trustelis-home-page .tl-ai-logo-shell,
      .trustelis-home-page .tl-ai-logo-spin,
      .trustelis-home-page .tl-ai-hub-port,
      .trustelis-home-page .tl-ai-pulse {
        animation: none !important;
      }
    }


    /* =========================================================
       LOWER MARKETING REPLACEMENT — AI CONTROL BEFORE AI ACTION
       Scope:
       - Replaces only the content below .tl-diagram-section and before footer/global close.
       - Does not touch hero, buttons, dynamic AI control layer diagram, routes, or footer.
       ========================================================= */

    .trustelis-home-page .tl-action-section {
      position: relative;
      z-index: 2;
      width: min(1480px, calc(100% - 52px));
      margin: 42px auto 0;
      padding: 0 0 34px;
      color: var(--tl-text);
      isolation: isolate;
    }

    .trustelis-home-page .tl-action-section::before {
      content: "";
      position: absolute;
      left: 50%;
      top: 34px;
      width: min(1220px, 86vw);
      height: 520px;
      transform: translateX(-50%);
      background:
        radial-gradient(ellipse at 18% 24%, rgba(8, 124, 255, 0.16), transparent 44%),
        radial-gradient(ellipse at 82% 18%, rgba(192, 44, 255, 0.15), transparent 45%),
        radial-gradient(ellipse at 50% 50%, rgba(34, 230, 255, 0.06), transparent 66%);
      filter: blur(16px);
      opacity: 0.92;
      pointer-events: none;
      z-index: -1;
    }

    .trustelis-home-page .tl-action-top {
      text-align: center;
      max-width: 980px;
      margin: 0 auto 22px;
    }

    .trustelis-home-page .tl-action-kicker {
      margin: 0 0 7px;
      color: #22e6ff;
      font-size: clamp(12px, 0.95vw, 17px);
      line-height: 1;
      font-weight: 830;
      letter-spacing: 0.105em;
      text-transform: uppercase;
      text-shadow: 0 0 16px rgba(34, 230, 255, 0.35);
    }

    .trustelis-home-page .tl-action-title {
      margin: 0;
      color: #ffffff;
      font-size: clamp(34px, 3.35vw, 56px);
      line-height: 0.98;
      font-weight: 920;
      letter-spacing: -0.052em;
      text-wrap: balance;
      text-shadow:
        0 12px 34px rgba(0, 0, 0, 0.35),
        0 0 22px rgba(255,255,255,0.08);
    }

    .trustelis-home-page .tl-action-title span {
      background: linear-gradient(90deg, #087cff 0%, #7c3dff 48%, #c02cff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 0 14px rgba(124, 61, 255, 0.26));
    }

    .trustelis-home-page .tl-action-subtitle {
      margin: 12px auto 0;
      max-width: 850px;
      color: rgba(239, 245, 255, 0.82);
      font-size: clamp(15px, 1.18vw, 20px);
      line-height: 1.26;
      font-weight: 470;
      letter-spacing: -0.026em;
    }

    .trustelis-home-page .tl-action-main-panel,
    .trustelis-home-page .tl-action-step-card,
    .trustelis-home-page .tl-action-banner,
    .trustelis-home-page .tl-action-proof-strip,
    .trustelis-home-page .tl-action-bottom-cta {
      position: relative;
      overflow: hidden;
      backdrop-filter: blur(12px);
      background:
        radial-gradient(circle at 12% 0%, rgba(8,124,255,0.16), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(192,44,255,0.13), transparent 38%),
        linear-gradient(180deg, rgba(5, 14, 36, 0.78), rgba(3, 9, 24, 0.82));
      border: 1px solid rgba(8, 124, 255, 0.48);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.09),
        0 20px 50px rgba(0,0,0,0.24),
        0 0 30px rgba(8,124,255,0.09);
    }

    .trustelis-home-page .tl-action-main-panel {
      min-height: 188px;
      border-radius: 14px;
      padding: 28px 260px 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      border-color: rgba(124, 61, 255, 0.64);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 0 34px rgba(8,124,255,0.16),
        0 0 42px rgba(124,61,255,0.13),
        0 22px 54px rgba(0,0,0,0.25);
    }

    .trustelis-home-page .tl-action-main-panel::before {
      content: "";
      position: absolute;
      left: 7%;
      right: 7%;
      top: 0;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, transparent, #087cff, #22e6ff, #7c3dff, #c02cff, transparent);
      box-shadow:
        0 0 18px rgba(34,230,255,0.50),
        0 0 22px rgba(192,44,255,0.34);
      animation: tlActionBorderBreathe 4.8s ease-in-out infinite;
    }

    .trustelis-home-page .tl-action-main-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 9% 52%, rgba(34,230,255,0.18), transparent 22%),
        radial-gradient(circle at 91% 48%, rgba(192,44,255,0.18), transparent 25%),
        repeating-linear-gradient(100deg, transparent 0 13px, rgba(34,230,255,0.08) 14px 15px, transparent 16px 31px);
      mask-image: linear-gradient(90deg, black 0%, transparent 30%, transparent 70%, black 100%);
      opacity: 0.52;
      pointer-events: none;
      animation: tlActionFlowDrift 12s linear infinite;
    }

    .trustelis-home-page .tl-action-orb {
      position: absolute;
      top: 50%;
      width: 158px;
      height: 158px;
      transform: translateY(-50%);
      border-radius: 50%;
      display: grid;
      place-items: center;
      pointer-events: none;
      z-index: 2;
    }

    .trustelis-home-page .tl-action-orb-left {
      left: 52px;
      background:
        radial-gradient(circle at 50% 50%, rgba(8,124,255,0.30), transparent 62%),
        linear-gradient(135deg, rgba(8,124,255,0.10), rgba(124,61,255,0.14));
      border: 1px solid rgba(34,230,255,0.52);
      box-shadow:
        0 0 32px rgba(8,124,255,0.32),
        inset 0 0 28px rgba(34,230,255,0.18);
    }

    .trustelis-home-page .tl-action-orb-right {
      right: 54px;
      opacity: 0.72;
      background: radial-gradient(circle at 50% 50%, rgba(192,44,255,0.20), transparent 64%);
      border: 1px solid rgba(192,44,255,0.42);
      box-shadow:
        0 0 28px rgba(192,44,255,0.26),
        inset 0 0 26px rgba(124,61,255,0.16);
    }

    .trustelis-home-page .tl-action-platform {
      position: absolute;
      bottom: 18px;
      left: 50%;
      width: 100px;
      height: 42px;
      transform: translateX(-50%) skewX(-16deg) rotate(-1deg);
      border-radius: 8px;
      background: linear-gradient(135deg, rgba(34,230,255,0.88), rgba(8,124,255,0.85) 48%, rgba(192,44,255,0.82));
      box-shadow:
        0 12px 28px rgba(8,124,255,0.36),
        0 0 22px rgba(192,44,255,0.22);
      opacity: 0.94;
    }

    .trustelis-home-page .tl-action-shield {
      position: relative;
      width: 72px;
      height: 84px;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 38px;
      line-height: 1;
      text-shadow: 0 0 18px rgba(255,255,255,0.35);
    }

    .trustelis-home-page .tl-action-shield::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(34,230,255,0.06));
      clip-path: polygon(50% 0%, 90% 16%, 84% 70%, 50% 100%, 16% 70%, 10% 16%);
      border: 2px solid rgba(173, 218, 255, 0.75);
      box-shadow: 0 0 24px rgba(8,124,255,0.44);
    }

    .trustelis-home-page .tl-action-shield span {
      position: relative;
      z-index: 2;
    }

    .trustelis-home-page .tl-action-shield-outline {
      width: 96px;
      height: 118px;
      border: 2px solid rgba(192,44,255,0.82);
      clip-path: polygon(50% 0%, 92% 17%, 84% 72%, 50% 100%, 16% 72%, 8% 17%);
      background: linear-gradient(180deg, rgba(192,44,255,0.11), rgba(124,61,255,0.04));
      box-shadow:
        0 0 32px rgba(192,44,255,0.36),
        inset 0 0 26px rgba(124,61,255,0.18);
    }

    .trustelis-home-page .tl-action-panel-content {
      position: relative;
      z-index: 3;
      text-align: center;
    }

    .trustelis-home-page .tl-action-panel-title {
      margin: 0;
      color: #ffffff;
      font-size: clamp(38px, 4vw, 66px);
      line-height: 0.98;
      font-weight: 930;
      letter-spacing: -0.06em;
      text-shadow: 0 10px 34px rgba(0,0,0,0.34);
    }

    .trustelis-home-page .tl-action-panel-text {
      margin: 10px auto 18px;
      max-width: 850px;
      color: rgba(239,245,255,0.86);
      font-size: clamp(17px, 1.55vw, 25px);
      line-height: 1.14;
      font-weight: 470;
      letter-spacing: -0.035em;
    }

    .trustelis-home-page .tl-action-pill-row {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
    }

    .trustelis-home-page .tl-action-pill {
      min-height: 48px;
      padding: 0 20px;
      border-radius: 9px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      color: #ffffff;
      font-size: 15px;
      line-height: 1;
      font-weight: 760;
      letter-spacing: -0.02em;
      background: rgba(3, 10, 28, 0.58);
      border: 1px solid rgba(34,230,255,0.44);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 0 18px rgba(8,124,255,0.10);
    }

    .trustelis-home-page .tl-action-pill:nth-child(4) {
      border-color: rgba(192,44,255,0.56);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 0 18px rgba(192,44,255,0.12);
    }

    .trustelis-home-page .tl-action-pill-icon {
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      color: #dceeff;
      font-size: 18px;
      line-height: 1;
      filter: drop-shadow(0 0 10px rgba(8,124,255,0.30));
    }

    .trustelis-home-page .tl-action-step-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-top: 12px;
    }

    .trustelis-home-page .tl-action-step-card {
      min-height: 162px;
      border-radius: 10px;
      padding: 20px 22px 18px 124px;
      border-color: rgba(8,124,255,0.44);
      transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, filter 160ms ease;
    }

    .trustelis-home-page .tl-action-step-card:nth-child(even) {
      border-color: rgba(124,61,255,0.52);
    }

    .trustelis-home-page .tl-action-step-card:hover {
      transform: translateY(-2px);
      filter: brightness(1.04);
      border-color: rgba(34,230,255,0.70);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 20px 44px rgba(0,0,0,0.25),
        0 0 28px rgba(8,124,255,0.15);
    }

    .trustelis-home-page .tl-action-step-icon {
      position: absolute;
      left: 22px;
      top: 26px;
      width: 76px;
      height: 76px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 34px;
      background:
        radial-gradient(circle at 38% 24%, rgba(34,230,255,0.20), transparent 26%),
        radial-gradient(circle, rgba(8,124,255,0.18), rgba(3,10,28,0.70) 64%);
      border: 1px solid rgba(34,230,255,0.68);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.14),
        0 0 24px rgba(8,124,255,0.30);
    }

    .trustelis-home-page .tl-action-step-card:nth-child(2) .tl-action-step-icon,
    .trustelis-home-page .tl-action-step-card:nth-child(4) .tl-action-step-icon {
      border-color: rgba(192,44,255,0.72);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.14),
        0 0 24px rgba(192,44,255,0.30);
    }

    .trustelis-home-page .tl-action-step-number {
      position: absolute;
      left: 124px;
      top: 20px;
      color: #22e6ff;
      font-size: 31px;
      line-height: 1;
      font-weight: 930;
      letter-spacing: -0.05em;
      text-shadow: 0 0 16px rgba(34,230,255,0.32);
    }

    .trustelis-home-page .tl-action-step-card:nth-child(2) .tl-action-step-number,
    .trustelis-home-page .tl-action-step-card:nth-child(4) .tl-action-step-number {
      color: #a94cff;
      text-shadow: 0 0 16px rgba(192,44,255,0.32);
    }

    .trustelis-home-page .tl-action-step-card h3 {
      margin: 0 0 10px;
      padding-left: 56px;
      color: #ffffff;
      font-size: clamp(15px, 1.05vw, 19px);
      line-height: 1.16;
      font-weight: 850;
      letter-spacing: -0.032em;
      text-wrap: balance;
    }

    .trustelis-home-page .tl-action-step-card p {
      margin: 0;
      color: rgba(229,238,252,0.78);
      font-size: clamp(12px, 0.82vw, 15px);
      line-height: 1.35;
      font-weight: 430;
      letter-spacing: -0.018em;
    }

    .trustelis-home-page .tl-action-banner {
      min-height: 104px;
      margin-top: 12px;
      border-radius: 10px;
      padding: 20px 260px 20px 350px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-color: rgba(124,61,255,0.56);
      background:
        radial-gradient(ellipse at 6% 55%, rgba(8,124,255,0.26), transparent 31%),
        radial-gradient(ellipse at 94% 52%, rgba(192,44,255,0.22), transparent 32%),
        linear-gradient(180deg, rgba(5,14,36,0.78), rgba(3,9,24,0.84));
    }

    .trustelis-home-page .tl-action-banner::before {
      content: "";
      position: absolute;
      left: -3%;
      bottom: -34%;
      width: 420px;
      height: 180px;
      border-radius: 50%;
      background: repeating-radial-gradient(ellipse at center, transparent 0 13px, rgba(8,124,255,0.22) 15px 16px, transparent 18px 31px);
      opacity: 0.62;
      transform: rotate(-9deg);
    }

    .trustelis-home-page .tl-action-banner::after {
      content: "";
      position: absolute;
      right: 28px;
      bottom: 14px;
      width: 180px;
      height: 74px;
      background:
        linear-gradient(180deg, transparent 24%, rgba(8,124,255,0.18) 25% 26%, transparent 27%),
        repeating-linear-gradient(90deg, transparent 0 14px, rgba(124,61,255,0.52) 15px 23px, transparent 24px 31px);
      opacity: 0.56;
      mask-image: linear-gradient(180deg, transparent, black 28%, black 100%);
    }

    .trustelis-home-page .tl-action-banner-icon {
      position: absolute;
      left: 292px;
      top: 50%;
      width: 74px;
      height: 74px;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 30px;
      background: radial-gradient(circle, rgba(8,124,255,0.18), rgba(3,10,28,0.70) 66%);
      border: 1px solid rgba(34,230,255,0.54);
      box-shadow: 0 0 22px rgba(8,124,255,0.26);
      z-index: 2;
    }

    .trustelis-home-page .tl-action-banner h3 {
      position: relative;
      z-index: 2;
      margin: 0;
      color: #ffffff;
      font-size: clamp(23px, 2vw, 36px);
      line-height: 1.05;
      font-weight: 890;
      letter-spacing: -0.046em;
      text-align: center;
    }

    .trustelis-home-page .tl-action-banner p {
      position: relative;
      z-index: 2;
      margin: 8px 0 0;
      color: rgba(239,245,255,0.84);
      font-size: clamp(15px, 1.18vw, 21px);
      line-height: 1.2;
      font-weight: 450;
      letter-spacing: -0.03em;
      text-align: center;
    }

    .trustelis-home-page .tl-action-proof-strip {
      margin-top: 12px;
      min-height: 50px;
      border-radius: 9px;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border-color: rgba(8,124,255,0.44);
      background: rgba(3, 10, 28, 0.70);
    }

    .trustelis-home-page .tl-action-proof-item {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      padding: 0 18px;
      color: #ffffff;
      font-size: clamp(13px, 0.98vw, 17px);
      line-height: 1;
      font-weight: 700;
      letter-spacing: -0.025em;
      white-space: nowrap;
    }

    .trustelis-home-page .tl-action-proof-item:not(:last-child)::after {
      content: "";
      position: absolute;
      right: 0;
      top: 12px;
      width: 1px;
      height: 28px;
      background: linear-gradient(180deg, transparent, rgba(118,155,255,0.56), transparent);
    }

    .trustelis-home-page .tl-action-proof-icon {
      color: #22e6ff;
      font-size: 20px;
      filter: drop-shadow(0 0 10px rgba(34,230,255,0.28));
    }

    .trustelis-home-page .tl-action-proof-item:nth-child(2) .tl-action-proof-icon,
    .trustelis-home-page .tl-action-proof-item:nth-child(4) .tl-action-proof-icon {
      color: #c02cff;
      filter: drop-shadow(0 0 10px rgba(192,44,255,0.28));
    }

    .trustelis-home-page .tl-action-bottom-cta {
      min-height: 96px;
      margin-top: 12px;
      border-radius: 10px;
      padding: 18px 18px 18px 126px;
      display: grid;
      grid-template-columns: 1fr 376px;
      align-items: center;
      gap: 24px;
      border-color: rgba(124,61,255,0.60);
      background:
        radial-gradient(ellipse at 88% 70%, rgba(124,61,255,0.22), transparent 42%),
        linear-gradient(180deg, rgba(5,14,36,0.80), rgba(3,9,24,0.88));
    }

    .trustelis-home-page .tl-action-bottom-cta::before {
      content: "";
      position: absolute;
      right: 19%;
      bottom: -24px;
      width: 500px;
      height: 95px;
      background: repeating-linear-gradient(104deg, transparent 0 14px, rgba(8,124,255,0.11) 15px 16px, transparent 17px 32px);
      opacity: 0.62;
      transform: rotate(-2deg);
      pointer-events: none;
    }

    .trustelis-home-page .tl-action-cta-orb {
      position: absolute;
      left: 28px;
      top: 50%;
      width: 74px;
      height: 74px;
      transform: translateY(-50%);
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #ffffff;
      font-size: 34px;
      background:
        radial-gradient(circle at 40% 28%, rgba(34,230,255,0.20), transparent 25%),
        radial-gradient(circle, rgba(8,124,255,0.20), rgba(3,10,28,0.72) 66%);
      border: 1px solid rgba(34,230,255,0.58);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 0 22px rgba(8,124,255,0.28);
    }

    .trustelis-home-page .tl-action-cta-text {
      position: relative;
      z-index: 2;
      margin: 0;
      color: #ffffff;
      font-size: clamp(22px, 1.9vw, 31px);
      line-height: 1.1;
      font-weight: 880;
      letter-spacing: -0.048em;
    }

    .trustelis-home-page .tl-action-cta-text span {
      background: linear-gradient(90deg, #087cff 0%, #7c3dff 45%, #c02cff 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      filter: drop-shadow(0 0 12px rgba(124,61,255,0.26));
    }

    .trustelis-home-page .tl-action-cta-btn {
      position: relative;
      z-index: 2;
      min-height: 62px;
      border-radius: 9px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      color: #ffffff !important;
      font-size: 18px;
      line-height: 1;
      font-weight: 820;
      letter-spacing: -0.026em;
      background: linear-gradient(100deg, #087cff 0%, #0b86ff 37%, #7c22ff 74%, #b72dff 100%);
      border: 1px solid rgba(255,255,255,0.20);
      box-shadow:
        0 18px 36px rgba(0,119,255,0.24),
        0 0 30px rgba(124,61,255,0.18),
        inset 0 1px 0 rgba(255,255,255,0.24);
      transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
    }

    .trustelis-home-page .tl-action-cta-btn:hover,
    .trustelis-home-page .tl-action-cta-btn:focus-visible {
      transform: translateY(-1px);
      filter: brightness(1.08);
      outline: none;
      box-shadow:
        0 22px 42px rgba(0,119,255,0.28),
        0 0 38px rgba(124,61,255,0.24),
        inset 0 1px 0 rgba(255,255,255,0.28);
    }

    @keyframes tlActionBorderBreathe {
      0%, 100% { opacity: 0.60; }
      50% { opacity: 1; }
    }

    @keyframes tlActionFlowDrift {
      0% { background-position: 0 0; }
      100% { background-position: 180px 0; }
    }

    @media (max-width: 1180px) {
      .trustelis-home-page .tl-action-section {
        width: min(980px, calc(100% - 36px));
      }

      .trustelis-home-page .tl-action-main-panel {
        padding: 28px 36px 24px;
      }

      .trustelis-home-page .tl-action-orb {
        display: none;
      }

      .trustelis-home-page .tl-action-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .trustelis-home-page .tl-action-banner {
        padding: 22px 42px 22px 120px;
      }

      .trustelis-home-page .tl-action-banner-icon {
        left: 62px;
      }

      .trustelis-home-page .tl-action-bottom-cta {
        grid-template-columns: 1fr 300px;
      }
    }

    @media (max-width: 760px) {
      .trustelis-home-page .tl-action-section {
        width: calc(100% - 24px);
        margin-top: 34px;
        padding-bottom: 24px;
      }

      .trustelis-home-page .tl-action-title {
        font-size: clamp(31px, 9vw, 42px);
      }

      .trustelis-home-page .tl-action-main-panel {
        min-height: auto;
        padding: 24px 16px 20px;
        border-radius: 13px;
      }

      .trustelis-home-page .tl-action-panel-title {
        font-size: clamp(31px, 9vw, 43px);
      }

      .trustelis-home-page .tl-action-panel-text {
        font-size: 16px;
        margin-bottom: 16px;
      }

      .trustelis-home-page .tl-action-pill-row {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        gap: 9px;
      }

      .trustelis-home-page .tl-action-pill {
        min-height: 44px;
        width: 100%;
        justify-content: flex-start;
      }

      .trustelis-home-page .tl-action-step-grid {
        grid-template-columns: 1fr;
      }

      .trustelis-home-page .tl-action-step-card {
        min-height: auto;
        padding: 18px 16px 18px 92px;
      }

      .trustelis-home-page .tl-action-step-icon {
        left: 18px;
        top: 20px;
        width: 54px;
        height: 54px;
        font-size: 25px;
      }

      .trustelis-home-page .tl-action-step-number {
        left: 92px;
        top: 18px;
        font-size: 24px;
      }

      .trustelis-home-page .tl-action-step-card h3 {
        padding-left: 45px;
        font-size: 16px;
      }

      .trustelis-home-page .tl-action-step-card p {
        font-size: 13px;
      }

      .trustelis-home-page .tl-action-banner {
        padding: 74px 16px 20px;
      }

      .trustelis-home-page .tl-action-banner-icon {
        left: 50%;
        top: 38px;
        width: 54px;
        height: 54px;
        font-size: 24px;
      }

      .trustelis-home-page .tl-action-banner h3 {
        font-size: 24px;
      }

      .trustelis-home-page .tl-action-banner p {
        font-size: 14px;
      }

      .trustelis-home-page .tl-action-proof-strip {
        grid-template-columns: 1fr;
        min-height: auto;
      }

      .trustelis-home-page .tl-action-proof-item {
        min-height: 44px;
      }

      .trustelis-home-page .tl-action-proof-item:not(:last-child)::after {
        top: auto;
        bottom: 0;
        left: 18px;
        right: 18px;
        width: auto;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(118,155,255,0.50), transparent);
      }

      .trustelis-home-page .tl-action-bottom-cta {
        grid-template-columns: 1fr;
        padding: 92px 16px 18px;
        text-align: center;
      }

      .trustelis-home-page .tl-action-cta-orb {
        left: 50%;
        top: 18px;
        width: 58px;
        height: 58px;
        transform: translateX(-50%);
        font-size: 26px;
      }

      .trustelis-home-page .tl-action-cta-btn {
        min-height: 54px;
        width: 100%;
        font-size: 15px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .trustelis-home-page .tl-action-main-panel::before,
      .trustelis-home-page .tl-action-main-panel::after {
        animation: none !important;
      }
    }


    /* =========================================================
       SURGICAL V9 FIX — ZERO LINE GAP + ALIGNED STEP CARDS
       Scope:
       - Only fixes .tl-action-section heading/subtitle spacing.
       - Only fixes internal alignment of 01–04 cards.
       - Does not touch hero, AI control animation, footer, routes, main panel, banner, strip, or CTA.
       ========================================================= */

    .trustelis-home-page .tl-action-section .tl-action-title {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0.84 !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-title-line,
    .trustelis-home-page .tl-action-section .tl-action-title > span {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0.84 !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-title em {
      font-style: normal !important;
      background: linear-gradient(90deg, #087cff 0%, #7c3dff 48%, #c02cff 100%) !important;
      -webkit-background-clip: text !important;
      background-clip: text !important;
      color: transparent !important;
      filter: drop-shadow(0 0 14px rgba(124, 61, 255, 0.26)) !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-subtitle {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0 !important;
      margin: 6px auto 0 !important;
      padding: 0 !important;
      line-height: 0.92 !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-subtitle span {
      display: block !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 0.92 !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-step-card {
      display: grid !important;
      grid-template-columns: 82px minmax(0, 1fr) !important;
      align-items: start !important;
      min-height: 162px !important;
      padding: 20px 20px !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-step-icon {
      position: static !important;
      left: auto !important;
      top: auto !important;
      width: 70px !important;
      height: 70px !important;
      align-self: start !important;
      justify-self: start !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-step-body {
      display: grid !important;
      grid-template-rows: 62px 1fr !important;
      align-items: start !important;
      min-width: 0 !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-step-head {
      display: grid !important;
      grid-template-columns: 44px minmax(0, 1fr) !important;
      align-items: start !important;
      column-gap: 12px !important;
      min-height: 62px !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-step-number {
      position: static !important;
      left: auto !important;
      top: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1 !important;
      align-self: start !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-step-card h3 {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.12 !important;
      align-self: start !important;
    }

    .trustelis-home-page .tl-action-section .tl-action-step-card p {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1.35 !important;
      align-self: start !important;
    }

    @media (max-width: 760px) {
      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-section .tl-action-title-line,
      .trustelis-home-page .tl-action-section .tl-action-title > span {
        line-height: 0.88 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-subtitle,
      .trustelis-home-page .tl-action-section .tl-action-subtitle span {
        line-height: 0.96 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card {
        grid-template-columns: 66px minmax(0, 1fr) !important;
        min-height: auto !important;
        padding: 18px 16px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-icon {
        width: 54px !important;
        height: 54px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-body {
        grid-template-rows: 58px 1fr !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-head {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        min-height: 58px !important;
      }
    }

    /* =========================================================
       TRUSTELIS HOME MOBILE STANDARD — FINAL OVERRIDE
       =========================================================
       Scope:
       - Applies only to mobile widths up to 760px.
       - Does not change desktop / tablet desktop layout.
       - Does not change HTML, JavaScript, routes, CTA links, Worker, forms, header, or footer.
       - Fixes mobile spacing, header-safe layout, hero sizing, AI layer compactness,
         and 01–04 action-card alignment.
       ========================================================= */

    @media (max-width: 760px) {
      html:has(.trustelis-home-page),
      body:has(.trustelis-home-page) {
        overflow-x: hidden !important;
        max-width: 100% !important;
      }

      .trustelis-home-page {
        --tl-header-safe: 112px;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        background:
          radial-gradient(circle at 50% 8%, rgba(8, 124, 255, 0.20), transparent 30%),
          radial-gradient(circle at 92% 21%, rgba(192, 44, 255, 0.18), transparent 34%),
          radial-gradient(circle at 8% 52%, rgba(34, 230, 255, 0.09), transparent 34%),
          linear-gradient(180deg, #020614 0%, #071631 46%, #020614 100%) !important;
      }

      .trustelis-home-page .tl-home-shell {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        margin: 0 auto !important;
        padding:
          calc(var(--tl-header-safe) + env(safe-area-inset-top, 0px))
          14px
          calc(86px + env(safe-area-inset-bottom, 0px)) !important;
        overflow: hidden !important;
      }

      .trustelis-home-page .tl-home-shell::before {
        opacity: 0.055 !important;
        background-size: 44px 44px !important;
        mask-image: radial-gradient(circle at 50% 28%, black 0%, transparent 72%) !important;
      }

      .trustelis-home-page .tl-wave-left,
      .trustelis-home-page .tl-wave-right {
        opacity: 0.20 !important;
        filter: blur(0.5px) !important;
      }

      .trustelis-home-page .tl-wave-left {
        left: -520px !important;
        top: 520px !important;
        width: 920px !important;
      }

      .trustelis-home-page .tl-wave-right {
        right: -520px !important;
        top: 620px !important;
        width: 920px !important;
      }

      .trustelis-home-page .tl-particles {
        top: 130px !important;
        right: -72px !important;
        width: 230px !important;
        height: 260px !important;
        opacity: 0.20 !important;
      }

      /* HERO MOBILE */
      .trustelis-home-page .tl-hero {
        width: 100% !important;
        max-width: 390px !important;
        margin: 0 auto !important;
        padding: 8px 0 0 !important;
        scroll-margin-top: 122px !important;
      }

      .trustelis-home-page .tl-kicker {
        margin: 0 0 9px 0 !important;
        color: #087cff !important;
        font-size: clamp(15px, 4.4vw, 17px) !important;
        line-height: 1 !important;
        font-weight: 880 !important;
        letter-spacing: -0.035em !important;
        text-shadow: 0 0 16px rgba(8, 124, 255, 0.38) !important;
      }

      .trustelis-home-page .tl-title {
        max-width: 100% !important;
        font-size: clamp(40px, 11.3vw, 52px) !important;
        line-height: 0.94 !important;
        letter-spacing: -0.074em !important;
        word-spacing: 0.015em !important;
        text-wrap: balance !important;
      }

      .trustelis-home-page .tl-title-line {
        display: block !important;
        white-space: normal !important;
        line-height: 0.94 !important;
      }

      .trustelis-home-page .tl-gradient {
        color: #087cff !important;
        filter: drop-shadow(0 0 14px rgba(8, 124, 255, 0.34)) !important;
      }

      .trustelis-home-page .tl-subtext {
        width: 100% !important;
        max-width: 354px !important;
        margin: 16px auto 0 !important;
        gap: 7px !important;
        color: rgba(239, 245, 255, 0.88) !important;
        font-size: clamp(15px, 4.35vw, 17px) !important;
        line-height: 1.10 !important;
        letter-spacing: -0.035em !important;
      }

      .trustelis-home-page .tl-subline,
      .trustelis-home-page .tl-substrong {
        line-height: 1.10 !important;
      }

      .trustelis-home-page .tl-actions {
        width: 100% !important;
        max-width: 320px !important;
        margin: 32px auto 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }

      .trustelis-home-page .tl-btn,
      .trustelis-home-page .tl-btn-primary,
      .trustelis-home-page .tl-btn-secondary {
        width: 100% !important;
        min-height: 56px !important;
        border-radius: 14px !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        letter-spacing: -0.025em !important;
      }

      .trustelis-home-page .tl-btn-primary {
        box-shadow:
          0 14px 34px rgba(0, 119, 255, 0.28),
          0 0 26px rgba(124, 61, 255, 0.22),
          inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
      }

      .trustelis-home-page .tl-btn-secondary {
        background: rgba(5, 11, 28, 0.74) !important;
        border-color: rgba(8, 124, 255, 0.74) !important;
      }

      /* AI CONTROL LAYER MOBILE */
      .trustelis-home-page .tl-diagram-section {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        margin-top: 54px !important;
        margin-bottom: 0 !important;
        padding-top: 22px !important;
        overflow: visible !important;
        scroll-margin-top: 124px !important;
      }

      .trustelis-home-page .tl-diagram-section::before {
        top: 46% !important;
        width: 126vw !important;
        height: 100% !important;
        min-height: 980px !important;
        opacity: 0.58 !important;
        filter: blur(18px) !important;
      }

      .trustelis-home-page .tl-diagram-section::after {
        display: none !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        align-items: stretch !important;
        overflow: visible !important;
      }

      .trustelis-home-page .tl-ai-layer-visual::before {
        inset: -10px -16px !important;
        opacity: 0.11 !important;
        background-size: 44px 44px, 62px 62px !important;
        mask-image: radial-gradient(ellipse at 50% 50%, black 0%, transparent 78%) !important;
      }

      .trustelis-home-page .tl-ai-layer-visual::after,
      .trustelis-home-page .tl-ai-flow-svg {
        display: none !important;
      }

      .trustelis-home-page .tl-ai-business-panel {
        order: 1 !important;
      }

      .trustelis-home-page .tl-ai-hub-column {
        order: 2 !important;
        min-height: auto !important;
        padding: 18px 0 8px !important;
        gap: 14px !important;
        overflow: visible !important;
      }

      .trustelis-home-page .tl-ai-execution-panel {
        order: 3 !important;
      }

      .trustelis-home-page .tl-ai-side-panel {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        margin: 0 auto !important;
        border-radius: 22px !important;
        padding: 22px 14px 18px !important;
        background:
          radial-gradient(circle at 16% 0%, rgba(8, 124, 255, 0.22), transparent 38%),
          linear-gradient(180deg, rgba(7, 24, 58, 0.72), rgba(4, 11, 28, 0.88)) !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.10),
          0 16px 38px rgba(0, 0, 0, 0.22),
          0 0 24px rgba(8, 124, 255, 0.10) !important;
      }

      .trustelis-home-page .tl-ai-execution-panel {
        background:
          radial-gradient(circle at 88% 0%, rgba(192, 44, 255, 0.24), transparent 38%),
          linear-gradient(180deg, rgba(35, 10, 66, 0.72), rgba(8, 7, 26, 0.88)) !important;
      }

      .trustelis-home-page .tl-ai-panel-title {
        font-size: clamp(18px, 5.2vw, 22px) !important;
        line-height: 1.05 !important;
        letter-spacing: 0.060em !important;
        white-space: normal !important;
      }

      .trustelis-home-page .tl-ai-panel-subtitle {
        margin: 9px 0 16px !important;
        font-size: 14px !important;
        line-height: 1.18 !important;
        font-weight: 650 !important;
      }

      .trustelis-home-page .tl-ai-card-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
      }

      .trustelis-home-page .tl-ai-card {
        min-height: 108px !important;
        padding: 14px 8px 12px !important;
        border-radius: 16px !important;
        background:
          radial-gradient(circle at 50% 0%, rgba(34, 230, 255, 0.18), transparent 44%),
          linear-gradient(180deg, rgba(8, 28, 68, 0.68), rgba(4, 11, 28, 0.76)) !important;
      }

      .trustelis-home-page .tl-ai-execution-panel .tl-ai-card {
        background:
          radial-gradient(circle at 50% 0%, rgba(192, 44, 255, 0.18), transparent 44%),
          linear-gradient(180deg, rgba(34, 12, 72, 0.68), rgba(4, 11, 28, 0.76)) !important;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 42px !important;
        height: 42px !important;
        margin-bottom: 10px !important;
        font-size: 19px !important;
      }

      .trustelis-home-page .tl-ai-card strong {
        font-size: 13.5px !important;
        line-height: 1.06 !important;
        letter-spacing: -0.045em !important;
      }

      .trustelis-home-page .tl-ai-card small {
        margin-top: 6px !important;
        font-size: 10.5px !important;
        line-height: 1.12 !important;
      }

      .trustelis-home-page .tl-ai-card-port {
        display: none !important;
      }

      .trustelis-home-page .tl-ai-center-title {
        width: 100% !important;
        margin: 0 0 8px !important;
        font-size: clamp(12px, 3.7vw, 14px) !important;
        line-height: 1.18 !important;
        letter-spacing: 0.090em !important;
        white-space: normal !important;
      }

      .trustelis-home-page .tl-ai-hub {
        width: min(294px, 76vw) !important;
        margin: 0 auto !important;
      }

      .trustelis-home-page .tl-ai-hub::before {
        inset: -24px !important;
        opacity: 0.60 !important;
      }

      .trustelis-home-page .tl-ai-hub::after {
        inset: 4px !important;
      }

      .trustelis-home-page .tl-ai-hub-inner {
        width: calc(100% - 54px) !important;
        height: calc(100% - 54px) !important;
        padding: 16px !important;
      }

      .trustelis-home-page .tl-ai-logo-shell {
        width: 62px !important;
        height: 58px !important;
        margin-bottom: 4px !important;
      }

      .trustelis-home-page .tl-ai-hub-title {
        font-size: clamp(28px, 8.2vw, 34px) !important;
        line-height: 0.96 !important;
        letter-spacing: -0.070em !important;
      }

      .trustelis-home-page .tl-ai-hub-pill {
        margin-top: 12px !important;
        padding: 6px 13px !important;
        font-size: 8.5px !important;
        letter-spacing: 0.065em !important;
      }

      .trustelis-home-page .tl-ai-hub-text {
        max-width: 210px !important;
        margin: 10px auto 0 !important;
        font-size: 10.5px !important;
        line-height: 1.18 !important;
      }

      .trustelis-home-page .tl-ai-hub-port {
        width: 8px !important;
        height: 8px !important;
        opacity: 0.82 !important;
      }

      .trustelis-home-page .tl-hub-left-1 { left: 15% !important; top: 32% !important; }
      .trustelis-home-page .tl-hub-left-2 { left: 9% !important; top: 43% !important; }
      .trustelis-home-page .tl-hub-left-3 { left: 9% !important; top: 57% !important; }
      .trustelis-home-page .tl-hub-left-4 { left: 15% !important; top: 68% !important; }
      .trustelis-home-page .tl-hub-right-1 { right: 15% !important; top: 32% !important; }
      .trustelis-home-page .tl-hub-right-2 { right: 9% !important; top: 43% !important; }
      .trustelis-home-page .tl-hub-right-3 { right: 9% !important; top: 57% !important; }
      .trustelis-home-page .tl-hub-right-4 { right: 15% !important; top: 68% !important; }

      /* ACTION SECTION MOBILE */
      .trustelis-home-page .tl-action-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 50px auto 0 !important;
        padding: 0 0 calc(44px + env(safe-area-inset-bottom, 0px)) !important;
        scroll-margin-top: 124px !important;
      }

      .trustelis-home-page .tl-action-section::before {
        top: 60px !important;
        width: 112vw !important;
        height: 520px !important;
        opacity: 0.64 !important;
      }

      .trustelis-home-page .tl-action-top {
        max-width: 360px !important;
        margin: 0 auto 18px !important;
        padding: 0 2px !important;
      }

      .trustelis-home-page .tl-action-kicker {
        margin-bottom: 9px !important;
        font-size: 13px !important;
        line-height: 1 !important;
        letter-spacing: 0.10em !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-title {
        font-size: clamp(34px, 9.9vw, 44px) !important;
        line-height: 0.94 !important;
        letter-spacing: -0.066em !important;
        gap: 0 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title-line,
      .trustelis-home-page .tl-action-section .tl-action-title > span,
      .trustelis-home-page .tl-action-title-line {
        line-height: 0.94 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-subtitle,
      .trustelis-home-page .tl-action-subtitle {
        max-width: 350px !important;
        margin: 13px auto 0 !important;
        color: rgba(239, 245, 255, 0.84) !important;
        font-size: 15.5px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.035em !important;
        gap: 4px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-subtitle span,
      .trustelis-home-page .tl-action-subtitle span {
        line-height: 1.12 !important;
      }

      .trustelis-home-page .tl-action-main-panel {
        width: 100% !important;
        min-height: auto !important;
        margin: 0 auto !important;
        padding: 30px 16px 22px !important;
        border-radius: 22px !important;
      }

      .trustelis-home-page .tl-action-main-panel::before {
        left: 10% !important;
        right: 10% !important;
      }

      .trustelis-home-page .tl-action-main-panel::after {
        opacity: 0.32 !important;
        mask-image: none !important;
      }

      .trustelis-home-page .tl-action-panel-title {
        max-width: 330px !important;
        margin: 0 auto !important;
        font-size: clamp(38px, 10.8vw, 50px) !important;
        line-height: 0.97 !important;
        letter-spacing: -0.070em !important;
      }

      .trustelis-home-page .tl-action-panel-text {
        max-width: 328px !important;
        margin: 18px auto 20px !important;
        font-size: 17px !important;
        line-height: 1.18 !important;
        letter-spacing: -0.038em !important;
      }

      .trustelis-home-page .tl-action-pill-row {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
      }

      .trustelis-home-page .tl-action-pill {
        width: 100% !important;
        min-height: 54px !important;
        padding: 0 18px !important;
        border-radius: 14px !important;
        justify-content: flex-start !important;
        gap: 14px !important;
        font-size: 16px !important;
        font-weight: 820 !important;
      }

      .trustelis-home-page .tl-action-pill-icon {
        width: 28px !important;
        height: 28px !important;
        font-size: 18px !important;
      }

      .trustelis-home-page .tl-action-step-grid {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin: 20px auto 0 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card,
      .trustelis-home-page .tl-action-step-card {
        width: 100% !important;
        min-height: auto !important;
        display: grid !important;
        grid-template-columns: 70px minmax(0, 1fr) !important;
        column-gap: 12px !important;
        align-items: start !important;
        padding: 18px 16px !important;
        border-radius: 20px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-icon,
      .trustelis-home-page .tl-action-step-icon {
        position: static !important;
        width: 58px !important;
        height: 58px !important;
        align-self: start !important;
        justify-self: start !important;
        font-size: 25px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-body,
      .trustelis-home-page .tl-action-step-body {
        display: grid !important;
        grid-template-rows: auto 1fr !important;
        row-gap: 10px !important;
        min-width: 0 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-head,
      .trustelis-home-page .tl-action-step-head {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        column-gap: 10px !important;
        min-height: auto !important;
        align-items: start !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-number,
      .trustelis-home-page .tl-action-step-number {
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 32px !important;
        line-height: 0.96 !important;
        letter-spacing: -0.055em !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card h3,
      .trustelis-home-page .tl-action-step-card h3 {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 18px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.050em !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card p,
      .trustelis-home-page .tl-action-step-card p {
        margin: 0 !important;
        padding: 0 !important;
        color: rgba(223, 232, 247, 0.82) !important;
        font-size: 14.5px !important;
        line-height: 1.30 !important;
        letter-spacing: -0.030em !important;
      }

      .trustelis-home-page .tl-action-banner {
        margin-top: 16px !important;
        padding: 76px 16px 20px !important;
        border-radius: 20px !important;
      }

      .trustelis-home-page .tl-action-banner-icon {
        left: 50% !important;
        top: 18px !important;
        width: 48px !important;
        height: 48px !important;
        transform: translateX(-50%) !important;
        font-size: 22px !important;
      }

      .trustelis-home-page .tl-action-banner h3 {
        font-size: 22px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.052em !important;
      }

      .trustelis-home-page .tl-action-banner p {
        margin-top: 9px !important;
        font-size: 14px !important;
        line-height: 1.26 !important;
      }

      .trustelis-home-page .tl-action-proof-strip {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
        margin-top: 14px !important;
        border-radius: 18px !important;
      }

      .trustelis-home-page .tl-action-proof-item {
        min-height: 44px !important;
        padding: 0 16px !important;
        justify-content: flex-start !important;
        font-size: 13px !important;
      }

      .trustelis-home-page .tl-action-proof-item:not(:last-child)::after {
        top: auto !important;
        bottom: 0 !important;
        left: 16px !important;
        right: 16px !important;
        width: auto !important;
        height: 1px !important;
        background: linear-gradient(90deg, transparent, rgba(118, 155, 255, 0.50), transparent) !important;
      }

      .trustelis-home-page .tl-action-bottom-cta {
        grid-template-columns: 1fr !important;
        margin-top: 14px !important;
        padding: 84px 16px 18px !important;
        border-radius: 20px !important;
        text-align: center !important;
      }

      .trustelis-home-page .tl-action-cta-orb {
        left: 50% !important;
        top: 18px !important;
        width: 52px !important;
        height: 52px !important;
        transform: translateX(-50%) !important;
        font-size: 24px !important;
      }

      .trustelis-home-page .tl-action-cta-text {
        max-width: 310px !important;
        margin: 0 auto !important;
        font-size: 18px !important;
        line-height: 1.16 !important;
      }

      .trustelis-home-page .tl-action-cta-btn {
        width: 100% !important;
        min-height: 54px !important;
        margin-top: 14px !important;
        border-radius: 14px !important;
        font-size: 15px !important;
      }
    }

    @media (max-width: 390px) {
      .trustelis-home-page .tl-home-shell {
        padding-left: 12px !important;
        padding-right: 12px !important;
      }

      .trustelis-home-page .tl-title {
        font-size: clamp(37px, 10.8vw, 43px) !important;
        line-height: 0.95 !important;
      }

      .trustelis-home-page .tl-subtext {
        font-size: 14.5px !important;
      }

      .trustelis-home-page .tl-ai-card {
        min-height: 102px !important;
      }

      .trustelis-home-page .tl-ai-card strong {
        font-size: 12.8px !important;
      }

      .trustelis-home-page .tl-ai-hub {
        width: min(276px, 76vw) !important;
      }

      .trustelis-home-page .tl-action-panel-title {
        font-size: clamp(35px, 10.2vw, 43px) !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card,
      .trustelis-home-page .tl-action-step-card {
        grid-template-columns: 62px minmax(0, 1fr) !important;
        padding: 16px 14px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-icon,
      .trustelis-home-page .tl-action-step-icon {
        width: 52px !important;
        height: 52px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-head,
      .trustelis-home-page .tl-action-step-head {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        column-gap: 8px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-number,
      .trustelis-home-page .tl-action-step-number {
        font-size: 29px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card h3,
      .trustelis-home-page .tl-action-step-card h3 {
        font-size: 16.5px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card p,
      .trustelis-home-page .tl-action-step-card p {
        font-size: 13.5px !important;
      }
    }



    /* =========================================================
       TRUSTELIS HOME MOBILE COMPACT GRID V2 — FINAL OVERRIDE
       =========================================================
       Scope:
       - Mobile only: max-width 760px.
       - Desktop, tablet desktop, HTML, JavaScript, links, header and footer are untouched.
       - Purpose: reduce mobile element sizes and convert short card groups into 2-column grids
         so more TRUSTELIS content is visible on one iPhone screen without horizontal overflow.
       ========================================================= */

    @media (max-width: 760px) {
      .trustelis-home-page,
      .trustelis-home-page * {
        max-width: 100%;
      }

      .trustelis-home-page {
        --tl-header-safe: 106px !important;
      }

      .trustelis-home-page .tl-home-shell {
        padding:
          calc(var(--tl-header-safe) + env(safe-area-inset-top, 0px))
          10px
          calc(72px + env(safe-area-inset-bottom, 0px)) !important;
      }

      /* HERO: keep one clean hero column, but make it lighter and shorter. */
      .trustelis-home-page .tl-hero {
        max-width: 382px !important;
        padding-top: 4px !important;
      }

      .trustelis-home-page .tl-kicker {
        margin-bottom: 7px !important;
        font-size: clamp(14px, 4vw, 16px) !important;
        letter-spacing: -0.030em !important;
      }

      .trustelis-home-page .tl-title {
        font-size: clamp(36px, 10.5vw, 47px) !important;
        line-height: 0.92 !important;
        letter-spacing: -0.078em !important;
      }

      .trustelis-home-page .tl-title-line {
        line-height: 0.92 !important;
      }

      .trustelis-home-page .tl-subtext {
        max-width: 348px !important;
        margin-top: 13px !important;
        gap: 5px !important;
        font-size: clamp(14px, 4vw, 15.8px) !important;
        line-height: 1.08 !important;
      }

      .trustelis-home-page .tl-subline,
      .trustelis-home-page .tl-substrong {
        line-height: 1.08 !important;
      }

      .trustelis-home-page .tl-actions {
        max-width: 318px !important;
        margin-top: 26px !important;
        gap: 10px !important;
      }

      .trustelis-home-page .tl-btn,
      .trustelis-home-page .tl-btn-primary,
      .trustelis-home-page .tl-btn-secondary {
        min-height: 50px !important;
        border-radius: 13px !important;
        font-size: 14px !important;
      }

      /* AI LAYER: compact mobile visual with 2-column inner grids. */
      .trustelis-home-page .tl-diagram-section {
        margin-top: 40px !important;
        padding-top: 14px !important;
        scroll-margin-top: 116px !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        gap: 14px !important;
      }

      .trustelis-home-page .tl-ai-side-panel {
        border-radius: 18px !important;
        padding: 16px 10px 14px !important;
      }

      .trustelis-home-page .tl-ai-panel-title {
        font-size: clamp(16px, 4.7vw, 20px) !important;
        line-height: 1.02 !important;
        letter-spacing: 0.055em !important;
      }

      .trustelis-home-page .tl-ai-panel-subtitle {
        margin: 7px 0 12px !important;
        font-size: 12.6px !important;
        line-height: 1.12 !important;
      }

      .trustelis-home-page .tl-ai-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
      }

      .trustelis-home-page .tl-ai-card {
        min-height: 88px !important;
        padding: 10px 6px 9px !important;
        border-radius: 14px !important;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 34px !important;
        height: 34px !important;
        margin-bottom: 7px !important;
        font-size: 16px !important;
      }

      .trustelis-home-page .tl-ai-card strong {
        font-size: 11.8px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.050em !important;
      }

      .trustelis-home-page .tl-ai-card small {
        margin-top: 4px !important;
        font-size: 9.2px !important;
        line-height: 1.08 !important;
      }

      .trustelis-home-page .tl-ai-hub-column {
        padding: 8px 0 4px !important;
        gap: 8px !important;
      }

      .trustelis-home-page .tl-ai-center-title {
        margin-bottom: 3px !important;
        font-size: clamp(10px, 3vw, 12px) !important;
        line-height: 1.10 !important;
        letter-spacing: 0.075em !important;
      }

      .trustelis-home-page .tl-ai-hub {
        width: min(238px, 63vw) !important;
      }

      .trustelis-home-page .tl-ai-hub::before {
        inset: -18px !important;
        opacity: 0.48 !important;
      }

      .trustelis-home-page .tl-ai-hub-inner {
        width: calc(100% - 44px) !important;
        height: calc(100% - 44px) !important;
        padding: 12px !important;
      }

      .trustelis-home-page .tl-ai-logo-shell {
        width: 48px !important;
        height: 44px !important;
        margin-bottom: 1px !important;
      }

      .trustelis-home-page .tl-ai-hub-title {
        font-size: clamp(23px, 6.9vw, 29px) !important;
        line-height: 0.94 !important;
        letter-spacing: -0.074em !important;
      }

      .trustelis-home-page .tl-ai-hub-pill {
        margin-top: 8px !important;
        padding: 5px 10px !important;
        font-size: 7.4px !important;
        letter-spacing: 0.055em !important;
      }

      .trustelis-home-page .tl-ai-hub-text {
        max-width: 170px !important;
        margin-top: 7px !important;
        font-size: 9px !important;
        line-height: 1.10 !important;
      }

      /* ACTION SECTION: make short controls and steps compact 2-column grids. */
      .trustelis-home-page .tl-action-section {
        margin-top: 36px !important;
        padding-bottom: calc(34px + env(safe-area-inset-bottom, 0px)) !important;
        scroll-margin-top: 116px !important;
      }

      .trustelis-home-page .tl-action-top {
        max-width: 348px !important;
        margin-bottom: 14px !important;
      }

      .trustelis-home-page .tl-action-kicker {
        margin-bottom: 7px !important;
        font-size: 11.5px !important;
        letter-spacing: 0.090em !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-title {
        font-size: clamp(31px, 8.8vw, 39px) !important;
        line-height: 0.90 !important;
        letter-spacing: -0.074em !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title-line,
      .trustelis-home-page .tl-action-section .tl-action-title > span,
      .trustelis-home-page .tl-action-title-line {
        line-height: 0.90 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-subtitle,
      .trustelis-home-page .tl-action-subtitle {
        max-width: 330px !important;
        margin-top: 10px !important;
        font-size: 14px !important;
        line-height: 1.08 !important;
        gap: 3px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-subtitle span,
      .trustelis-home-page .tl-action-subtitle span {
        line-height: 1.08 !important;
      }

      .trustelis-home-page .tl-action-main-panel {
        padding: 22px 10px 16px !important;
        border-radius: 18px !important;
      }

      .trustelis-home-page .tl-action-panel-title {
        max-width: 306px !important;
        font-size: clamp(31px, 8.8vw, 42px) !important;
        line-height: 0.94 !important;
        letter-spacing: -0.074em !important;
      }

      .trustelis-home-page .tl-action-panel-text {
        max-width: 310px !important;
        margin: 14px auto 15px !important;
        font-size: 14.8px !important;
        line-height: 1.12 !important;
      }

      .trustelis-home-page .tl-action-pill-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
      }

      .trustelis-home-page .tl-action-pill {
        min-height: 46px !important;
        padding: 0 9px !important;
        border-radius: 12px !important;
        gap: 8px !important;
        justify-content: flex-start !important;
        font-size: 12.2px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.040em !important;
      }

      .trustelis-home-page .tl-action-pill-icon {
        width: 23px !important;
        height: 23px !important;
        font-size: 15px !important;
        flex: 0 0 23px !important;
      }

      .trustelis-home-page .tl-action-step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 9px !important;
        margin-top: 14px !important;
        align-items: stretch !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card,
      .trustelis-home-page .tl-action-step-card {
        min-height: 226px !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto 1fr !important;
        row-gap: 9px !important;
        padding: 12px 9px !important;
        border-radius: 16px !important;
        align-items: start !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-icon,
      .trustelis-home-page .tl-action-step-icon {
        width: 42px !important;
        height: 42px !important;
        font-size: 19px !important;
        justify-self: start !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-body,
      .trustelis-home-page .tl-action-step-body {
        row-gap: 7px !important;
        min-width: 0 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-head,
      .trustelis-home-page .tl-action-step-head {
        grid-template-columns: 1fr !important;
        row-gap: 4px !important;
        min-height: auto !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-number,
      .trustelis-home-page .tl-action-step-number {
        font-size: 25px !important;
        line-height: 0.92 !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card h3,
      .trustelis-home-page .tl-action-step-card h3 {
        font-size: 13.9px !important;
        line-height: 1.05 !important;
        letter-spacing: -0.054em !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card p,
      .trustelis-home-page .tl-action-step-card p {
        font-size: 11.7px !important;
        line-height: 1.22 !important;
        letter-spacing: -0.028em !important;
      }

      .trustelis-home-page .tl-action-banner {
        margin-top: 10px !important;
        padding: 58px 12px 15px !important;
        border-radius: 16px !important;
      }

      .trustelis-home-page .tl-action-banner-icon {
        top: 13px !important;
        width: 38px !important;
        height: 38px !important;
        font-size: 18px !important;
      }

      .trustelis-home-page .tl-action-banner h3 {
        font-size: 18px !important;
        line-height: 1.04 !important;
      }

      .trustelis-home-page .tl-action-banner p {
        margin-top: 7px !important;
        font-size: 12.5px !important;
        line-height: 1.20 !important;
      }

      .trustelis-home-page .tl-action-proof-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin-top: 10px !important;
        border-radius: 15px !important;
      }

      .trustelis-home-page .tl-action-proof-item {
        min-height: 38px !important;
        padding: 0 10px !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        font-size: 11.8px !important;
        line-height: 1.10 !important;
      }

      .trustelis-home-page .tl-action-proof-item::after {
        display: none !important;
      }

      .trustelis-home-page .tl-action-bottom-cta {
        margin-top: 10px !important;
        padding: 62px 12px 15px !important;
        border-radius: 16px !important;
      }

      .trustelis-home-page .tl-action-cta-orb {
        top: 13px !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 19px !important;
      }

      .trustelis-home-page .tl-action-cta-text {
        max-width: 300px !important;
        font-size: 15.5px !important;
        line-height: 1.10 !important;
      }

      .trustelis-home-page .tl-action-cta-btn {
        min-height: 48px !important;
        margin-top: 11px !important;
        border-radius: 12px !important;
        font-size: 13.5px !important;
      }
    }

    @media (max-width: 390px) {
      .trustelis-home-page .tl-home-shell {
        padding-left: 9px !important;
        padding-right: 9px !important;
      }

      .trustelis-home-page .tl-title {
        font-size: clamp(34px, 10.2vw, 41px) !important;
      }

      .trustelis-home-page .tl-subtext {
        font-size: 13.8px !important;
      }

      .trustelis-home-page .tl-ai-card {
        min-height: 84px !important;
        padding: 9px 5px 8px !important;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 31px !important;
        height: 31px !important;
      }

      .trustelis-home-page .tl-ai-card strong {
        font-size: 11px !important;
      }

      .trustelis-home-page .tl-ai-card small {
        font-size: 8.7px !important;
      }

      .trustelis-home-page .tl-ai-hub {
        width: min(224px, 62vw) !important;
      }

      .trustelis-home-page .tl-action-panel-title {
        font-size: clamp(30px, 8.5vw, 38px) !important;
      }

      .trustelis-home-page .tl-action-pill {
        min-height: 44px !important;
        padding: 0 8px !important;
        font-size: 11.4px !important;
      }

      .trustelis-home-page .tl-action-step-grid {
        gap: 8px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card,
      .trustelis-home-page .tl-action-step-card {
        min-height: 218px !important;
        padding: 11px 8px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-icon,
      .trustelis-home-page .tl-action-step-icon {
        width: 38px !important;
        height: 38px !important;
        font-size: 17px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-number,
      .trustelis-home-page .tl-action-step-number {
        font-size: 23px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card h3,
      .trustelis-home-page .tl-action-step-card h3 {
        font-size: 13px !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card p,
      .trustelis-home-page .tl-action-step-card p {
        font-size: 11.1px !important;
        line-height: 1.20 !important;
      }

      .trustelis-home-page .tl-action-proof-item {
        font-size: 11px !important;
      }
    }

    @media (max-width: 350px) {
      .trustelis-home-page .tl-action-step-grid {
        grid-template-columns: 1fr !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-step-card,
      .trustelis-home-page .tl-action-step-card {
        min-height: auto !important;
      }
    }

    /* =========================================================
       TRUSTELIS HOME MOBILE HORIZONTAL DIAGRAM V3 — FINAL OVERRIDE
       =========================================================
       Scope:
       - Mobile only: max-width 760px.
       - Desktop/tablet desktop are untouched.
       - HTML, JavaScript, links, header, footer and existing content are untouched.
       - Purpose:
         1) Keep the AI agents title to 2 lines maximum on iPhone.
         2) Show the AI Business Use Case, Runtime Gateway and AI Execution Layer
            together in one horizontal mobile diagram, like the approved reference.
       ========================================================= */

    @media (max-width: 760px) {
      /* Title tightening: two clean lines, never three. */
      .trustelis-home-page .tl-action-top {
        max-width: calc(100vw - 20px) !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-title {
        max-width: calc(100vw - 20px) !important;
        font-size: clamp(20px, 5.45vw, 23px) !important;
        line-height: 0.98 !important;
        letter-spacing: -0.060em !important;
        text-align: center !important;
        overflow: visible !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title-line,
      .trustelis-home-page .tl-action-title-line {
        display: block !important;
        width: 100% !important;
        line-height: 0.98 !important;
        white-space: nowrap !important;
      }

      /* Horizontal mobile AI layer: three parts visible together. */
      .trustelis-home-page .tl-diagram-section {
        width: 100% !important;
        min-height: clamp(205px, 54vw, 252px) !important;
        height: clamp(205px, 54vw, 252px) !important;
        margin-top: 34px !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: auto !important;
        scroll-margin-top: 116px !important;
      }

      .trustelis-home-page .tl-diagram-section::before {
        top: 50% !important;
        width: 118vw !important;
        height: 310px !important;
        min-height: 310px !important;
        opacity: 0.72 !important;
        filter: blur(14px) !important;
      }

      .trustelis-home-page .tl-diagram-section::after {
        display: block !important;
        left: 50% !important;
        bottom: -94px !important;
        width: 108vw !important;
        height: 170px !important;
        opacity: 0.34 !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        width: 100% !important;
        max-width: 430px !important;
        min-height: 205px !important;
        height: 100% !important;
        margin: 0 auto !important;
        padding: 10px 7px 12px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.16fr) minmax(0, 1fr) !important;
        gap: 7px !important;
        align-items: center !important;
        overflow: visible !important;
        transform: none !important;
      }

      .trustelis-home-page .tl-ai-layer-visual::before {
        inset: -16px -12px !important;
        opacity: 0.13 !important;
        background-size: 32px 32px, 48px 48px !important;
        mask-image: radial-gradient(ellipse at 50% 50%, black 0%, transparent 78%) !important;
      }

      .trustelis-home-page .tl-ai-layer-visual::after {
        display: none !important;
        content: none !important;
      }

      .trustelis-home-page .tl-ai-flow-svg {
        display: block !important;
        opacity: 0.72 !important;
      }

      .trustelis-home-page .tl-ai-route-base,
      .trustelis-home-page .tl-ai-route-live {
        stroke-width: 1.05 !important;
      }

      .trustelis-home-page .tl-ai-pulse {
        r: 3 !important;
      }

      .trustelis-home-page .tl-ai-business-panel {
        order: 1 !important;
      }

      .trustelis-home-page .tl-ai-hub-column {
        order: 2 !important;
      }

      .trustelis-home-page .tl-ai-execution-panel {
        order: 3 !important;
      }

      .trustelis-home-page .tl-ai-side-panel {
        width: 100% !important;
        max-width: none !important;
        min-height: 172px !important;
        height: 172px !important;
        margin: 0 !important;
        padding: 8px 5px 7px !important;
        border-radius: 9px !important;
        overflow: hidden !important;
        backdrop-filter: blur(8px) !important;
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 10px 22px rgba(0, 0, 0, 0.22),
          0 0 16px rgba(8, 124, 255, 0.12) !important;
      }

      .trustelis-home-page .tl-ai-execution-panel {
        box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.08),
          0 10px 22px rgba(0, 0, 0, 0.22),
          0 0 16px rgba(192, 44, 255, 0.13) !important;
      }

      .trustelis-home-page .tl-ai-side-panel::before {
        left: 8px !important;
        right: 8px !important;
        height: 2px !important;
      }

      .trustelis-home-page .tl-ai-panel-title {
        font-size: clamp(7.1px, 1.9vw, 8.4px) !important;
        line-height: 1 !important;
        letter-spacing: 0.050em !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-align: center !important;
      }

      .trustelis-home-page .tl-ai-panel-subtitle {
        margin: 3px 0 6px !important;
        font-size: clamp(5.3px, 1.45vw, 6.2px) !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
      }

      .trustelis-home-page .tl-ai-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 4px !important;
      }

      .trustelis-home-page .tl-ai-card {
        min-height: 63px !important;
        height: 63px !important;
        padding: 5px 2px 4px !important;
        border-radius: 7px !important;
        justify-content: center !important;
        overflow: hidden !important;
      }

      .trustelis-home-page .tl-ai-card::before {
        opacity: 0.28 !important;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 20px !important;
        height: 20px !important;
        margin: 0 0 4px !important;
        font-size: 10px !important;
        border-width: 1px !important;
      }

      .trustelis-home-page .tl-ai-card strong {
        max-width: 100% !important;
        font-size: clamp(6.35px, 1.65vw, 7.4px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.050em !important;
        text-wrap: balance !important;
      }

      .trustelis-home-page .tl-ai-card small {
        margin-top: 2px !important;
        font-size: clamp(4.7px, 1.22vw, 5.4px) !important;
        line-height: 1.02 !important;
      }

      .trustelis-home-page .tl-ai-card-port,
      .trustelis-home-page .tl-ai-anchor-out,
      .trustelis-home-page .tl-ai-anchor-in {
        width: 6px !important;
        height: 6px !important;
      }

      .trustelis-home-page .tl-ai-card-port-out {
        right: -3px !important;
      }

      .trustelis-home-page .tl-ai-card-port-in {
        left: -3px !important;
      }

      .trustelis-home-page .tl-ai-hub-column {
        width: 100% !important;
        min-height: 178px !important;
        height: 178px !important;
        padding: 0 !important;
        gap: 5px !important;
        align-self: center !important;
        justify-content: center !important;
        overflow: visible !important;
      }

      .trustelis-home-page .tl-ai-center-title {
        width: max-content !important;
        max-width: 142px !important;
        margin: 0 auto 2px !important;
        font-size: clamp(5.9px, 1.55vw, 7.2px) !important;
        line-height: 1 !important;
        letter-spacing: 0.085em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
      }

      .trustelis-home-page .tl-ai-hub {
        width: min(132px, 35vw) !important;
        max-width: 132px !important;
        min-width: 108px !important;
        aspect-ratio: 1 / 1 !important;
      }

      .trustelis-home-page .tl-ai-hub::before {
        inset: -14px !important;
        opacity: 0.60 !important;
        background: repeating-radial-gradient(circle at center, transparent 0 9px, rgba(8, 124, 255, 0.15) 10px 11px, transparent 12px 20px) !important;
      }

      .trustelis-home-page .tl-ai-hub::after {
        inset: 2px !important;
        border-width: 1.4px !important;
      }

      .trustelis-home-page .tl-ai-hub-inner {
        width: calc(100% - 24px) !important;
        height: calc(100% - 24px) !important;
        padding: 7px !important;
      }

      .trustelis-home-page .tl-ai-logo-shell {
        width: 24px !important;
        height: 22px !important;
        margin-bottom: 1px !important;
      }

      .trustelis-home-page .tl-ai-hub-title {
        font-size: clamp(14px, 4.3vw, 18px) !important;
        line-height: 0.90 !important;
        letter-spacing: -0.070em !important;
      }

      .trustelis-home-page .tl-ai-hub-pill {
        margin-top: 5px !important;
        padding: 3px 6px !important;
        border-radius: 999px !important;
        font-size: clamp(4.6px, 1.18vw, 5.6px) !important;
        line-height: 1 !important;
        letter-spacing: 0.060em !important;
        white-space: nowrap !important;
      }

      .trustelis-home-page .tl-ai-hub-text {
        max-width: 104px !important;
        margin-top: 5px !important;
        font-size: clamp(5.7px, 1.48vw, 6.8px) !important;
        line-height: 1.07 !important;
      }

      .trustelis-home-page .tl-ai-hub-port,
      .trustelis-home-page .tl-ai-orbit-node {
        width: 6px !important;
        height: 6px !important;
      }

      .trustelis-home-page .tl-hub-left-1,
      .trustelis-home-page .tl-hub-left-2,
      .trustelis-home-page .tl-hub-left-3,
      .trustelis-home-page .tl-hub-left-4 {
        left: -3px !important;
      }

      .trustelis-home-page .tl-hub-right-1,
      .trustelis-home-page .tl-hub-right-2,
      .trustelis-home-page .tl-hub-right-3,
      .trustelis-home-page .tl-hub-right-4 {
        right: -3px !important;
      }
    }

    @media (max-width: 390px) {
      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-title {
        font-size: clamp(19px, 5.15vw, 21px) !important;
        letter-spacing: -0.064em !important;
      }

      .trustelis-home-page .tl-diagram-section {
        min-height: 198px !important;
        height: 198px !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        max-width: 386px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        gap: 5px !important;
      }

      .trustelis-home-page .tl-ai-side-panel {
        height: 164px !important;
        min-height: 164px !important;
        padding: 8px 4px 6px !important;
      }

      .trustelis-home-page .tl-ai-panel-title {
        font-size: 6.7px !important;
        letter-spacing: 0.040em !important;
      }

      .trustelis-home-page .tl-ai-panel-subtitle {
        font-size: 5.05px !important;
        margin-bottom: 5px !important;
      }

      .trustelis-home-page .tl-ai-card-grid {
        gap: 3px !important;
      }

      .trustelis-home-page .tl-ai-card {
        height: 60px !important;
        min-height: 60px !important;
        border-radius: 6px !important;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 18px !important;
        height: 18px !important;
        margin-bottom: 3px !important;
        font-size: 9px !important;
      }

      .trustelis-home-page .tl-ai-card strong {
        font-size: 6.05px !important;
      }

      .trustelis-home-page .tl-ai-card small {
        font-size: 4.45px !important;
      }

      .trustelis-home-page .tl-ai-hub-column {
        height: 168px !important;
        min-height: 168px !important;
      }

      .trustelis-home-page .tl-ai-center-title {
        max-width: 128px !important;
        font-size: 5.65px !important;
        letter-spacing: 0.072em !important;
      }

      .trustelis-home-page .tl-ai-hub {
        width: min(124px, 34vw) !important;
        min-width: 104px !important;
      }

      .trustelis-home-page .tl-ai-hub-title {
        font-size: clamp(13px, 4vw, 16px) !important;
      }

      .trustelis-home-page .tl-ai-hub-pill {
        font-size: 4.25px !important;
        padding: 2.8px 5px !important;
      }

      .trustelis-home-page .tl-ai-hub-text {
        font-size: 5.25px !important;
        max-width: 94px !important;
      }
    }

    @media (max-width: 350px) {
      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-title {
        font-size: 18px !important;
        letter-spacing: -0.066em !important;
      }

      .trustelis-home-page .tl-diagram-section {
        height: 188px !important;
        min-height: 188px !important;
      }

      .trustelis-home-page .tl-ai-layer-visual {
        max-width: 340px !important;
        gap: 4px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
      }

      .trustelis-home-page .tl-ai-side-panel {
        height: 154px !important;
        min-height: 154px !important;
      }

      .trustelis-home-page .tl-ai-panel-title {
        font-size: 6px !important;
      }

      .trustelis-home-page .tl-ai-panel-subtitle {
        font-size: 4.55px !important;
      }

      .trustelis-home-page .tl-ai-card {
        height: 56px !important;
        min-height: 56px !important;
      }

      .trustelis-home-page .tl-ai-card-icon {
        width: 16px !important;
        height: 16px !important;
      }

      .trustelis-home-page .tl-ai-card strong {
        font-size: 5.55px !important;
      }

      .trustelis-home-page .tl-ai-card small {
        font-size: 4.1px !important;
      }

      .trustelis-home-page .tl-ai-hub-column {
        height: 158px !important;
        min-height: 158px !important;
      }

      .trustelis-home-page .tl-ai-hub {
        width: 108px !important;
        min-width: 108px !important;
      }
    }





    @media (max-width: 760px) {
      /* Open the action heading to the real mobile viewport width. */
      .trustelis-home-page .tl-action-top {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        overflow: visible !important;
        text-align: center !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-title {
        width: 100vw !important;
        max-width: none !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
        font-size: clamp(18.4px, 5.05vw, 21px) !important;
        line-height: 0.98 !important;
        letter-spacing: -0.078em !important;
        text-align: center !important;
        text-wrap: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        white-space: normal !important;
        overflow: visible !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title-line,
      .trustelis-home-page .tl-action-section .tl-action-title > span,
      .trustelis-home-page .tl-action-title-line {
        display: block !important;
        width: max-content !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        white-space: nowrap !important;
        line-height: 0.98 !important;
        text-wrap: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
        transform-origin: center center !important;
      }

      /* The first line is the long one; compress it slightly instead of allowing a wrap. */
      .trustelis-home-page .tl-action-section .tl-action-title-line:first-child,
      .trustelis-home-page .tl-action-title-line:first-child {
        transform: scaleX(0.94) !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title-line:nth-child(2),
      .trustelis-home-page .tl-action-title-line:nth-child(2) {
        transform: scaleX(0.98) !important;
      }

      /* Keep subtitle centered after the full-width title treatment. */
      .trustelis-home-page .tl-action-section .tl-action-subtitle,
      .trustelis-home-page .tl-action-subtitle {
        width: min(330px, calc(100vw - 28px)) !important;
        max-width: min(330px, calc(100vw - 28px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
      }

      /* Footer gap cleanup: reduce only the bottom whitespace of the mobile page. */
      .trustelis-home-page .tl-home-shell {
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
      }

      .trustelis-home-page .tl-action-section {
        padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
        margin-bottom: 0 !important;
      }

      .trustelis-home-page .tl-action-bottom-cta {
        margin-bottom: 0 !important;
      }

      .trustelis-home-page .tl-action-section > *:last-child {
        margin-bottom: 0 !important;
      }
    }

    @media (max-width: 390px) {
      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-title {
        font-size: clamp(17.5px, 4.95vw, 19.2px) !important;
        letter-spacing: -0.086em !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title-line:first-child,
      .trustelis-home-page .tl-action-title-line:first-child {
        transform: scaleX(0.92) !important;
      }

      .trustelis-home-page .tl-home-shell {
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
      }

      .trustelis-home-page .tl-action-section {
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
      }
    }

    @media (max-width: 350px) {
      .trustelis-home-page .tl-action-section .tl-action-title,
      .trustelis-home-page .tl-action-title {
        font-size: 16.4px !important;
        letter-spacing: -0.090em !important;
      }

      .trustelis-home-page .tl-action-section .tl-action-title-line:first-child,
      .trustelis-home-page .tl-action-title-line:first-child {
        transform: scaleX(0.90) !important;
      }
    }



    /* =========================================================
       TRUSTELIS HOME MOBILE TITLE ONE-LINE FIX — FINAL SURGICAL OVERRIDE
       =========================================================
       Scope:
       - Mobile only: max-width 760px.
       - Changes only the main hero title behavior and sizing.
       - Does not change HTML, text, buttons, links, header, logo, diagram,
         lower sections, footer, JavaScript, or desktop/tablet layout.
       Purpose:
       - Force "Control Before AI Action" to stay on one line on iPhone/mobile.
       ========================================================= */

    @media (max-width: 760px) {
      .trustelis-home-page .tl-hero {
        width: 100% !important;
        max-width: calc(100vw - 12px) !important;
      }

      .trustelis-home-page .tl-title {
        width: 100% !important;
        max-width: calc(100vw - 12px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: clamp(26px, 7.35vw, 33px) !important;
        line-height: 0.96 !important;
        letter-spacing: -0.088em !important;
        word-spacing: 0.012em !important;
        text-align: center !important;
        white-space: nowrap !important;
        text-wrap: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
      }

      .trustelis-home-page .tl-title-line {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        line-height: 0.96 !important;
        white-space: nowrap !important;
        text-wrap: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
      }

      .trustelis-home-page .tl-gradient {
        display: inline !important;
        white-space: nowrap !important;
        text-wrap: nowrap !important;
        word-break: keep-all !important;
        overflow-wrap: normal !important;
      }
    }

    @media (max-width: 390px) {
      .trustelis-home-page .tl-title {
        font-size: clamp(24px, 7vw, 27px) !important;
        letter-spacing: -0.092em !important;
      }
    }

    @media (max-width: 350px) {
      .trustelis-home-page .tl-title {
        font-size: clamp(22px, 6.8vw, 24px) !important;
        letter-spacing: -0.095em !important;
      }
    }

/* Native Home shell integration: this page already owns its fixed-header safe area. */
@media (max-width: 900px) {
  body.tl-native-site-shell.tl-global-home-page {
    padding-top: 0 !important;
  }
}