.theo-intro{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:linear-gradient(145deg,#10273e,#1d4665);color:#fff;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.theo-intro[open]{display:grid;place-items:center;animation:theo-intro-in .25s ease-out}
.theo-intro::backdrop{background:#10273e}
.theo-intro-scene{width:min(100%,460px);padding:30px;text-align:center;box-sizing:border-box}
.theo-intro-mascot{width:112px;margin:0 auto 20px;animation:theo-mascot-enter .5s cubic-bezier(.2,.7,.2,1) both}
.theo-intro-mascot svg,.theo-intro-mascot img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px #0002)}
.theo-intro-word{display:flex;justify-content:center;gap:4px;font-size:44px;letter-spacing:5px;font-weight:750;color:#fff}
.theo-intro-word span{display:inline-block;animation:theo-letter .45s both;animation-delay:calc(var(--i)*.045s)}
.theo-intro-subtitle{font-size:12px;color:#b2c9dc;margin:10px auto 24px;line-height:1.5}
.theo-intro-scene h2{font-size:24px;margin:0 0 10px;color:#fff;letter-spacing:-.4px}
.theo-intro-tagline{color:#c8d9e6;font-size:13px;margin:0;line-height:1.5}
.theo-intro-scene button{display:block;margin:20px auto 0;padding:10px 16px;min-height:44px;border:0;border-radius:8px;background:transparent;color:#c8d9e6;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;touch-action:manipulation}
.theo-intro-scene button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes theo-intro-in{from{opacity:0}to{opacity:1}}
@keyframes theo-mascot-enter{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes theo-letter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.theo-intro *,.theo-intro{animation:none!important}.theo-intro-reveal{display:none}}