/* Talk&Go workshop entrance. Every animated layer settles after one short sequence. */
html body #splash.tgo-intro{position:fixed;inset:0;width:auto;height:auto;max-width:none;margin:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 48%,#eee9ff 0,#f7f8fd 46%,#fff 100%)!important;color:#28254e;overflow:hidden;isolation:isolate;transition:opacity .32s ease,visibility .32s;transform:none;padding:20px;box-sizing:border-box}
html[data-tgo-theme=dark] body #splash.tgo-intro{background:radial-gradient(ellipse at 50% 48%,#464766 0,#2e394e 50%,#263144 100%)!important;color:#f6f4ff}
html body #splash.tgo-intro.hide{opacity:0;visibility:hidden;pointer-events:none}
html body #splash.tgo-intro[hidden]{display:none!important}
.tgo-intro-inner{width:min(620px,100%);min-width:0;text-align:center;position:relative}
.tgo-intro-scene{position:relative;height:345px;width:100%;perspective:900px;animation:tgo-impact-shake .32s .57s both}
.tgo-intro-floor{position:absolute;left:14%;right:14%;height:32px;bottom:18px;border-radius:50%;background:radial-gradient(ellipse,#77669e37,transparent 70%);animation:tgo-floor .75s .52s both}
.tgo-intro-impact{position:absolute;left:50%;bottom:26px;width:190px;height:34px;margin-left:-95px;border:3px solid #f4b341;border-radius:50%;animation:tgo-impact-wave .8s .56s both}
.tgo-intro-monitor{position:absolute;left:50%;top:48px;width:320px;height:217px;margin-left:-160px;animation:tgo-screen-assemble .68s .9s cubic-bezier(.16,1,.3,1) both}
.tgo-intro-monitor-frame{position:relative;height:186px;border:8px solid #454165;border-radius:22px;background:linear-gradient(135deg,#ddf5ff,#f1edff 50%,#c5b6fb);box-shadow:inset 0 0 0 2px #ffffff8c,0 18px 55px #726b9e30;overflow:hidden}
.tgo-intro-monitor-frame:before{content:"";position:absolute;inset:10px;border:1px solid #ffffffad;border-radius:10px;background:linear-gradient(135deg,#ffffff80,transparent 60%)}
.tgo-intro-monitor-frame:after{content:"";position:absolute;inset:-80%;background:linear-gradient(105deg,transparent 39%,#ffffffe6 49%,transparent 59%);transform:translateX(-80%);animation:tgo-screen-shine 1s 1.35s both}
.tgo-intro-screen-pixels{position:absolute;left:16px;bottom:15px;display:flex;gap:5px}.tgo-intro-screen-pixels i{width:5px;height:5px;background:#8e80ce;border-radius:50%}
.tgo-intro-monitor-stand{position:absolute;top:186px;left:50%;width:20px;height:24px;background:linear-gradient(90deg,#4e496d,#827d9c,#4e496d);transform:translateX(-50%)}
.tgo-intro-monitor-stand:after{content:"";position:absolute;top:22px;left:-36px;width:92px;height:8px;border-radius:8px;background:linear-gradient(#aaa3be,#5b5578)}
.tgo-intro-logo{position:absolute;z-index:3;left:50%;top:73px;width:245px;height:162px;margin-left:-122.5px;animation:tgo-logo-land .86s cubic-bezier(.22,.7,.35,1) both;filter:drop-shadow(0 12px 12px #2c244c2b)}
.tgo-intro-logo img{width:100%;height:100%;object-fit:contain}
.tgo-intro-tool{position:absolute;z-index:4;top:102px;width:84px;height:190px;filter:drop-shadow(0 12px 10px #34304c28);transform-origin:50% 85%}
.tgo-intro-tool svg{display:block;width:100%;height:100%}
.tgo-intro-tool-left{left:calc(50% - 215px);animation:tgo-tool-left .75s .83s cubic-bezier(.16,1,.3,1) both}
.tgo-intro-tool-right{right:calc(50% - 215px);animation:tgo-tool-right .75s .93s cubic-bezier(.16,1,.3,1) both}
.tgo-intro-spark{position:absolute;width:20px;height:20px;color:#e9a83b;animation:tgo-spark .65s 1.62s both}
.tgo-intro-spark:before,.tgo-intro-spark:after{content:"";position:absolute;background:currentColor;border-radius:5px;inset:8px 0}.tgo-intro-spark:after{transform:rotate(90deg)}
.tgo-intro-spark.one{left:calc(50% - 185px);top:65px}.tgo-intro-spark.two{right:calc(50% - 178px);top:78px;animation-delay:1.72s;color:#9a81dd}.tgo-intro-spark.three{right:calc(50% - 125px);top:272px;width:12px;height:12px;animation-delay:1.82s}
.tgo-intro-caption{animation:tgo-caption-in .5s 1.35s both}.tgo-intro-caption h1{font:800 clamp(25px,5vw,34px)/1.2 Arial,sans-serif;letter-spacing:-1px;margin:0 0 12px}.tgo-intro-caption p{font:700 10px/1.5 Arial,sans-serif;letter-spacing:2.3px;margin:0;opacity:.65}.tgo-intro-caption .tgo-intro-status{display:flex;align-items:center;justify-content:center;gap:10px;font:500 15px/1.5 Arial,sans-serif;letter-spacing:0;margin-top:27px;opacity:.8}.tgo-intro-status i{width:6px;height:6px;border-radius:50%;background:#f2b143;box-shadow:0 0 0 5px #f2b1431b;animation:tgo-ready-pulse 1.5s infinite}
.tgo-intro-track{height:3px;width:155px;margin:19px auto 0;border-radius:4px;background:#8778ac25;overflow:hidden;direction:ltr}.tgo-intro-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8470cf,#f4b341);transform-origin:left;animation:tgo-intro-progress 2.5s ease-out both}
@keyframes tgo-logo-land{0%{transform:translateY(-65vh) rotate(-9deg) scale(.85);opacity:0}12%{opacity:1}65%{transform:translateY(20px) rotate(2deg) scale(1.06,.92)}80%{transform:translateY(-13px) rotate(-1deg) scale(.98,1.02)}100%{transform:translateY(0) rotate(0) scale(1)}}
@keyframes tgo-impact-shake{0%,100%{transform:translate(0)}20%{transform:translate(3px,4px)}40%{transform:translate(-3px,-1px)}65%{transform:translate(2px,2px)}85%{transform:translate(-1px,0)}}
@keyframes tgo-impact-wave{0%{transform:scale(.3);opacity:0}20%{opacity:.65}100%{transform:scale(2.4,1.6);opacity:0}}
@keyframes tgo-floor{from{transform:scale(.4);opacity:0}50%{transform:scale(1.14);opacity:1}to{transform:scale(1)}}
@keyframes tgo-screen-assemble{from{transform:translateY(50px) scale(.68) rotateX(28deg);opacity:0}to{transform:translateY(0) scale(1) rotateX(0);opacity:1}}
@keyframes tgo-screen-shine{to{transform:translateX(80%)}}
@keyframes tgo-tool-left{from{transform:translateX(-55vw) rotate(-75deg);opacity:0}to{transform:translateX(0) rotate(-19deg);opacity:1}}
@keyframes tgo-tool-right{from{transform:translateX(55vw) rotate(75deg);opacity:0}to{transform:translateX(0) rotate(19deg);opacity:1}}
@keyframes tgo-spark{0%,100%{opacity:0;transform:scale(.4) rotate(0)}45%{opacity:1;transform:scale(1) rotate(90deg)}}
@keyframes tgo-caption-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes tgo-intro-progress{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
@keyframes tgo-ready-pulse{50%{opacity:.3}}
html body .tgo-intro.is-still *{animation:none!important}.tgo-intro.is-still .tgo-intro-tool-left{transform:rotate(-19deg)}.tgo-intro.is-still .tgo-intro-tool-right{transform:rotate(19deg)}.tgo-intro.is-still :is(.tgo-intro-impact,.tgo-intro-spark){display:none}.tgo-intro.is-still .tgo-intro-monitor-frame:after{display:none}
@media(max-width:520px){.tgo-intro-inner{display:flex;flex-direction:column;align-items:center}.tgo-intro-scene{flex-shrink:0;width:480px;transform-origin:50% 100%;scale:.72;height:310px;margin-top:-40px}.tgo-intro-caption{margin-top:0}.tgo-intro-caption p{font-size:9px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){html body .tgo-intro *{animation:none!important}.tgo-intro-impact,.tgo-intro-spark,.tgo-intro-monitor-frame:after{display:none}}