/* PWA in-app launch overlay (ultra-early) */
:root{
  --janzen-launch-bg1:#f8fafc;
  --janzen-launch-bg2:#ffffff;
  --janzen-launch-accent:#00A7B2;
}

.janzen-launch-overlay{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  padding-top:calc(24px + env(safe-area-inset-top, 0px));
  padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));
  background:radial-gradient(1200px 600px at 50% 30%, rgba(0,167,178,.10), transparent 60%),
             linear-gradient(180deg,var(--janzen-launch-bg1),var(--janzen-launch-bg2));
  opacity:0;
  transform:translateZ(0);
}

html.janzen-pwa-standalone .janzen-launch-overlay{
  display:flex;
}

.janzen-launch-overlay.is-visible{
  opacity:1;
}

.janzen-launch-overlay__inner{
  width:min(360px, 92vw);
  text-align:center;
}

.janzen-launch-logo{
  width:116px;
  height:116px;
  margin:0 auto;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(2,6,23,.14);
  transform:scale(.96);
  opacity:0;
  will-change:transform,opacity;
  position:relative;
  background:#fff;
}

.janzen-launch-logo img{
  width:100%;
  height:100%;
  display:block;
}

/* Travel sweep: subtle light pass over logo */
.janzen-launch-logo::after{
  content:"";
  position:absolute;
  inset:-30%;
  background:linear-gradient(120deg,
    transparent 35%,
    rgba(255,255,255,.35) 45%,
    rgba(255,255,255,.10) 55%,
    transparent 65%);
  transform:translateX(-40%) translateY(0) rotate(0deg);
  opacity:0;
  will-change:transform,opacity;
  pointer-events:none;
}

.janzen-launch-sub{
  margin-top:18px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:14px;
  line-height:1.35;
  color:#64748b;
  opacity:0;
  transform:translateY(6px);
  will-change:transform,opacity;
}

.janzen-launch-dots{
  margin:14px auto 0;
  display:flex;
  justify-content:center;
  gap:6px;
  opacity:0;
}
.janzen-launch-dots span{
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(0,167,178,.55);
  opacity:.25;
  animation:janzenDots 900ms infinite ease-in-out;
}
.janzen-launch-dots span:nth-child(2){ animation-delay:120ms; }
.janzen-launch-dots span:nth-child(3){ animation-delay:240ms; }

@keyframes janzenLaunchIn{
  0%{ opacity:0; transform:scale(.96); }
  100%{ opacity:1; transform:scale(1); }
}
@keyframes janzenSweep{
  0%{ opacity:0; transform:translateX(-55%) rotate(0deg); }
  20%{ opacity:1; }
  60%{ opacity:1; }
  100%{ opacity:0; transform:translateX(55%) rotate(0deg); }
}
@keyframes janzenSubIn{
  0%{ opacity:0; transform:translateY(6px); }
  100%{ opacity:1; transform:translateY(0); }
}
@keyframes janzenDots{
  0%,100%{ opacity:.25; transform:translateY(0); }
  50%{ opacity:1; transform:translateY(-2px); }
}

.janzen-launch-overlay.is-animating .janzen-launch-logo{
  animation:janzenLaunchIn 520ms cubic-bezier(.2,.9,.2,1) forwards;
}
.janzen-launch-overlay.is-animating .janzen-launch-logo::after{
  animation:janzenSweep 900ms cubic-bezier(.2,.8,.2,1) 220ms forwards;
}
.janzen-launch-overlay.is-animating .janzen-launch-sub{
  animation:janzenSubIn 420ms ease-out 260ms forwards;
}
.janzen-launch-overlay.is-animating .janzen-launch-dots{
  opacity:1;
}

.janzen-launch-overlay.is-hiding{
  transition:opacity 260ms ease, visibility 0s linear 260ms;
  opacity:0;
  visibility:hidden;
}

@media (prefers-reduced-motion: reduce){
  .janzen-launch-logo,
  .janzen-launch-sub{
    transform:none !important;
    animation:none !important;
    opacity:1 !important;
  }
  .janzen-launch-logo::after{ display:none !important; }
  .janzen-launch-dots{ display:none !important; }
  .janzen-launch-overlay{ transition:none !important; }
}