.beep-intro{z-index:1000;color:#f0fff5;background:#030705;outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.beep-boot-scene{isolation:isolate;width:430px;max-width:94vw;height:370px;margin-top:-80px;position:relative}.pager-motion{aspect-ratio:5/4;width:100%;animation:4.4s steps(18,end) both pager-arrive;position:absolute;inset:0 auto auto 0}.boot-beep{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.pager-message{color:#9bf4b9;justify-content:center;align-items:center;gap:3px;width:46%;height:24%;font-size:34px;display:flex;position:absolute;top:34.5%;left:26%}.pager-message span{opacity:0;animation:4.4s step-end both pager-letter;animation-delay:calc(var(--letter)*.14s)}.boot-agent{width:19%;height:auto;image-rendering:pixelated;z-index:3;animation:4.4s steps(12,end) both pager-agent;position:absolute;top:285px;left:40.5%}.beep-boot-title{text-align:center;animation:4.4s steps(8,end) both pager-title;position:absolute;top:calc(50% + 165px)}.beep-boot-title h1{color:#9bf4b9;margin:0;font-size:52px;line-height:1}.beep-boot-title p{margin:12px 0 0;font-size:18px}.beep-intro-controls{gap:10px;display:flex;position:absolute;bottom:30px}.beep-intro-controls button{color:#f0fff5;background:#142c1d;border:1px solid #739c7f;align-items:center;gap:12px;min-height:42px;padding:10px 16px;font-size:14px;display:flex}.beep-intro-controls button:hover{background:#2e4e38}.beep-intro-controls button:focus-visible{outline-offset:4px;outline:2px solid #9bf4b9}@keyframes pager-arrive{0%{opacity:0;transform:translateY(-100px)scale(.8)}12%{opacity:1}22%{transform:rotate(-4deg)}28%{transform:rotate(4deg)}34%{transform:rotate(-3deg)}42%,to{transform:none}}@keyframes pager-letter{0%,37%{opacity:0}43%,to{opacity:1}}@keyframes pager-agent{0%,58%{opacity:0;transform:translateY(15px)}77%,to{opacity:1;transform:none}}@keyframes pager-title{0%,73%{opacity:0;transform:translateY(8px)}87%,to{opacity:1;transform:none}}@media (max-width:600px){.beep-boot-scene{width:320px;height:290px;margin-top:-70px}.boot-agent{top:213px}.pager-message{font-size:26px}.beep-boot-title{top:calc(50% + 120px)}.beep-boot-title h1{font-size:40px}.beep-boot-title p{font-size:16px}.beep-intro-controls{bottom:24px}}@media (max-height:500px){.beep-intro{justify-content:flex-start}.beep-boot-scene{width:250px;height:218px;margin-top:0}.boot-agent{top:166px}.pager-message{font-size:21px}.beep-boot-title{top:auto;bottom:62px}.beep-boot-title h1{font-size:29px}.beep-boot-title p{margin-top:5px;font-size:13px}.beep-intro-controls{bottom:10px}.beep-intro-controls button{min-height:34px;padding:6px 12px}}@media (prefers-reduced-motion:reduce){.pager-motion,.pager-message span,.boot-agent,.beep-boot-title{animation:none!important}.pager-message span,.boot-agent{opacity:1}}