.brand-icon{--ic-acc: hsl(var(--brand-cyan));overflow:visible}.brand-icon .ic-fill{fill:currentColor;fill-opacity:.14;stroke:none}.brand-icon .ic-dot{fill:currentColor;stroke:none}.brand-icon .ic-acc{stroke:var(--ic-acc)}.brand-icon .ic-acc-strong{stroke-width:2.1}.brand-icon .ic-acc-fill{fill:var(--ic-acc);stroke:none}.brand-icon [class*=ic-anim]{transform-box:fill-box;transform-origin:center}:where(.btn-brand,.bg-brand-blue,.bg-primary,.bg-destructive,[data-variant=default],button[class*=bg-brand-blue],a[class*=bg-brand-blue]) .brand-icon{--ic-acc: currentColor}:where(.btn-brand,.bg-brand-blue,.bg-primary,.bg-destructive) .brand-icon .ic-fill{fill-opacity:.22}.brand-icon:is(.h-3,.h-3\.5,.h-4,.w-4) .ic-fill{fill-opacity:.1}.brand-tile{position:relative;display:inline-flex;width:3.5rem;height:3.5rem;flex:none;align-items:center;justify-content:center;border-radius:1rem;background:linear-gradient(150deg,hsl(var(--brand-blue) / .13),hsl(var(--brand-cyan) / .09));box-shadow:inset 0 0 0 1px hsl(var(--brand-blue) / .15),inset 0 1px #ffffffa6,0 10px 22px -16px hsl(var(--brand-blue) / .55);color:hsl(var(--brand-blue))}.brand-tile svg{width:1.75rem;height:1.75rem}.brand-tile--lg{width:4rem;height:4rem;border-radius:1.15rem}.brand-tile--lg svg{width:2rem;height:2rem}.brand-tile:after{content:"";position:absolute;top:.3rem;right:.3rem;width:.55rem;height:.55rem;background:hsl(var(--brand-cyan));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6l6 6-6 6M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6l6 6-6 6M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;opacity:.7}.brand-tile--dark,.dark .brand-tile{background:linear-gradient(150deg,#ffffff1a,hsl(var(--brand-cyan) / .08));box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff1f;color:hsl(var(--brand-cyan))}.brand-tile--dark .brand-icon,.dark .brand-tile .brand-icon{--ic-acc: #fff}@media(hover:hover)and (pointer:fine){.brand-tile,.brand-tile svg{transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .45s var(--ease-spring, ease-out)}:is(.svc-card,[data-tile-host]):hover .brand-tile{background:linear-gradient(150deg,hsl(var(--brand-navy)),#11325f);box-shadow:inset 0 0 0 1px hsl(var(--brand-cyan) / .35),0 14px 26px -14px hsl(var(--brand-blue) / .8);color:#fff}:is(.svc-card,[data-tile-host]):hover .brand-tile .brand-icon{--ic-acc: hsl(var(--brand-cyan))}:is(.svc-card,[data-tile-host]):hover .brand-tile--dark{background:hsl(var(--brand-cyan));color:hsl(var(--brand-navy))}:is(.svc-card,[data-tile-host]):hover .brand-tile--dark .brand-icon{--ic-acc: hsl(var(--brand-navy))}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){:is(.svc-card,[data-tile-host]):hover .brand-tile svg{transform:translateY(-1px) scale(1.06)}}