.boot-intro{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;box-shadow:none;background:#10180f;color:#d4e7ba;overflow:auto;outline:0}
.boot-intro::backdrop{background:#10180f}.boot-intro[open]{display:grid;place-items:center;background-image:radial-gradient(#c6fa6317 .7px,transparent .7px);background-size:6px 6px}
.boot-shell{width:min(100%,590px);border:1px solid #668244;background:#182113;box-shadow:8px 8px 0 #090f08;position:relative;animation:boot-frame .35s steps(5,end) both}
.boot-topline{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid #3f512f;font:9px Plex,monospace;letter-spacing:1px;color:#abc18f}.boot-topline span:first-child{color:#c6fa63}.boot-topline i{display:inline-block;width:6px;height:6px;background:#c6fa63;margin-right:9px}
.boot-scene{position:relative;margin:28px auto 18px;width:220px;height:220px;border:1px solid #3c542a;border-radius:50%;background-image:linear-gradient(#b4d78c12 1px,transparent 1px),linear-gradient(90deg,#b4d78c12 1px,transparent 1px);background-size:22px 22px}
.boot-scene:before,.boot-scene:after{content:"";position:absolute;inset:24px;border:1px solid #66824480;border-radius:50%}.boot-scene:after{inset:50px;border-style:dashed;border-color:#647d424d}
.boot-sweep{position:absolute;inset:1px;border-radius:50%;background:conic-gradient(from 0deg,transparent 230deg,#b3ed5638 330deg,#c6fa6380 359deg,transparent 360deg);animation:boot-scan 2.35s linear both;transform:rotate(-70deg)}
.boot-cross{position:absolute;inset:50% 0 auto;height:1px;background:#58753750}.boot-cross.vertical{inset:0 auto 0 50%;width:1px;height:auto}
.boot-mark{position:absolute;inset:0;display:grid;place-items:center;z-index:1}.boot-mark img{width:78px;height:78px;image-rendering:pixelated;box-shadow:0 0 40px #c6fa6320;animation:boot-logo .6s steps(6,end) .15s both}
.boot-contact{position:absolute;z-index:2;width:8px;height:8px;background:#c6fa63;box-shadow:0 0 0 4px #c6fa631b;animation:boot-contact .25s steps(2,end) both}.boot-contact.a{left:45px;top:38px;animation-delay:.6s}.boot-contact.b{right:27px;top:103px;background:#b7c7ff;animation-delay:1s}.boot-contact.c{bottom:27px;left:84px;background:#d5b0ff;animation-delay:1.4s}
.boot-brand{text-align:center;animation:boot-label .4s steps(5,end) .3s both}.boot-brand h2{font:700 clamp(34px,7vw,45px)/1 Plex,monospace;letter-spacing:-2px;color:#c6fa63;margin:0}.boot-brand h2 span{font-size:.63em;font-weight:400;color:#9bb582;letter-spacing:-1px}.boot-brand p{font:8px/1.6 Plex,monospace;letter-spacing:2px;margin:14px 12px 0;color:#a0b58a}
.boot-roles{display:flex;justify-content:center;gap:26px;margin:25px 0 24px;font:8px Plex,monospace;letter-spacing:1px;color:#a2b98a}.boot-roles span{animation:boot-label .3s steps(3,end) both}.boot-roles span:nth-child(1){animation-delay:.65s}.boot-roles span:nth-child(2){animation-delay:1.05s}.boot-roles span:nth-child(3){animation-delay:1.45s}.boot-roles i{display:inline-block;width:5px;height:5px;background:#c6fa63;margin-right:6px}.boot-roles span:nth-child(2) i{background:#b7c7ff}.boot-roles span:nth-child(3) i{background:#d5b0ff}
.boot-ruler{height:6px;margin:0 22px 20px;background:repeating-linear-gradient(90deg,#304422 0 8px,transparent 8px 12px);position:relative;overflow:hidden}.boot-ruler:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#a5d65b 0 8px,transparent 8px 12px);transform-origin:left;animation:boot-line 2.1s steps(36,end) .2s both}
.boot-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-top:1px solid #3f512f}.boot-bottom>span{font:8px/1.5 Plex,monospace;letter-spacing:.5px;color:#879e70}.boot-skip{font:10px Plex,monospace;background:#25351a;color:#c6fa63;border:1px solid #668244;padding:8px 12px;min-height:36px}.boot-skip:hover{background:#354b24}.boot-skip:focus-visible{outline:2px solid #c6fa63;outline-offset:3px}
html.boot-active{overflow:hidden}.boot-reveal .os-bar{animation:boot-page .3s ease-out both}.boot-reveal main{animation:boot-page .45s ease-out both}.boot-reveal .live-grid{animation:boot-page .45s ease-out .07s both}
@keyframes boot-frame{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes boot-scan{to{transform:rotate(350deg)}}@keyframes boot-logo{from{opacity:0;transform:scale(.72);clip-path:inset(0 0 100%)}to{opacity:1;transform:scale(1);clip-path:inset(0)}}@keyframes boot-contact{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes boot-label{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes boot-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes boot-page{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:480px){.boot-intro{padding:19px}.boot-topline{font-size:7px;padding:12px;letter-spacing:.6px}.boot-scene{width:190px;height:190px;margin-top:24px}.boot-mark img{width:66px;height:66px}.boot-bottom{padding:12px}.boot-bottom>span{font-size:7px}.boot-roles{gap:18px}.boot-brand p{font-size:7px;letter-spacing:1px}}
@media(max-height:610px) and (min-width:481px){.boot-scene{width:160px;height:160px;margin:14px auto}.boot-mark img{width:58px;height:58px}.boot-roles{margin:14px 0}.boot-brand h2{font-size:32px}.boot-brand p{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.boot-intro{display:none!important}.boot-reveal .os-bar,.boot-reveal main,.boot-reveal .live-grid{animation:none}}