.caps-intro{z-index:1000;color:#f3f7f4;background:#050706;outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.caps-boot-scene{isolation:isolate;width:520px;max-width:94vw;height:310px;animation:.75s steps(12,end) both arrive;position:relative}.capsule-half{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;z-index:2;position:absolute;inset:-45px 0 auto}.capsule-half.left{clip-path:inset(0 50% 0 0);animation:4.4s steps(15,end) both open-left}.capsule-half.right{clip-path:inset(0 0 0 50%);animation:4.4s steps(15,end) both open-right}.boot-agent{object-fit:contain;width:200px;height:200px;image-rendering:pixelated;z-index:1;animation:4.4s steps(12,end) both agent-release;position:absolute;top:-12px;left:calc(50% - 100px)}.capsule-platform{background:#193e2b;border-top:2px solid #8af0b0;width:52%;height:8px;animation:4.4s steps(10,end) both platform;position:absolute;bottom:55px;left:24%;box-shadow:0 6px #0e2117}.release-pixels{pointer-events:none;position:absolute;inset:15% 25%}.release-pixels i{background:#8af0b0;width:5px;height:5px;animation:4.4s steps(10,end) both pixel-release;position:absolute}.release-pixels i:nth-child(2){animation-delay:40ms;top:70%;left:80%}.release-pixels i:nth-child(3){background:#fff;animation-delay:.1s;top:30%;left:40%}.release-pixels i:nth-child(4){background:#d5eade;animation-delay:60ms;top:20%;left:95%}.release-pixels i:nth-child(5){animation-delay:.12s;top:70%;left:10%}.release-pixels i:nth-child(6){background:#f5f8f5;animation-delay:.14s;top:80%;left:50%}.caps-boot-title{text-align:center;animation:4.4s steps(8,end) both boot-label;position:absolute;top:calc(50% + 145px)}.caps-boot-title h1{color:#8af0b0;margin:0;font-size:52px;line-height:1}.caps-boot-title p{margin:12px 0 0;font-size:18px}.caps-intro-controls{gap:10px;display:flex;position:absolute;bottom:34px}.caps-intro-controls button{color:#f3f7f4;background:#101f16;border:1px solid #466454;align-items:center;gap:12px;min-height:42px;padding:10px 16px;font-size:14px;display:flex}.caps-intro-controls button:hover{background:#233d2d}.caps-intro-controls button:focus-visible{outline-offset:4px;outline:2px solid #8af0b0}@keyframes arrive{0%{opacity:0;transform:translateY(-32px)}to{opacity:1;transform:none}}@keyframes open-left{0%,25%{transform:translate(0)}40%,to{transform:translate(-118px)}}@keyframes open-right{0%,25%{transform:translate(0)}40%,to{transform:translate(118px)}}@keyframes agent-release{0%,29%{opacity:0;transform:translateY(42px)scale(.55)}45%,to{opacity:1;transform:translateY(-18px)scale(1)}}@keyframes platform{0%,35%{opacity:0;transform:scaleX(.3)}48%,to{opacity:1;transform:scaleX(1)}}@keyframes pixel-release{0%,30%{opacity:0;transform:translateY(30px)}38%{opacity:1}64%,to{opacity:0;transform:translateY(-50px)}}@keyframes boot-label{0%,48%{opacity:0;transform:translateY(12px)}60%,to{opacity:1;transform:none}}@media (max-width:600px){.caps-boot-scene{width:320px;height:230px}.capsule-half{top:-20px}.boot-agent{width:155px;height:155px;top:0;left:calc(50% - 77.5px)}.capsule-platform{bottom:42px}.caps-boot-title{top:calc(50% + 95px)}.caps-boot-title h1{font-size:42px}.caps-boot-title p{font-size:16px}.caps-intro-controls{bottom:24px}@keyframes open-left{0%,25%{transform:translate(0)}40%,to{transform:translate(-66px)}}@keyframes open-right{0%,25%{transform:translate(0)}40%,to{transform:translate(66px)}}}@media (max-height:500px){.caps-boot-scene{width:320px;height:200px}.capsule-half{top:-20px}.caps-boot-title{top:auto;bottom:65px}.caps-boot-title h1{font-size:30px}.caps-boot-title p{margin-top:5px;font-size:13px}.caps-intro-controls{bottom:12px}.caps-intro-controls button{min-height:34px;padding:6px 12px}}@media (prefers-reduced-motion:reduce){.caps-boot-scene,.capsule-half,.boot-agent,.capsule-platform,.release-pixels i,.caps-boot-title{animation:none!important}.capsule-half.left{transform:translate(-80px)}.capsule-half.right{transform:translate(80px)}.boot-agent{transform:translateY(-18px)}.release-pixels{display:none}}