/* The badge occupies the original logo's footprint. No extra banner or header
   height is needed, and the original link/name remain the accessible identity. */
.robot-brand { position:relative; isolation:isolate; --robot-crest-size:54px; --robot-crest-left:-4px; }
.robot-brand > .monogram { transition:opacity .2s ease; }
.robot-brand > .brand-name { position:relative; z-index:2; transition:color .3s,text-shadow .3s; }
.robot-brand-shell { position:absolute; inset:-8px -11px; pointer-events:none; opacity:0; transition:opacity .2s ease; z-index:-1; }
.robot-brand-panel { position:absolute; inset:0; overflow:hidden; clip-path:polygon(0 7px,7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px)); background:linear-gradient(135deg,#b3c5c966,#82969d22 45%,#6b90976b); }
.robot-brand-panel::before { content:''; position:absolute; inset:1px; clip-path:inherit; background:linear-gradient(105deg,#263e49,#10242e 45%,#102630 79%,#24424b); box-shadow:inset 0 1px #c6d2c821,inset 0 -2px #020d17aa; }
.robot-brand-panel::after { content:''; position:absolute; width:26px; height:2px; background:#dfbd72; top:0; right:14px; box-shadow:-31px 0 #85dfca; }
.robot-brand-panel i { position:absolute; width:2px; height:2px; background:#92a7a9; box-shadow:0 1px #050e16; }
.robot-brand-panel i:nth-child(1) { top:5px;left:5px; }
.robot-brand-panel i:nth-child(2) { top:5px;right:5px; }
.robot-brand-panel i:nth-child(3) { bottom:5px;left:5px; }
.robot-brand-panel i:nth-child(4) { bottom:5px;right:5px; }
.robot-brand-emblem { position:absolute; top:50%; left:calc(11px + var(--robot-crest-left)); width:var(--robot-crest-size); height:var(--robot-crest-size); transform:translateY(-50%); }
.robot-brand-crest { display:block; width:100%; height:100%; overflow:visible; filter:drop-shadow(0 2px 1px #010c17b3); }
.robot-brand-scan { position:absolute; top:1px; left:0; bottom:1px; width:17px; opacity:0; background:linear-gradient(90deg,transparent,#bdfde324,transparent); border-right:1px solid #beffec7a; }
.robot-brand-on > .monogram { opacity:0; }
.robot-brand-on > .brand-name { color:#f0f2dd; text-shadow:0 1px 0 #050f17,0 0 18px #92dfce1a; }
.robot-brand-on > .brand-name small { color:#a9c8ce!important; }
.robot-brand-on > .robot-brand-shell { opacity:1; }
.robot-brand-on .robot-brand-panel { animation:robot-brand-panel-in .55s cubic-bezier(.17,.8,.28,1) both; }
.robot-brand-on .robot-brand-antenna { animation:robot-brand-antenna-in .65s cubic-bezier(.2,.8,.25,1) both; }
.robot-brand-on .robot-brand-ear-left { animation:robot-brand-ear-left-in .62s cubic-bezier(.2,.8,.25,1) both; }
.robot-brand-on .robot-brand-ear-right { animation:robot-brand-ear-right-in .62s cubic-bezier(.2,.8,.25,1) both; }
.robot-brand-on .robot-brand-eyes { animation:robot-brand-boot .9s ease-out both; filter:drop-shadow(0 0 2px #80ffe499); }
.robot-brand-on .robot-brand-scan { animation:robot-brand-scan-in 1s .15s ease-in-out both; }
.service-footer .robot-brand { --robot-crest-size:44px; --robot-crest-left:-5px; }
.service-footer .robot-brand-shell { inset:-7px -10px; }
@keyframes robot-brand-panel-in { from { clip-path:polygon(0 50%,7px 50%,calc(100% - 7px) 50%,100% 50%,100% 50%,calc(100% - 7px) 50%,7px 50%,0 50%);opacity:0; } to { opacity:1; } }
@keyframes robot-brand-antenna-in { from { transform:translateY(-7px);opacity:0; } to { transform:translateY(0);opacity:1; } }
@keyframes robot-brand-ear-left-in { from { transform:translateX(-7px);opacity:0; } to { transform:translateX(0);opacity:1; } }
@keyframes robot-brand-ear-right-in { from { transform:translateX(7px);opacity:0; } to { transform:translateX(0);opacity:1; } }
@keyframes robot-brand-boot { 0%,30% { opacity:.08; } 38% { opacity:.9; } 44% { opacity:.22; } 63%,100% { opacity:1; } }
@keyframes robot-brand-scan-in { 0% { left:0;opacity:0; } 17%,65% { opacity:1; } 100% { left:calc(100% - 18px);opacity:0; } }
@media(max-width:1000px) { .site-header .robot-brand { --robot-crest-size:48px; } }
@media(max-width:760px) { .site-header .robot-brand { --robot-crest-size:44px;--robot-crest-left:-4px; } .service-footer .robot-brand { --robot-crest-size:38px;--robot-crest-left:-4px; } .robot-brand-shell { inset:-7px -9px; } .robot-brand-emblem { left:calc(9px + var(--robot-crest-left)); } }
@media(max-width:400px) { .site-header .robot-brand { --robot-crest-size:40px; } }
@media(prefers-reduced-motion:reduce) {
  .robot-brand > .monogram,.robot-brand > .brand-name,.robot-brand-shell { transition:none; }
  .robot-brand-on :is(.robot-brand-panel,.robot-brand-antenna,.robot-brand-ear-left,.robot-brand-ear-right,.robot-brand-eyes,.robot-brand-scan) { animation:none; }
  .robot-brand-scan { display:none; }
}