/* Techtrust site behaviour styles (paired with techtrust.js; loaded by the Techtrust Site Enhancements plugin).
   Visual/brand styling lives in Appearance > Customize > Additional CSS. */

/* Background layers created by techtrust.js for .tt-bgfx containers */
.tt-bgfx { position: relative; overflow: hidden; isolation: isolate; }
.tt-bgfx.tt-bgfx-on { background-image: none !important; }
.tt-bg-layer { position: absolute; inset: 0; z-index: -2; background-size: cover; background-repeat: no-repeat; transform-origin: center; will-change: transform; pointer-events: none; }
.tt-bgfx::before { z-index: -1 !important; }
.tt-mono .tt-bg-layer, .tt-mono.tt-bgfx:not(.tt-bgfx-on) { filter: grayscale(.9) contrast(1.05); }

/* Scene glow (home hero) */
.tt-scene-glow { position: absolute; inset: 0; z-index: -2; pointer-events: none; mix-blend-mode: screen; opacity: 0; transition: opacity 1.6s cubic-bezier(.2,.7,.2,1); }
.tt-scene-glow i { position: absolute; display: block; }
.tt-scene-glow i:nth-child(1) { left: 6%; top: 10%; width: 28%; height: 42%; background: radial-gradient(closest-side, rgba(255,200,130,.6), rgba(255,200,130,0)); }
.tt-scene-glow i:nth-child(2) { left: 10%; top: 52%; width: 36%; height: 34%; background: radial-gradient(closest-side, rgba(150,170,255,.45), rgba(150,170,255,0)); }
.tt-scene-glow i:nth-child(3) { left: 54%; top: 6%; width: 30%; height: 40%; background: radial-gradient(closest-side, rgba(190,160,255,.4), rgba(190,160,255,0)); }
.tt-scene-glow i:nth-child(4) { left: 76%; top: 26%; width: 22%; height: 40%; background: radial-gradient(closest-side, rgba(255,205,150,.4), rgba(255,205,150,0)); }
.tt-scenes .elementor-button { transition: background .4s ease, color .4s ease, border-color .4s ease; }
.tt-scenes .elementor-button.is-on { background: #F5F3EF !important; color: #121111 !important; border-color: #F5F3EF !important; }

/* Brand marquee */
.tt-marquee { -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.tt-marquee__track { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--column-gap, 64px); width: max-content; flex: none; }
.tt-marquee--static .tt-marquee__track { flex-wrap: wrap; width: auto; padding: 0 clamp(20px, 5vw, 80px); }

@media (prefers-reduced-motion: reduce) {
  .tt-bg-layer, .tt-scene-glow { transition: none !important; }
}