html[data-home-intro="pending"]::after {
  content: ""; position: fixed; inset: 0; background: #12120f; z-index: 2147483646;
  pointer-events: all; animation: wc-intro-failsafe 0s 2200ms forwards !important;
}
.wc-home-intro {
  position: fixed; inset: 0; z-index: 2147483647; height: 100vh; height: 100dvh;
  display: grid; place-items: center; box-sizing: border-box; overflow: hidden;
  padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  background: #12120f; color: #ffc72c; touch-action: none;
  transition: opacity 400ms cubic-bezier(.22,1,.36,1) !important;
}
.wc-home-intro__glow { position: absolute; inset: 0; background: radial-gradient(ellipse at center, #ffc72c20, transparent 55%); animation: wc-intro-glow 550ms ease-out both !important; pointer-events: none; }
.wc-home-intro__content { position: relative; display: grid; justify-items: center; gap: 22px; }
.wc-home-intro__logo { display: block; width: 128px; height: 128px; object-fit: contain; animation: wc-intro-logo 550ms cubic-bezier(.22,1,.36,1) both !important; }
.wc-home-intro__name { font-family: Inter, "Segoe UI", Arial, sans-serif; font-weight: 900; font-size: 30px; line-height: 1.1; text-transform: uppercase; letter-spacing: 0; animation: wc-intro-name 450ms 120ms cubic-bezier(.22,1,.36,1) both !important; }
.wc-home-intro__track { width: 144px; height: 3px; overflow: hidden; background: #ffc72c30; }
.wc-home-intro__track span { display: block; height: 100%; background: #ffc72c; transform-origin: left; animation: wc-intro-progress 1000ms ease-in-out infinite alternate !important; }
.wc-home-intro__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
html[data-home-intro="leaving"] .wc-home-intro { opacity: 0; }
html[data-home-intro="leaving"] .wc-home-intro__track span { animation: none !important; transform: scaleX(1); }
@media(min-width:768px) { .wc-home-intro__logo { width: 160px; height: 160px; } .wc-home-intro__track { width: 180px; } }
@keyframes wc-intro-logo { from { opacity: 0; transform: translateY(10px) rotate(-8deg) scale(.92); } to { opacity: 1; transform: none; } }
@keyframes wc-intro-name { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes wc-intro-glow { from { opacity: 0; } to { opacity: 1; } }
@keyframes wc-intro-progress { from { transform: scaleX(.12); opacity: .5; } to { transform: scaleX(.75); opacity: 1; } }
@keyframes wc-intro-failsafe { to { visibility: hidden; pointer-events: none; } }
@media(prefers-reduced-motion:reduce) { .wc-home-intro, html[data-home-intro]::after { display: none !important; } }