/* ==========================================================================
   Site-wide trust bar (used by every ENIGMA widget and the Trust Bar widget).
   ========================================================================== */

.mtb {
	--mtb-accent: #00def5;
	position: relative;
	container-type: inline-size;
	background-color: #01090d;
	padding: 22px 20px;
	font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	-webkit-font-smoothing: antialiased;
}
.mtb *, .mtb *::before, .mtb *::after { box-sizing: border-box; }
.mtb .mtb__in { max-width: 1240px; margin: 0 auto; }

.mtb .mtb__i { flex: none; width: 26px; height: 26px; fill: none; stroke: var(--mtb-accent); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 4px rgba(0, 222, 245, .45)); }
.mtb .mtb__i .f { fill: var(--mtb-accent); stroke: none; }
.mtb .mtb__txt b { display: block; font-size: 14.5px; font-weight: 700; line-height: 1.25; color: #fff; letter-spacing: -.005em; }
.mtb .mtb__txt span { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.35; color: #a9b5bc; }

/* ---------------------------------------------------------------- bar */
.mtb--bar .mtb__in {
	display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
	border: 1px solid rgba(80, 205, 235, .24); border-radius: 14px;
	background: linear-gradient(180deg, rgba(6, 30, 42, .8), rgba(2, 15, 22, .9));
	box-shadow: 0 0 24px rgba(0, 190, 230, .08), inset 0 1px 0 rgba(160, 240, 255, .07);
	overflow: hidden;
}
.mtb--bar .mtb__item { position: relative; display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 14px 16px 14px 20px; }
.mtb--bar .mtb__item + .mtb__item::before { content: ""; position: absolute; left: 0; top: 50%; height: 38px; margin-top: -19px; width: 1px; background: rgba(120, 200, 225, .22); }

/* highlighted point (e.g. No Lock-In Contracts on SEO / PPC pages) */
@keyframes mtb-glow { 0%, 100% { box-shadow: inset 0 0 0 1px rgba(90, 230, 255, .7), inset 0 0 22px rgba(0, 222, 245, .18), 0 0 18px rgba(0, 222, 245, .25); } 50% { box-shadow: inset 0 0 0 1px rgba(140, 245, 255, .95), inset 0 0 30px rgba(0, 222, 245, .3), 0 0 30px rgba(0, 222, 245, .45); } }
.mtb--bar .mtb__item.is-hl { background: linear-gradient(180deg, rgba(0, 150, 185, .32), rgba(0, 95, 125, .22)); animation: mtb-glow 2.8s ease-in-out infinite; z-index: 1; }
.mtb--bar .mtb__item.is-hl::before, .mtb--bar .mtb__item.is-hl + .mtb__item::before { display: none; }
.mtb--bar .mtb__item.is-hl .mtb__i { width: 30px; height: 30px; stroke: #9ff8ff; stroke-width: 2.1; }
.mtb--bar .mtb__item.is-hl b { font-size: 15.5px; color: #fff; text-shadow: 0 0 12px rgba(0, 222, 245, .6); }
.mtb--bar .mtb__item.is-hl span { color: #d4f6fb; }

/* ---------------------------------------------------------------- tags */
.mtb--tags { padding: 16px 20px; }
.mtb--tags .mtb__in { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.mtb--tags .mtb__item { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px 0 12px; border: 1px solid rgba(80, 205, 235, .32); border-radius: 99px; background: rgba(3, 22, 30, .75); }
.mtb--tags .mtb__i { width: 18px; height: 18px; }
.mtb--tags .mtb__txt b { font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.mtb--tags .mtb__item.is-hl { border-color: transparent; background: linear-gradient(90deg, #06e3ff, #20c9f0); box-shadow: 0 0 20px rgba(2, 221, 255, .45); }
.mtb--tags .mtb__item.is-hl .mtb__i { stroke: #03181e; filter: none; }
.mtb--tags .mtb__item.is-hl .mtb__i .f { fill: #03181e; }
.mtb--tags .mtb__item.is-hl b { color: #03181e; font-weight: 800; }

@media (prefers-reduced-motion: reduce) { .mtb--bar .mtb__item.is-hl { animation: none; } }

/* ---------------------------------------------------------------- narrow */
@container (max-width: 900px) {
	.mtb--bar .mtb__in { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
	.mtb--bar .mtb__item { min-height: 64px; padding: 12px 14px; }
	.mtb--bar .mtb__item::before { display: none; }
	.mtb--bar .mtb__item { border-top: 1px solid rgba(120, 200, 225, .14); }
	.mtb--bar .mtb__item.is-hl { grid-column: 1 / -1; order: -1; border-top: 0; }
	.mtb--bar .mtb__in:not(:has(.is-hl)) .mtb__item:last-child:nth-child(odd), .mtb--bar .mtb__in:has(.is-hl) .mtb__item:last-child:nth-child(even):not(.is-hl) { grid-column: 1 / -1; }
}
@container (max-width: 420px) {
	.mtb { padding: 18px 14px; }
	.mtb--bar .mtb__txt b { font-size: 13.5px; }
	.mtb--bar .mtb__txt span { font-size: 11.5px; }
	.mtb--tags .mtb__in { gap: 8px; }
	.mtb--tags .mtb__item { height: 34px; padding: 0 12px 0 10px; }
	.mtb--tags .mtb__txt b { font-size: 12.5px; }
}