/* Brand motion only. Never used to illustrate a coaching route. */
.loading-screen { background:#151619; color:#f7f7f7; gap:0; overflow:hidden; transition:opacity .22s ease,visibility .22s; --intro-time:1.8s; }
.startup-scene { width:min(560px,88vw); height:150px; position:relative; }
.startup-car { position:absolute; width:180px; height:180px; left:calc(50% - 90px); top:-10px; animation:startup-drift var(--intro-time) cubic-bezier(.2,.65,.3,1) both; }
.startup-car img { width:100%; height:100%; object-fit:contain; transform:scaleX(-1) rotate(20deg); filter:drop-shadow(0 10px 15px #0008); }
.startup-trail { position:absolute; top:105px; left:8%; width:84%; height:14px; border-block:2px solid #080809; transform:rotate(-3deg); animation:startup-trail var(--intro-time) ease-out both; }
.startup-trail::after { content:''; position:absolute; inset:-20px 0; background:linear-gradient(90deg,transparent,#7b7d8225,transparent); filter:blur(12px); }
.loading-screen .loading-copy { gap:16px; }
.loading-screen .startup-word { font-family:'Segoe UI',sans-serif; font-size:clamp(42px,8vw,70px); font-weight:750; letter-spacing:-.06em; line-height:1.1; animation:startup-reveal var(--intro-time) ease-out both; }
.loading-screen .loading-copy span { color:#9699a1; font:400 13px/1.5 'Segoe UI',sans-serif; }
.loading-screen .loading-track { width:32px; height:2px; margin-top:24px; background:#35373d; }
.loading-screen .loading-track i { background:#fd4f0d; animation:loading-track 1.15s ease-in-out infinite; }
.startup-skip { position:absolute; bottom:26px; right:28px; padding:9px 12px; color:#a5a7ad; background:transparent; border:1px solid #41434a; border-radius:6px; font:400 12px 'Segoe UI',sans-serif; cursor:pointer; }
.startup-skip:focus-visible { outline:2px solid #fd7841; outline-offset:4px; }
.loading-screen.intro-short { --intro-time:.65s; }
.loading-screen.intro-static .startup-car,.loading-screen.intro-static .startup-word,.loading-screen.intro-static .startup-trail { animation:none; }
.loading-screen.intro-static .startup-trail { opacity:0; }
.loading-screen.intro-static .startup-car { transform:translateX(150px) rotate(-12deg); }
@keyframes startup-drift { 0% { transform:translateX(-390px) translateY(12px) rotate(0); opacity:0; } 12% { opacity:1; } 48% { transform:translateX(20px) translateY(0) rotate(-6deg); } 68% { transform:translateX(165px) translateY(-5px) rotate(-27deg); } 83% { transform:translateX(143px) rotate(-8deg); } 100% { transform:translateX(150px) rotate(-12deg); opacity:1; } }
@keyframes startup-reveal { 0%,24% { opacity:0; clip-path:inset(0 100% 0 0); transform:translateY(6px); } 80%,100% { opacity:1; clip-path:inset(0); transform:none; } }
@keyframes startup-trail { 0%,18% { opacity:0; clip-path:inset(0 100% 0 0); } 64% { opacity:1; clip-path:inset(0); } 100% { opacity:.35; clip-path:inset(0); } }
@media(max-width:450px) { .startup-car { left:calc(50% - 125px); width:145px; height:145px; top:15px; } .startup-scene { height:140px; } }
@media(prefers-reduced-motion:reduce) { .loading-screen .startup-car,.loading-screen .startup-word,.loading-screen .startup-trail,.loading-screen .loading-track i { animation:none!important; } .startup-trail { opacity:0; } .loading-screen { transition:none; } }