/* ===== Clean animated logo ===== */
.logo img{box-shadow:none!important;border-radius:0!important;width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(245,130,32,.55));animation:hglow 3.5s ease-in-out infinite}
@keyframes hglow{50%{filter:drop-shadow(0 0 12px rgba(245,130,32,.9))}}
.logo-stage{width:min(480px,100%)}
.logo-stage .halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,rgba(245,130,32,.22),rgba(245,130,32,.06) 45%,transparent 70%);animation:halo 4s ease-in-out infinite}
@keyframes halo{50%{transform:scale(1.08);opacity:.75}}
.logo-stage .ring{border:1.5px dashed rgba(245,130,32,.5)}
.logo-stage .ring.r2{inset:34px}
.logo-stage .ring.r3{inset:-18px;border:1px solid rgba(201,209,220,.12);animation:spin 90s linear infinite}
.orbit{position:absolute;border-radius:50%;animation:spin linear infinite;pointer-events:none}
.orbit i{position:absolute;top:-5px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#f58220;box-shadow:0 0 14px 3px rgba(245,130,32,.8)}
.orbit.o1{inset:0;animation-duration:9s}
.orbit.o2{inset:34px;animation-duration:14s;animation-direction:reverse}
.orbit.o2 i{background:#e6ecf5;box-shadow:0 0 12px 3px rgba(200,220,255,.8);width:8px;height:8px}
.orbit.o3{inset:-18px;animation-duration:22s}
.orbit.o3 i{width:6px;height:6px;background:#ffb15c}
.logo-wrap{position:relative;width:76%;z-index:2;animation:float 6s ease-in-out infinite}
.logo-stage .logo-wrap img{width:100%;border-radius:0!important;box-shadow:none!important;animation:lglow 4s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(245,130,32,.35)) drop-shadow(0 20px 28px rgba(0,0,0,.55))}
@keyframes lglow{50%{filter:drop-shadow(0 0 30px rgba(245,130,32,.65)) drop-shadow(0 20px 28px rgba(0,0,0,.55))}}
.logo-wrap .shine,.logo-wrap .scan{position:absolute;inset:0;pointer-events:none;-webkit-mask:url(logo-clean.png) center/100% 100% no-repeat;mask:url(logo-clean.png) center/100% 100% no-repeat}
.logo-wrap .shine{background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);background-size:300% 100%;mix-blend-mode:screen;animation:shine 5s ease-in-out infinite}
@keyframes shine{0%{background-position:150% 0}55%,100%{background-position:-60% 0}}
.logo-wrap .scan{background:linear-gradient(180deg,transparent 0,transparent 45%,rgba(255,177,92,.0) 46%,rgba(255,177,92,.85) 50%,rgba(255,177,92,0) 54%,transparent 55%);background-size:100% 220%;mix-blend-mode:screen;animation:scan 4s linear infinite}
@keyframes scan{0%{background-position:0 110%}100%{background-position:0 -10%}}
.ttag{position:absolute;z-index:3;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;color:#ffb15c;padding:7px 11px;border-radius:8px;background:rgba(11,15,24,.75);border:1px solid rgba(245,130,32,.45);box-shadow:0 0 18px rgba(245,130,32,.15);animation:bob 5s ease-in-out infinite;white-space:nowrap}
.ttag::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3ddc84;margin-right:7px;box-shadow:0 0 6px #3ddc84;vertical-align:1px}
.ttag.t1{top:6%;left:-4%}
.ttag.t2{top:18%;right:-8%;animation-delay:-1.2s}
.ttag.t3{bottom:20%;left:-10%;animation-delay:-2.4s}
.ttag.t4{bottom:6%;right:-2%;animation-delay:-3.6s}
@keyframes bob{50%{transform:translateY(-10px)}}
@media (max-width:760px){.ttag{display:none}.orbit.o3,.logo-stage .ring.r3{display:none}}

/* ===== Logo colour: Ice Silver-Blue (2026-10-19) ===== */
.logo-wrap,.logo img{filter:hue-rotate(190deg) saturate(.5) brightness(1.15)}
.logo img{animation:none}
.logo .t1 b{color:#93C5FD}
.logo-stage .halo{background:radial-gradient(circle,rgba(147,197,253,.22),rgba(147,197,253,.06) 45%,transparent 70%)}