/* The native trailer stays above the real, independently progressing loader. */
.startup-intro{position:fixed;inset:0;z-index:1000000;isolation:isolate;overflow:hidden;outline:none;background:#000;color:#effaff;font-family:Rajdhani,Arial,sans-serif;opacity:1;transition:opacity 300ms ease;touch-action:manipulation}
.startup-intro[hidden],.startup-intro [hidden]{display:none!important}
.startup-intro-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;background:#000}
.startup-intro-toolbar{position:absolute;inset:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) auto max(22px,env(safe-area-inset-left));z-index:4;display:flex;justify-content:space-between;gap:12px;pointer-events:none}
.startup-intro-toolbar button{pointer-events:auto;min-height:44px;padding:11px 17px;border:1px solid #60e9ff8c;border-radius:5px;background:#031422db;box-shadow:inset 0 0 12px #18d8ff14,0 3px 16px #0008;color:#e3fbff;font:700 12px/1.2 Rajdhani,Arial,sans-serif;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(8px)}
.startup-intro-toolbar .startup-intro-skip{margin-left:auto;border-color:#e66bffc2}
.startup-intro button:focus-visible{outline:3px solid #fff1a3;outline-offset:4px}
.startup-intro-toolbar button:hover{background:#0c3246;border-color:#b8f7ff;transform:none;filter:none}
.startup-intro-buffer{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:85px 24px max(40px,env(safe-area-inset-bottom));gap:20px;text-align:center;background:radial-gradient(ellipse at 25% 28%,#004770b0,transparent 60%),radial-gradient(ellipse at 80% 70%,#4c095a80,transparent 58%),#020711ef}
.startup-intro-logo{display:block;width:min(620px,78vw);max-height:25svh;height:auto;object-fit:contain;filter:drop-shadow(0 0 28px #158cc850)}
.startup-intro-kicker{margin:0;color:#a1e9ff;font:700 clamp(12px,1.7vw,18px)/1.4 Rajdhani,Arial,sans-serif;letter-spacing:.27em}
.startup-intro-meter{display:flex;align-items:center;gap:16px;width:min(400px,75vw);margin-top:9px}
.startup-intro-progress{height:9px;flex:1;overflow:hidden;border:1px solid #28b4de;border-radius:8px;background:#000b;box-shadow:0 0 15px #0aa7ff26}
.startup-intro-fill{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#02caff,#6fffee 65%,#f35bff);box-shadow:0 0 12px #32e9ff;transition:transform 150ms linear}
.startup-intro-percent{min-width:42px;text-align:right;color:#b7f7ff;font-size:18px;font-variant-numeric:tabular-nums}
.startup-intro-status{min-height:24px;margin:0;color:#a8c4d5;font:500 15px/1.5 Rajdhani,Arial,sans-serif;letter-spacing:.02em}
.startup-intro-play{min-height:54px;margin-top:5px;padding:15px 36px;border:1px solid #fff0a4;border-radius:5px;background:linear-gradient(135deg,#fff0a0,#ffcd3f 55%,#f5a811);box-shadow:0 0 0 4px #ffbc1c16,0 0 28px #ffc82e30,inset 0 1px #fff8;color:#171208;font:800 italic 20px/1.2 Rajdhani,Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
.startup-intro .startup-intro-play:hover{filter:brightness(1.08);transform:none}
.startup-intro.is-exiting{opacity:0;pointer-events:none}
.startup-intro[data-reduced="true"],.startup-intro[data-reduced="true"] .startup-intro-fill{transition:none}
@media(max-width:600px){.startup-intro-toolbar{inset:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) auto max(12px,env(safe-area-inset-left));gap:8px}.startup-intro-toolbar button{padding:11px 12px;font-size:11px}.startup-intro-buffer{gap:19px}.startup-intro-logo{width:90vw;max-height:24svh}.startup-intro-status{font-size:14px;max-width:290px}.startup-intro-play{font-size:18px}.startup-intro-kicker{letter-spacing:.21em}}
@media(max-height:500px){.startup-intro-buffer{gap:9px;padding:65px 20px 20px}.startup-intro-logo{max-height:21svh}.startup-intro-toolbar{top:max(10px,env(safe-area-inset-top))}.startup-intro-status{font-size:13px}.startup-intro-play{min-height:44px;padding:10px 28px;font-size:17px}.startup-intro-meter{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.startup-intro,.startup-intro-fill{transition:none}}
