html.brandz-launching { overflow:hidden; }
html.brandz-launching::before { content:''; position:fixed; inset:0; background:#101010; z-index:99998; pointer-events:none; animation:brandz-curtain-safety 3.6s forwards; }
.brandz-launch { position:fixed; inset:0; z-index:99999; display:grid; place-items:center; padding:28px; background:#101010; color:#fff; overflow:hidden; transition:opacity .45s ease,transform .45s cubic-bezier(.22,1,.36,1); }
.brandz-launch-content { position:relative; width:min(100%,380px); text-align:center; }
.brandz-launch-content img { display:block; width:min(100%,340px); height:auto; max-height:100px; object-fit:contain; margin:28px auto 0; animation:brandz-logo-enter .7s .15s both; }
.brandz-launch-content p { font:700 10px/1.6 Inter,Arial,sans-serif; letter-spacing:.2em; color:#c3c3c3; margin:22px 0 26px; animation:brandz-logo-enter .65s .35s both; }
.brandz-launch-glow { position:absolute; width:min(85vw,600px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,#f4512c18,transparent 68%); animation:brandz-glow 2s ease-in-out both; }
.brandz-launch-tiles { display:grid; grid-template-columns:repeat(3,10px); gap:5px; width:max-content; margin:auto; transform:rotate(-8deg); }
.brandz-launch-tiles i { width:10px; height:10px; background:#f4512c; animation:brandz-tile-enter .6s cubic-bezier(.22,1,.36,1) both; animation-delay:calc(var(--tile) * 55ms); }
.brandz-launch-tiles i:nth-child(3n) { background:#fff; }
.brandz-launch-tiles i:nth-child(7) { visibility:hidden; }
.brandz-launch-line { width:160px; height:2px; margin:auto; overflow:hidden; background:#ffffff1c; }
.brandz-launch-line span { display:block; width:100%; height:100%; background:#f4512c; transform-origin:left; animation:brandz-line 1.5s ease-in-out both; }
.brandz-launch-skip { position:absolute; bottom:max(28px,env(safe-area-inset-bottom)); right:28px; display:flex; align-items:center; gap:18px; padding:12px 16px; background:#ffffff08; border:1px solid #ffffff30; border-radius:10px; color:#ddd; font:600 12px/1.4 Inter,Arial,sans-serif; cursor:pointer; }
.brandz-launch-skip:focus-visible { outline:2px solid #f4512c; outline-offset:4px; }
.brandz-launch-exit { opacity:0; transform:translateY(-18px); pointer-events:none; }
@keyframes brandz-tile-enter { from { opacity:0; transform:translateY(20px) rotate(35deg) scale(.4); } to { opacity:1; transform:translateY(0) rotate(0) scale(1); } }
@keyframes brandz-logo-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@keyframes brandz-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes brandz-glow { from { opacity:0; transform:scale(.7); } to { opacity:1; transform:scale(1.1); } }
@keyframes brandz-curtain-safety { 0%,95% { opacity:1; } 100% { opacity:0; visibility:hidden; } }
@media(prefers-reduced-motion:reduce) { html.brandz-launching::before,.brandz-launch { display:none; } html.brandz-launching { overflow:initial; } }