.binary-field{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}
.eyes-canvas{z-index:10;width:100%;height:100%;display:block;position:absolute;inset:0}.bug-canvas{z-index:30;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}
:root{--pf-bit-font:clamp(.7rem, 1.6vw, .9rem);--pf-bit-row:calc(var(--pf-bit-font) * 1.2);--pf-strip-row:2;--pf-strip-pad:.85rem;--pf-strip-bottom:calc(var(--pf-bit-row) * (var(--pf-strip-row) + .5) - var(--pf-strip-pad) - var(--pf-bit-font) / 2);--pf-caption-row:calc(var(--pf-strip-row) + 3);--pf-caption-bottom:calc(var(--pf-caption-row) * var(--pf-bit-row))}@keyframes pf-ripple-enter{0%{opacity:0}22%{opacity:1}50%{opacity:.15}78%{opacity:1}to{opacity:1}}
:root{--intro-start:.3s;--replace-base:3.5s;--replace-step:.22s;--shrink-start:calc(var(--intro-start) + var(--replace-base) + 6 * var(--replace-step) + .54s)}@keyframes blk4{0%{transform:translate(-60px)}to{transform:none}}@keyframes blk5{0%{transform:translateY(-60px)}to{transform:none}}@keyframes blk6{0%{transform:translate(60px)}to{transform:none}}.blk-4{animation:blk4 .15s cubic-bezier(.22, 1, .36, 1) calc(var(--intro-start) + .15s) both}.blk-5{animation:blk5 .15s cubic-bezier(.22, 1, .36, 1) calc(var(--intro-start) + .28s) both}.blk-6{animation:blk6 .15s cubic-bezier(.22, 1, .36, 1) calc(var(--intro-start) + .41s) both}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}.blk-center{transform-box:fill-box;transform-origin:50%;opacity:1;animation:pop-in .15s cubic-bezier(.22, 1, .36, 1) calc(var(--intro-start) + .56s) both}.box0-weld{opacity:0;animation:fade-in .15s ease calc(var(--intro-start) + .56s) both}@keyframes d-logo{0%{opacity:0}18%{opacity:1}82%{opacity:1}to{opacity:0}}.d-logo{opacity:0;animation:d-logo .65s ease calc(var(--intro-start) + .72s) both}@keyframes logo-place{0%{transform:var(--logo-from,translate(630px, 0))}to{transform:none}}.logo-group{--logo-from:translate(630px, 0);animation:logo-place .35s cubic-bezier(.22, 1, .36, 1) calc(var(--intro-start) + .92s) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.letter-0{opacity:1;animation:fade-in .2s ease calc(var(--intro-start) + 1.35s) both}@keyframes box-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.box-appear{transform-box:fill-box;transform-origin:50%;opacity:1;animation:box-pop .13s cubic-bezier(.22, 1, .36, 1) calc(var(--intro-start) + 1.4s + (var(--i) - 1) * .26s) both}@keyframes d-blink{0%{opacity:0}25%{opacity:1}55%{opacity:1}85%{opacity:0}to{opacity:0}}.d-blink{opacity:0;animation:d-blink .26s ease calc(var(--intro-start) + 1.4s + (var(--i) - 1) * .26s + 60ms) both}.letter-in{opacity:1;animation:fade-in .14s ease calc(var(--intro-start) + 1.4s + (var(--i) - 1) * .26s + .22s) both}.box-cover{opacity:1;animation:fade-in .13s ease calc(var(--intro-start) + var(--replace-base) + var(--i) * var(--replace-step)) both}.d-blink-2{opacity:0;animation:d-blink .26s ease calc(var(--intro-start) + var(--replace-base) + var(--i) * var(--replace-step) + 60ms) both}.letter-in-2{opacity:1;animation:fade-in .14s ease calc(var(--intro-start) + var(--replace-base) + var(--i) * var(--replace-step) + .22s) both}@keyframes word-shrink{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.word-shrink{transform-box:view-box;transform-origin:50%;animation:word-shrink .1s ease var(--shrink-start) forwards}@media (prefers-reduced-motion:reduce){.blk-4,.blk-5,.blk-6,.blk-center,.box0-weld,.d-logo,.logo-group,.letter-0,.box-appear,.d-blink,.letter-in,.box-cover,.d-blink-2,.letter-in-2,.word-shrink{animation:none}.d-logo,.d-blink,.d-blink-2{opacity:0}.letter-0,.box-appear,.letter-in,.blk-center,.box0-weld,.box-cover,.letter-in-2{opacity:1}}