/* Approved Afoq identity: quiet four-second WebM reveal. */
.brand-intro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#0c1321;color:#fff;transition:opacity .3s ease,visibility .3s ease}
.brand-intro.is-finished{opacity:0;visibility:hidden;pointer-events:none}
.brand-intro-skip{position:absolute;top:max(20px,env(safe-area-inset-top));inset-inline-end:max(20px,env(safe-area-inset-right));z-index:2;min-height:44px;padding:10px 18px;border:1px solid #76869c;border-radius:999px;background:#17253a;color:#fff;cursor:pointer;font:inherit}
.brand-intro-skip:hover{border-color:#00b9dc;background:#22344d}.brand-intro-skip:focus-visible{outline:3px solid #ffbd69;outline-offset:4px}
.brand-intro-stage{width:min(100%,560px);text-align:center;padding:24px;box-sizing:border-box}
.brand-intro-mark{width:min(80vw,440px);max-width:100%;margin:auto}
.brand-intro-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.brand-intro-copy{display:grid;gap:10px;margin-top:-16px;position:relative}.brand-intro-copy strong{font-size:clamp(26px,5vw,34px);direction:ltr;letter-spacing:.02em}.brand-intro-copy span{color:#d0dbee;font-size:clamp(15px,3.8vw,18px)}
.brand-intro-progress{height:3px;max-width:160px;margin:28px auto 0;background:#23324a;overflow:hidden;border-radius:6px}.brand-intro-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#00b9dc,#7047f5,#f25388);transform:scaleX(0);transform-origin:left}.is-playing .brand-intro-progress i{animation:brand-video-progress 4s linear forwards}.is-static .brand-intro-progress{visibility:hidden}
@keyframes brand-video-progress{to{transform:scaleX(1)}}
@media(max-height:540px){.brand-intro-stage{padding:12px}.brand-intro-mark{width:min(48vh,260px)}.brand-intro-copy{margin-top:0;gap:4px}.brand-intro-progress{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.brand-intro{transition:none}.brand-intro-progress{display:none}}
/* Alpha WebM composites over the real landing; no opaque video background. */
.brand-intro{background:transparent;color:var(--ms-text);pointer-events:none}
.brand-intro-skip{pointer-events:auto;background:var(--ms-surface);color:var(--ms-action-text);border-color:var(--ms-border-strong)}
.brand-intro-skip:hover{background:var(--ms-primary-soft);color:var(--ms-action-text)}
.brand-intro-copy{width:fit-content;margin-inline:auto;padding:12px 20px;border-radius:16px;background:var(--ms-surface-glass);color:var(--ms-text)}.brand-intro-copy span{color:var(--ms-text-2)}
.intro-active body.public-site> :is(header,main,footer){filter:blur(5px);opacity:.45;pointer-events:none}
html[data-theme=dark] .brand-intro-copy{background:rgba(23,37,58,.82)}
@media(prefers-reduced-motion:reduce){.intro-active body.public-site> :is(header,main,footer){filter:none}}