/*
 * card-icons.css
 * ---------------------------------------------------------------------------
 * A watermark icon behind each card in the big "similar card" grids: pricing's
 * Included in the rate, Managed IT's Operations and Documentation,
 * Cybersecurity's controls, IT Projects' work, Planning's register.
 *
 * Paul's note was that a grid of near-identical cards blends together and the
 * reader stops taking any single one in. The fix is silhouette, not decoration:
 * each card gets a DIFFERENT shape behind it, rotated slightly left, pinned
 * bottom-right, scaled to the card's height and held at 6% opacity, so the
 * cards differentiate at a glance while the icon never competes with the copy.
 *
 * Icons are Tabler (MIT, ~5,900 outline icons, 24px grid, 2px round-capped
 * stroke, so they are consistent with each other by construction), inlined as
 * data URIs: no extra request and no runtime dependency. The stroke is baked
 * to evergreen because a background-image cannot inherit currentColor.
 *
 * All 51 cards and rows carry a DIFFERENT icon - none is reused, on the same
 * page or across pages.
 */

.tr-ico::after {
    content: '';
    position: absolute;
    right: -11%;
    bottom: -16%;
    height: 116%;
    aspect-ratio: 1 / 1;
    background: var(--tr-ico) center / contain no-repeat;
    transform: rotate(-12deg);
    opacity: 0.085;
    /* Two failed passes are worth recording. Uniform 0.06 let the stroke read
       through the body copy on the denser cards; masking it to nothing by 70%
       fixed that but left an illegible smear. The shape has to stay READABLE.
       So: a higher base opacity for legibility, and a mask that only LIGHTENS
       toward the top-left rather than erasing - it never drops to zero, so
       the icon still resolves as one object, but behind the title and the
       first lines of body it is nearly nothing. */
    -webkit-mask-image: linear-gradient(to top left, #000 0%, #000 34%, rgba(0,0,0,0.32) 70%, rgba(0,0,0,0.12) 100%);
    mask-image: linear-gradient(to top left, #000 0%, #000 34%, rgba(0,0,0,0.32) 70%, rgba(0,0,0,0.12) 100%);
    pointer-events: none;
    z-index: 0;
}

/* Both card components already set `> * { position: relative; z-index: 1 }`,
   so the copy sits above the watermark and the watermark above the hover wash. */

/* ── One rule per icon ─────────────────────────────────────────────────── */
.tr-ico--activity-heartbeat { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 12h4.5l1.5 -6l4 12l2 -9l1.5 3h4.5%22 /%3E %3C/svg%3E"); }
.tr-ico--book { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0%22 /%3E %3Cpath d=%22M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0%22 /%3E %3Cpath d=%22M3 6l0 13%22 /%3E %3Cpath d=%22M12 6l0 13%22 /%3E %3Cpath d=%22M21 6l0 13%22 /%3E %3C/svg%3E"); }
.tr-ico--bug { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M9 9v-1a3 3 0 0 1 6 0v1%22 /%3E %3Cpath d=%22M8 9h8a6 6 0 0 1 1 3v3a5 5 0 0 1 -10 0v-3a6 6 0 0 1 1 -3%22 /%3E %3Cpath d=%22M3 13l4 0%22 /%3E %3Cpath d=%22M17 13l4 0%22 /%3E %3Cpath d=%22M12 20l0 -6%22 /%3E %3Cpath d=%22M4 19l3.35 -2%22 /%3E %3Cpath d=%22M20 19l-3.35 -2%22 /%3E %3Cpath d=%22M4 7l3.75 2.4%22 /%3E %3Cpath d=%22M20 7l-3.75 2.4%22 /%3E %3C/svg%3E"); }
.tr-ico--building { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 21l18 0%22 /%3E %3Cpath d=%22M9 8l1 0%22 /%3E %3Cpath d=%22M9 12l1 0%22 /%3E %3Cpath d=%22M9 16l1 0%22 /%3E %3Cpath d=%22M14 8l1 0%22 /%3E %3Cpath d=%22M14 12l1 0%22 /%3E %3Cpath d=%22M14 16l1 0%22 /%3E %3Cpath d=%22M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16%22 /%3E %3C/svg%3E"); }
.tr-ico--building-community { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M8 9l5 5v7h-5v-4m0 4h-5v-7l5 -5m1 1v-6a1 1 0 0 1 1 -1h10a1 1 0 0 1 1 1v17h-8%22 /%3E %3Cpath d=%22M13 7l0 .01%22 /%3E %3Cpath d=%22M17 7l0 .01%22 /%3E %3Cpath d=%22M17 11l0 .01%22 /%3E %3Cpath d=%22M17 15l0 .01%22 /%3E %3C/svg%3E"); }
.tr-ico--building-store { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 21l18 0%22 /%3E %3Cpath d=%22M3 7v1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1m0 1a3 3 0 0 0 6 0v-1h-18l2 -4h14l2 4%22 /%3E %3Cpath d=%22M5 21l0 -10.15%22 /%3E %3Cpath d=%22M19 21l0 -10.15%22 /%3E %3Cpath d=%22M9 21v-4a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v4%22 /%3E %3C/svg%3E"); }
.tr-ico--calculator { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M4 3m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z%22 /%3E %3Cpath d=%22M8 7m0 1a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v1a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M8 14l0 .01%22 /%3E %3Cpath d=%22M12 14l0 .01%22 /%3E %3Cpath d=%22M16 14l0 .01%22 /%3E %3Cpath d=%22M8 17l0 .01%22 /%3E %3Cpath d=%22M12 17l0 .01%22 /%3E %3Cpath d=%22M16 17l0 .01%22 /%3E %3C/svg%3E"); }
.tr-ico--calendar-repeat { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M12.5 21h-6.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v3%22 /%3E %3Cpath d=%22M16 3v4%22 /%3E %3Cpath d=%22M8 3v4%22 /%3E %3Cpath d=%22M4 11h12%22 /%3E %3Cpath d=%22M20 14l2 2h-3%22 /%3E %3Cpath d=%22M20 18l2 -2%22 /%3E %3Cpath d=%22M19 16a3 3 0 1 0 2 5.236%22 /%3E %3C/svg%3E"); }
.tr-ico--certificate { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M15 15m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0%22 /%3E %3Cpath d=%22M13 17.5v4.5l2 -1.5l2 1.5v-4.5%22 /%3E %3Cpath d=%22M10 19h-5a2 2 0 0 1 -2 -2v-10c0 -1.1 .9 -2 2 -2h14a2 2 0 0 1 2 2v10a2 2 0 0 1 -1 1.73%22 /%3E %3Cpath d=%22M6 9l12 0%22 /%3E %3Cpath d=%22M6 12l3 0%22 /%3E %3Cpath d=%22M6 15l2 0%22 /%3E %3C/svg%3E"); }
.tr-ico--cloud-cog { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M12 18.004h-5.343c-2.572 -.004 -4.657 -2.011 -4.657 -4.487c0 -2.475 2.085 -4.482 4.657 -4.482c.393 -1.762 1.794 -3.2 3.675 -3.773c1.88 -.572 3.956 -.193 5.444 1c1.488 1.19 2.162 3.007 1.77 4.769h.99c.956 0 1.822 .39 2.449 1.02%22 /%3E %3Cpath d=%22M19.001 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M19.001 15.5v1.5%22 /%3E %3Cpath d=%22M19.001 21v1.5%22 /%3E %3Cpath d=%22M22.032 17.25l-1.299 .75%22 /%3E %3Cpath d=%22M17.27 20l-1.3 .75%22 /%3E %3Cpath d=%22M15.97 17.25l1.3 .75%22 /%3E %3Cpath d=%22M20.733 20l1.3 .75%22 /%3E %3C/svg%3E"); }
.tr-ico--cloud-download { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M19 18a3.5 3.5 0 0 0 0 -7h-1a5 4.5 0 0 0 -11 -2a4.6 4.4 0 0 0 -2.1 8.4%22 /%3E %3Cpath d=%22M12 13l0 9%22 /%3E %3Cpath d=%22M9 19l3 3l3 -3%22 /%3E %3C/svg%3E"); }
.tr-ico--cloud-lock { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M19 18a3.5 3.5 0 0 0 0 -7h-1c.397 -1.768 -.285 -3.593 -1.788 -4.787c-1.503 -1.193 -3.6 -1.575 -5.5 -1s-3.315 2.019 -3.712 3.787c-2.199 -.088 -4.155 1.326 -4.666 3.373c-.512 2.047 .564 4.154 2.566 5.027%22 /%3E %3Cpath d=%22M8 15m0 1a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M10 15v-2a2 2 0 1 1 4 0v2%22 /%3E %3C/svg%3E"); }
.tr-ico--cloud-upload { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1%22 /%3E %3Cpath d=%22M9 15l3 -3l3 3%22 /%3E %3Cpath d=%22M12 12l0 9%22 /%3E %3C/svg%3E"); }
.tr-ico--cpu { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M5 5m0 1a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v12a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M9 9h6v6h-6z%22 /%3E %3Cpath d=%22M3 10h2%22 /%3E %3Cpath d=%22M3 14h2%22 /%3E %3Cpath d=%22M10 3v2%22 /%3E %3Cpath d=%22M14 3v2%22 /%3E %3Cpath d=%22M21 10h-2%22 /%3E %3Cpath d=%22M21 14h-2%22 /%3E %3Cpath d=%22M14 21v-2%22 /%3E %3Cpath d=%22M10 21v-2%22 /%3E %3C/svg%3E"); }
.tr-ico--database-export { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M4 6c0 1.657 3.582 3 8 3s8 -1.343 8 -3s-3.582 -3 -8 -3s-8 1.343 -8 3%22 /%3E %3Cpath d=%22M4 6v6c0 1.657 3.582 3 8 3c1.118 0 2.183 -.086 3.15 -.241%22 /%3E %3Cpath d=%22M20 12v-6%22 /%3E %3Cpath d=%22M4 12v6c0 1.657 3.582 3 8 3c.157 0 .312 -.002 .466 -.005%22 /%3E %3Cpath d=%22M16 19h6%22 /%3E %3Cpath d=%22M19 16l3 3l-3 3%22 /%3E %3C/svg%3E"); }
.tr-ico--device-desktop-analytics { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 4m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M7 20h10%22 /%3E %3Cpath d=%22M9 16v4%22 /%3E %3Cpath d=%22M15 16v4%22 /%3E %3Cpath d=%22M9 12v-4%22 /%3E %3Cpath d=%22M12 12v-1%22 /%3E %3Cpath d=%22M15 12v-2%22 /%3E %3Cpath d=%22M12 12v-1%22 /%3E %3C/svg%3E"); }
.tr-ico--device-laptop { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 19l18 0%22 /%3E %3Cpath d=%22M5 6m0 1a1 1 0 0 1 1 -1h12a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-12a1 1 0 0 1 -1 -1z%22 /%3E %3C/svg%3E"); }
.tr-ico--devices { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M13 9a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1v-10z%22 /%3E %3Cpath d=%22M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9%22 /%3E %3Cpath d=%22M16 9h2%22 /%3E %3C/svg%3E"); }
.tr-ico--fingerprint { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3%22 /%3E %3Cpath d=%22M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6%22 /%3E %3Cpath d=%22M12 11v2a14 14 0 0 0 2.5 8%22 /%3E %3Cpath d=%22M8 15a18 18 0 0 0 1.8 6%22 /%3E %3Cpath d=%22M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95%22 /%3E %3C/svg%3E"); }
.tr-ico--git-branch { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M7 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M7 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M17 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M7 8l0 8%22 /%3E %3Cpath d=%22M9 18h6a2 2 0 0 0 2 -2v-5%22 /%3E %3Cpath d=%22M14 14l3 -3l3 3%22 /%3E %3C/svg%3E"); }
.tr-ico--headset { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M4 14v-3a8 8 0 1 1 16 0v3%22 /%3E %3Cpath d=%22M18 19c0 1.657 -2.686 3 -6 3%22 /%3E %3Cpath d=%22M4 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z%22 /%3E %3Cpath d=%22M15 14a2 2 0 0 1 2 -2h1a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-1a2 2 0 0 1 -2 -2v-3z%22 /%3E %3C/svg%3E"); }
.tr-ico--hierarchy { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M12 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M5 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M19 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M6.5 17.5l5.5 -4.5l5.5 4.5%22 /%3E %3Cpath d=%22M12 7l0 6%22 /%3E %3C/svg%3E"); }
.tr-ico--history { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M12 8l0 4l2 2%22 /%3E %3Cpath d=%22M3.05 11a9 9 0 1 1 .5 4m-.5 5v-5h5%22 /%3E %3C/svg%3E"); }
.tr-ico--key { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1 -4.069 0l-.301 -.301l-6.558 6.558a2 2 0 0 1 -1.239 .578l-.175 .008h-1.172a1 1 0 0 1 -.993 -.883l-.007 -.117v-1.172a2 2 0 0 1 .467 -1.284l.119 -.13l.414 -.414h2v-2h2v-2l2.144 -2.144l-.301 -.301a2.877 2.877 0 0 1 0 -4.069l2.643 -2.643a2.877 2.877 0 0 1 4.069 0z%22 /%3E %3Cpath d=%22M15 9h.01%22 /%3E %3C/svg%3E"); }
.tr-ico--license { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11%22 /%3E %3Cpath d=%22M9 7l4 0%22 /%3E %3Cpath d=%22M9 11l4 0%22 /%3E %3C/svg%3E"); }
.tr-ico--list-details { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M13 5h8%22 /%3E %3Cpath d=%22M13 9h5%22 /%3E %3Cpath d=%22M13 15h8%22 /%3E %3Cpath d=%22M13 19h5%22 /%3E %3Cpath d=%22M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z%22 /%3E %3C/svg%3E"); }
.tr-ico--lock-access { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M4 8v-2a2 2 0 0 1 2 -2h2%22 /%3E %3Cpath d=%22M4 16v2a2 2 0 0 0 2 2h2%22 /%3E %3Cpath d=%22M16 4h2a2 2 0 0 1 2 2v2%22 /%3E %3Cpath d=%22M16 20h2a2 2 0 0 0 2 -2v-2%22 /%3E %3Cpath d=%22M8 11m0 1a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M10 11v-2a2 2 0 1 1 4 0v2%22 /%3E %3C/svg%3E"); }
.tr-ico--mail-cog { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M12 19h-7a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v5%22 /%3E %3Cpath d=%22M3 7l9 6l9 -6%22 /%3E %3Cpath d=%22M19.001 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3Cpath d=%22M19.001 15.5v1.5%22 /%3E %3Cpath d=%22M19.001 21v1.5%22 /%3E %3Cpath d=%22M22.032 17.25l-1.299 .75%22 /%3E %3Cpath d=%22M17.27 20l-1.3 .75%22 /%3E %3Cpath d=%22M15.97 17.25l1.3 .75%22 /%3E %3Cpath d=%22M20.733 20l1.3 .75%22 /%3E %3C/svg%3E"); }
.tr-ico--notebook { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18%22 /%3E %3Cpath d=%22M13 8l2 0%22 /%3E %3Cpath d=%22M13 12l2 0%22 /%3E %3C/svg%3E"); }
.tr-ico--power { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M7 6a7.75 7.75 0 1 0 10 0%22 /%3E %3Cpath d=%22M12 4l0 8%22 /%3E %3C/svg%3E"); }
.tr-ico--presentation-analytics { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M9 12v-4%22 /%3E %3Cpath d=%22M15 12v-2%22 /%3E %3Cpath d=%22M12 12v-1%22 /%3E %3Cpath d=%22M3 4h18%22 /%3E %3Cpath d=%22M4 4v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-10%22 /%3E %3Cpath d=%22M12 16v4%22 /%3E %3Cpath d=%22M9 20h6%22 /%3E %3C/svg%3E"); }
.tr-ico--route { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0%22 /%3E %3Cpath d=%22M19 7a2 2 0 1 0 0 -4a2 2 0 0 0 0 4z%22 /%3E %3Cpath d=%22M11 19h5.5a3.5 3.5 0 0 0 0 -7h-8a3.5 3.5 0 0 1 0 -7h4.5%22 /%3E %3C/svg%3E"); }
.tr-ico--scale { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M7 20l10 0%22 /%3E %3Cpath d=%22M6 6l6 -1l6 1%22 /%3E %3Cpath d=%22M12 3l0 17%22 /%3E %3Cpath d=%22M9 12l-3 -6l-3 6a3 3 0 0 0 6 0%22 /%3E %3Cpath d=%22M21 12l-3 -6l-3 6a3 3 0 0 0 6 0%22 /%3E %3C/svg%3E"); }
.tr-ico--server-2 { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M3 4m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z%22 /%3E %3Cpath d=%22M3 12m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z%22 /%3E %3Cpath d=%22M7 8l0 .01%22 /%3E %3Cpath d=%22M7 16l0 .01%22 /%3E %3Cpath d=%22M11 8h6%22 /%3E %3Cpath d=%22M11 16h6%22 /%3E %3C/svg%3E"); }
.tr-ico--settings { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z%22 /%3E %3Cpath d=%22M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0%22 /%3E %3C/svg%3E"); }
.tr-ico--share { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M6 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0%22 /%3E %3Cpath d=%22M18 6m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0%22 /%3E %3Cpath d=%22M18 18m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0%22 /%3E %3Cpath d=%22M8.7 10.7l6.6 -3.4%22 /%3E %3Cpath d=%22M8.7 13.3l6.6 3.4%22 /%3E %3C/svg%3E"); }
.tr-ico--shield-check { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06%22 /%3E %3Cpath d=%22M15 19l2 2l4 -4%22 /%3E %3C/svg%3E"); }
.tr-ico--shield-lock { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3%22 /%3E %3Cpath d=%22M12 11m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0%22 /%3E %3Cpath d=%22M12 12l0 2.5%22 /%3E %3C/svg%3E"); }
.tr-ico--star { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z%22 /%3E %3C/svg%3E"); }
.tr-ico--tool { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M7 10h3v-3l-3.5 -3.5a6 6 0 0 1 8 8l6 6a2 2 0 0 1 -3 3l-6 -6a6 6 0 0 1 -8 -8l3.5 3.5%22 /%3E %3C/svg%3E"); }
.tr-ico--transfer { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M20 10h-16l5.5 -6%22 /%3E %3Cpath d=%22M4 14h16l-5.5 6%22 /%3E %3C/svg%3E"); }
.tr-ico--user-check { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath d=%22M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0%22 /%3E %3Cpath d=%22M6 21v-2a4 4 0 0 1 4 -4h4%22 /%3E %3Cpath d=%22M15 19l2 2l4 -4%22 /%3E %3C/svg%3E"); }

/* 2026-09-10 - Paul read the /services index and the /industries ladder as
   "under-designed, or just clean?" and suggested watermark icons. Same motif,
   same rules: one shape per row, none reused anywhere on the site. */
.tr-ico--chart-candle { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M4 6m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M6 4l0 2%22 /%3E %3Cpath d=%22M6 11l0 9%22 /%3E %3Cpath d=%22M10 14m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M12 4l0 10%22 /%3E %3Cpath d=%22M12 19l0 1%22 /%3E %3Cpath d=%22M16 5m0 1a1 1 0 0 1 1 -1h2a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1z%22 /%3E %3Cpath d=%22M18 4l0 1%22 /%3E %3Cpath d=%22M18 11l0 9%22 /%3E %3C/svg%3E"); }
.tr-ico--chart-line { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M4 19l16 0%22 /%3E %3Cpath d=%22M4 15l4 -6l4 2l4 -5l4 4%22 /%3E %3C/svg%3E"); }
.tr-ico--clipboard-list { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2%22 /%3E %3Cpath d=%22M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z%22 /%3E %3Cpath d=%22M9 12l.01 0%22 /%3E %3Cpath d=%22M13 12l2 0%22 /%3E %3Cpath d=%22M9 16l.01 0%22 /%3E %3Cpath d=%22M13 16l2 0%22 /%3E %3C/svg%3E"); }
.tr-ico--gavel { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M13 10l7.383 7.418c.823 .82 .823 2.148 0 2.967a2.11 2.11 0 0 1 -2.976 0l-7.407 -7.385%22 /%3E %3Cpath d=%22M6 9l4 4%22 /%3E %3Cpath d=%22M13 10l-4 -4%22 /%3E %3Cpath d=%22M3 21h7%22 /%3E %3Cpath d=%22M6.793 15.793l-3.586 -3.586a1 1 0 0 1 0 -1.414l2.293 -2.293l.5 .5l3 -3l-.5 -.5l2.293 -2.293a1 1 0 0 1 1.414 0l3.586 3.586a1 1 0 0 1 0 1.414l-2.293 2.293l-.5 -.5l-3 3l.5 .5l-2.293 2.293a1 1 0 0 1 -1.414 0z%22 /%3E %3C/svg%3E"); }
.tr-ico--home { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M5 12l-2 0l9 -9l9 9l-2 0%22 /%3E %3Cpath d=%22M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7%22 /%3E %3Cpath d=%22M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6%22 /%3E %3C/svg%3E"); }
.tr-ico--lock { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6z%22 /%3E %3Cpath d=%22M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0%22 /%3E %3Cpath d=%22M8 11v-4a4 4 0 1 1 8 0v4%22 /%3E %3C/svg%3E"); }
.tr-ico--server { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M3 4m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z%22 /%3E %3Cpath d=%22M3 12m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v2a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z%22 /%3E %3Cpath d=%22M7 8l0 .01%22 /%3E %3Cpath d=%22M7 16l0 .01%22 /%3E %3C/svg%3E"); }
.tr-ico--stethoscope { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M6 4h-1a2 2 0 0 0 -2 2v3.5h0a5.5 5.5 0 0 0 11 0v-3.5a2 2 0 0 0 -2 -2h-1%22 /%3E %3Cpath d=%22M8 15a6 6 0 1 0 12 0v-3%22 /%3E %3Cpath d=%22M11 3v2%22 /%3E %3Cpath d=%22M6 3v2%22 /%3E %3Cpath d=%22M20 10m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0%22 /%3E %3C/svg%3E"); }
.tr-ico--world { --tr-ico: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%230D2C11%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 %3E %3Cpath stroke=%22none%22 d=%22M0 0h24v24H0z%22 fill=%22none%22/%3E %3Cpath d=%22M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0%22 /%3E %3Cpath d=%22M3.6 9h16.8%22 /%3E %3Cpath d=%22M3.6 15h16.8%22 /%3E %3Cpath d=%22M11.5 3a17 17 0 0 0 0 18%22 /%3E %3Cpath d=%22M12.5 3a17 17 0 0 1 0 18%22 /%3E %3C/svg%3E"); }

/* The row variants are ~1400px wide and ~150px tall. The card offsets are
   percentages of the box, so on a row right:-11% is 150px and most of the
   shape leaves the clip. Pixel offsets keep the whole silhouette inside the
   row, clear of the arrow on /services and of the numeral on /industries. */
.tr-svc-row.tr-ico::after,
.trin-row.tr-ico::after {
    right: 64px;
    bottom: -22%;
    height: 132%;
}
/* On the ladder the capability list runs across the icon's top, not its
   top-left, so the fade points straight up: strongest at the baseline, near
   nothing behind the first bullet. */
.trin-row.tr-ico::after {
    -webkit-mask-image: linear-gradient(to top, #000 0%, #000 30%, rgba(0,0,0,0.28) 68%, rgba(0,0,0,0.08) 100%);
            mask-image: linear-gradient(to top, #000 0%, #000 30%, rgba(0,0,0,0.28) 68%, rgba(0,0,0,0.08) 100%);
}

/* Stacked, a row is 343px wide and 400-500px tall, so a height-relative icon
   became a 600px shape behind the whole row. Size it from the viewport
   instead and tuck it into the corner like the cards. */
@media (max-width: 768px) {
    .tr-svc-row.tr-ico::after,
    .trin-row.tr-ico::after {
        height: 52vw;
        max-height: 240px;
        right: -10%;
        bottom: -12%;
    }
}