/* Shared KI16 entrance: used by intake and About. */
.ki-arrival{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:#070e16;overflow:hidden;animation:arrival-exit .55s cubic-bezier(.65,0,.35,1) 1.2s both}
.arrival-halo{position:absolute;width:min(85vw,680px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#147d8629,transparent 65%);animation:arrival-halo 1.5s ease-out both}
.arrival-emblem{width:100px;height:100px;position:relative;margin-bottom:32px}.arrival-emblem svg{position:relative;width:100%;height:100%;z-index:1;overflow:visible}.arrival-mark{animation:arrival-mark .65s cubic-bezier(.16,1,.3,1) both;transform-origin:center}.arrival-dot{animation:arrival-dot 1.2s ease-out both;transform-origin:24px 5.5px;filter:drop-shadow(0 0 5px #00dcff)}
.arrival-orbit{position:absolute;inset:-40px;border:1px solid #77c9cf26;border-radius:50%;transform:rotate(-35deg) scaleY(.6);animation:arrival-orbit 1.4s ease-out both}.arrival-orbit.second{inset:-55px;transform:rotate(55deg) scaleY(.6);animation-name:arrival-orbit-second;border-color:#b7d7c51c}
.arrival-wordmark{position:relative;font-size:14px;font-weight:500;letter-spacing:6px;margin-left:6px;animation:arrival-type .6s ease-out .18s both}.arrival-caption{font-size:8px;letter-spacing:3px;color:#8ab8bd;margin-top:15px;animation:arrival-type .6s ease-out .3s both}
.arrival-line{width:120px;height:1px;margin-top:32px;background:linear-gradient(90deg,transparent,#53d8de,transparent);transform-origin:left;animation:arrival-line 1s ease-in-out both}
@keyframes arrival-exit{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}
@keyframes arrival-mark{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes arrival-dot{0%{opacity:0;transform:translate(75px,-40px) scale(.3)}40%{opacity:1;transform:translate(0,0) scale(1.35)}65%,100%{opacity:1;transform:scale(1)}}
@keyframes arrival-orbit{from{opacity:0;transform:rotate(-80deg) scaleY(.6) scale(.75)}to{opacity:1;transform:rotate(-35deg) scaleY(.6)}}
@keyframes arrival-orbit-second{from{opacity:0;transform:rotate(100deg) scaleY(.6) scale(.75)}to{opacity:1;transform:rotate(55deg) scaleY(.6)}}
@keyframes arrival-type{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes arrival-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes arrival-halo{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1.15)}}
body:has(:focus-visible) .ki-arrival{display:none}
.arrival-dot{transform-origin:172px 134.5px;filter:none}
@keyframes arrival-mark{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes arrival-dot{0%{opacity:0;transform:translate(200px,-110px)}45%,100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.ki-arrival{display:none}}