/* Decorative startup animation: fixed duration, no waiting for network or profile data. */
.dartiq-intro{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));background:#0c1016;color:#f5f7fb;box-sizing:border-box;animation:dartiq-intro-exit 1.45s ease both;pointer-events:auto}
.dartiq-intro-content{width:min(78vw,480px);text-align:center;animation:dartiq-intro-arrive .65s cubic-bezier(.2,.7,.2,1) both}
.dartiq-intro-logo{display:block;width:100%;height:auto;max-height:160px;object-fit:contain;filter:drop-shadow(0 0 22px #00aeef18)}
.dartiq-intro-tagline{margin:20px 0 0;color:#a8cedc;font:500 clamp(12px,2.1vw,16px)/1.5 system-ui,sans-serif;letter-spacing:.09em;animation:dartiq-intro-text .75s ease both}
.dartiq-intro-line{display:block;width:64px;height:2px;margin:21px auto 0;background:#00aeef;border-radius:4px;box-shadow:0 0 14px #00aeef77;transform-origin:center;animation:dartiq-intro-line .9s ease both}
@keyframes dartiq-intro-arrive{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@keyframes dartiq-intro-text{0%,25%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}}
@keyframes dartiq-intro-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes dartiq-intro-exit{0%,75%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}
@media(orientation:landscape) and (max-height:500px){.dartiq-intro-content{width:min(52vw,380px)}.dartiq-intro-tagline{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.dartiq-intro{animation:dartiq-intro-exit .15s linear both}.dartiq-intro-content,.dartiq-intro-tagline,.dartiq-intro-line{animation:none}}