.pwa-launch-splash{
  display:none;
}

@media (display-mode:standalone){
  .pwa-launch-splash{
    position:fixed;
    inset:0;
    z-index:10000;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:clamp(28px,7vh,72px) 24px;
    background:#071f4d url("../../assets/branding/zeta-pwa-splash-bg.webp") center center/cover no-repeat;
    opacity:1;
    visibility:visible;
    transition:opacity .42s ease,visibility .42s ease;
  }

  .pwa-launch-splash.is-hiding{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }

  .pwa-launch-inner{
    width:min(84vw,430px);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    transform:translateY(-2vh);
  }

  .pwa-launch-logo{
    display:block;
    width:min(76vw,390px);
    height:auto;
    object-fit:contain;
    margin:0 0 clamp(34px,6vh,58px);
  }

  .pwa-launch-title{
    margin:0;
    color:#fff;
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
    font-size:clamp(16px,4.7vw,22px);
    font-weight:700;
    line-height:1.2;
    letter-spacing:clamp(3.8px,1.25vw,6px);
    text-align:center;
    text-transform:uppercase;
    white-space:nowrap;
    text-shadow:0 0 14px rgba(255,255,255,.12);
  }

  .pwa-launch-neon-line{
    width:118px;
    height:2px;
    margin:16px 0 clamp(42px,7vh,64px);
    border-radius:999px;
    background:linear-gradient(90deg,rgba(37,118,245,0),#2e8bff 24%,#8fd6ff 50%,#2e8bff 76%,rgba(37,118,245,0));
    box-shadow:0 0 6px rgba(46,139,255,.95),0 0 14px rgba(46,139,255,.72),0 0 24px rgba(46,139,255,.45);
  }

  .pwa-launch-loader{
    position:relative;
    width:96px;
    height:96px;
    transform:rotate(45deg);
  }

  .pwa-launch-square{
    position:absolute;
    top:0;
    left:0;
    width:28px;
    height:28px;
    margin:2px;
    border-radius:0;
    background:#fff;
    background-size:cover;
    background-position:center;
    background-attachment:fixed;
    animation:pwaLaunchSquareAnimation 10s ease-in-out infinite both;
  }

  .pwa-launch-square:nth-of-type(1){animation-delay:-1.4285714286s}
  .pwa-launch-square:nth-of-type(2){animation-delay:-2.8571428571s}
  .pwa-launch-square:nth-of-type(3){animation-delay:-4.2857142857s}
  .pwa-launch-square:nth-of-type(4){animation-delay:-5.7142857143s}
  .pwa-launch-square:nth-of-type(5){animation-delay:-7.1428571429s}
  .pwa-launch-square:nth-of-type(6){animation-delay:-8.5714285714s}
  .pwa-launch-square:nth-of-type(7){animation-delay:-10s}
}

@keyframes pwaLaunchSquareAnimation{
  0%{left:0;top:0}
  10.5%{left:0;top:0}
  12.5%{left:32px;top:0}
  23%{left:32px;top:0}
  25%{left:64px;top:0}
  35.5%{left:64px;top:0}
  37.5%{left:64px;top:32px}
  48%{left:64px;top:32px}
  50%{left:32px;top:32px}
  60.5%{left:32px;top:32px}
  62.5%{left:32px;top:64px}
  73%{left:32px;top:64px}
  75%{left:0;top:64px}
  85.5%{left:0;top:64px}
  87.5%{left:0;top:32px}
  98%{left:0;top:32px}
  100%{left:0;top:0}
}

@media (display-mode:standalone) and (max-width:420px){
  .pwa-launch-inner{width:min(88vw,390px)}
  .pwa-launch-logo{width:min(82vw,350px)}
}