/* Bitaxa signal — a slow product pulse that returns every three seconds. */
.brand { position:relative; isolation:isolate; }
.brand::before { content:''; position:absolute; z-index:-1; left:-9px; top:50%; width:56px; height:56px; border:1px solid rgba(31,98,87,.38); border-radius:50%; opacity:0; transform:translateY(-50%) scale(.48); animation:bitaxa-signal 3s cubic-bezier(.35,.05,.2,1) infinite; pointer-events:none; }
.brand::after { content:''; position:absolute; left:29px; top:8px; width:7px; height:7px; border:2px solid var(--paper,#f6f4ee); border-radius:50%; background:var(--lime,#d8f45e); box-shadow:0 0 0 0 rgba(216,244,94,.65); animation:bitaxa-beacon 3s ease-in-out infinite; pointer-events:none; }
.brand img { animation:bitaxa-mark-shift 3s ease-in-out infinite; transform-origin:center; }

@keyframes bitaxa-signal { 0%,10% { opacity:0; transform:translateY(-50%) scale(.48); } 22% { opacity:.72; } 76% { opacity:0; transform:translateY(-50%) scale(1.35); } 77%,100% { opacity:0; transform:translateY(-50%) scale(.48); } }
@keyframes bitaxa-beacon { 0%,11%,100% { transform:scale(1); box-shadow:0 0 0 0 rgba(216,244,94,0); } 17% { transform:scale(1.15); box-shadow:0 0 0 7px rgba(216,244,94,.22); } 29% { transform:scale(1); box-shadow:0 0 0 13px rgba(216,244,94,0); } }
@keyframes bitaxa-mark-shift { 0%,12%,100% { transform:rotate(0) scale(1); } 18% { transform:rotate(-5deg) scale(1.04); } 29% { transform:rotate(3deg) scale(1.02); } 40% { transform:rotate(0) scale(1); } }

@media (prefers-reduced-motion:reduce) { .brand::before,.brand::after,.brand img { animation:none; } }