/* Shared 1stX signature. Each diagonal remains an independent vector. */
a.brand {color:#173c91;gap:0;white-space:nowrap;align-items:baseline}
.signature .brand-x, a.brand .brand-x {display:inline-block;width:.72em;height:.82em;margin-left:.045em;overflow:visible;flex-shrink:0;align-self:center}
.brand-x .x-stroke {transform-origin:15px 17px;animation:brand-turn 8s cubic-bezier(.65,0,.25,1) infinite}
.brand-x .x-stroke-a {fill:#173c91}
.brand-x .x-stroke-b {fill:#ef794b;animation-name:brand-counterturn}
.signature .brand-dot, a.brand .brand-dot {display:inline-block;width:.16em;height:.16em;margin-left:.1em;border-radius:50%;background:#ef794b;animation:brand-blink 3.2s ease-in-out infinite;flex-shrink:0}
.brand:hover .brand-x,.brand:focus-visible .brand-x {transform:rotate(180deg);transition:transform .85s cubic-bezier(.22,1,.36,1)}
@keyframes brand-turn {0%,12%,100% {transform:rotate(0deg)} 28%,36% {transform:rotate(180deg)} 52%,90% {transform:rotate(360deg)}}
@keyframes brand-counterturn {0%,12%,100% {transform:rotate(0deg)} 28%,36% {transform:rotate(-180deg)} 52%,90% {transform:rotate(-360deg)}}
@keyframes brand-blink {0%,38%,68%,100% {opacity:1} 50% {opacity:.18} 58% {opacity:1}}
@media(prefers-reduced-motion:reduce) {.brand-x .x-stroke,.signature .brand-dot, a.brand .brand-dot {animation:none}.brand:hover .brand-x,.brand:focus-visible .brand-x {transform:none;transition:none}}

.signature {display:inline-flex;align-items:baseline;font-size:inherit;font-weight:800;letter-spacing:-.07em;line-height:1;color:#173c91;white-space:nowrap}.av-core .signature {font-size:48px}.signature .brand-x {align-self:center}.signature .brand-dot {animation:none}.signature .x-stroke {animation:none}

/* Reverse signature on the dark integration hub. */
.av-core .signature {color:#fff}
.av-core .signature .x-stroke-a {fill:#fff}