#boot{position:absolute;inset:0;z-index:900;background:#F9F1E8;overflow:hidden;
  transition:opacity .34s ease;}
#boot.gone{opacity:0;pointer-events:none}
.boot-grid{position:absolute;inset:0;opacity:0;animation:bootFade .9s .1s ease-out forwards;
  background-image:linear-gradient(rgba(36,78,198,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(36,78,198,.05) 1px,transparent 1px);
  background-size:44px 44px;background-position:center}
.boot-lockup{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;padding:0 40px;transform:translateY(-30px)}
.boot-logo{width:168px;height:auto;position:relative;opacity:0;transform:scale(.9);
  animation:bootLogo .8s .2s cubic-bezier(.2,.7,.3,1) forwards;
  filter:drop-shadow(0 2px 10px rgba(36,78,198,.12))}
@keyframes bootLogo{to{opacity:1;transform:scale(1)}}
.boot-word{margin-top:24px;font-size:26px;font-weight:700;letter-spacing:.42em;text-indent:.42em;
  color:#1B3A96;opacity:0;animation:bootTrack .9s .55s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes bootTrack{from{opacity:0;letter-spacing:.85em}to{opacity:1;letter-spacing:.42em}}
.boot-sub{margin-top:12px;font:500 9.5px/1.5 "JetBrains Mono",monospace;letter-spacing:.22em;
  color:rgba(27,58,150,.62);opacity:0;animation:bootFade .8s .8s ease-out forwards}
@keyframes bootFade{to{opacity:1}}