#tk-intro{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;padding:24px;background:#141413;color:#faf9f7;overflow:auto}
#tk-intro::backdrop{background:#141413}
#tk-intro .intro-shell{max-width:680px;min-height:calc(100dvh - 48px);margin:auto;display:flex;flex-direction:column}
#tk-intro .intro-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font:700 12px Arial,sans-serif;letter-spacing:2px}
#tk-intro button{min-height:44px;cursor:pointer}
#tk-intro .intro-skip{border:0;background:transparent;color:inherit;padding:8px 0;letter-spacing:0;font:16px Arial,sans-serif}
#tk-intro .intro-message{margin:auto 0;padding:40px 0}
#tk-intro h2{font-family:Bebas,Impact,sans-serif;font-size:clamp(48px,13.8vw,94px);font-weight:700;line-height:1.02;letter-spacing:-1px}
#tk-intro h2 span{display:block;animation:tk-intro-enter .45s both}
#tk-intro h2 span:nth-child(2){animation-delay:.12s}
#tk-intro h2 span:nth-child(3){color:#ef4934;animation-delay:.24s}
#tk-intro .intro-copy{font:16px/1.6 Arial,sans-serif;text-align:left;font-weight:400;margin:28px 0 0;max-width:550px;color:#e2e0da}
#tk-intro .intro-go{width:100%;background:#df3c28;color:white;border:0;border-radius:6px;font:700 18px Arial,sans-serif;padding:18px}
#tk-intro .intro-demo{font:12px/1.5 Arial,sans-serif;text-align:left;color:#c5c2bc;margin:12px 0 8px}
#tk-intro button:focus-visible{outline:3px solid white;outline-offset:4px}
@keyframes tk-intro-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#tk-intro h2 span{animation:none}}
