/* Startup branding is decorative and never blocks input or keyboard navigation. */
.brand-boot{position:fixed;inset:0;z-index:9999;display:none;place-items:center;pointer-events:none;background:var(--boot-bg);color:var(--boot-text);opacity:1;transition:opacity .28s ease,visibility .28s ease}
.brand-boot.is-visible{display:grid}
.brand-boot.is-leaving{opacity:0;visibility:hidden}
.brand-boot__content{text-align:center;padding:24px;animation:brand-arrive .55s ease both}
.brand-boot__mark{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:0 auto 24px}
.brand-boot__mark:before{content:"";position:absolute;inset:-18px;border-radius:50%;background:radial-gradient(circle,var(--boot-glow),transparent 70%);animation:brand-glow 1.4s ease-in-out infinite alternate}
.brand-boot__mark img{position:relative;width:92px;height:92px;object-fit:contain;animation:brand-float 1.4s ease-in-out infinite alternate}
.brand-boot__mark svg{position:relative;width:94px;height:94px;overflow:visible}
.brand-boot__mark rect{transform-box:fill-box;transform-origin:center bottom;animation:brand-tower .65s cubic-bezier(.2,.8,.2,1) both}
.brand-boot__mark rect:nth-child(2){animation-delay:.12s}
.brand-boot__mark rect:nth-child(3){animation-delay:.24s}
.brand-boot__name{font:600 clamp(20px,5vw,27px)/1.2 system-ui,sans-serif;letter-spacing:.12em}
.brand-boot__caption{font:500 10px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.34em;opacity:.65;margin-top:10px}
.brand-boot__track{width:88px;height:2px;background:var(--boot-track);overflow:hidden;margin:26px auto 0;border-radius:4px}
.brand-boot__track:after{content:"";display:block;width:45%;height:100%;background:var(--boot-accent);animation:brand-progress 1s ease-in-out infinite}
@keyframes brand-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes brand-tower{from{opacity:0;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}
@keyframes brand-glow{from{opacity:.4;transform:scale(.85)}to{opacity:.8;transform:scale(1.12)}}
@keyframes brand-float{from{transform:translateY(2px)}to{transform:translateY(-3px)}}
@keyframes brand-progress{from{transform:translateX(-110%)}to{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.brand-boot{display:none!important}.brand-boot *,.brand-boot:before{animation:none!important;transition:none!important}}