/* Apex's cinematic entrance becomes the persistent homepage backdrop. */
#apex-brand-backdrop{position:fixed;inset:0;z-index:0;background:#020408;pointer-events:none;display:grid;place-items:center;overflow:hidden}
#apex-brand-backdrop img{width:min(92vw,86vh,940px);width:min(92vw,86svh,940px);height:auto;opacity:.26}
#apex-brand-backdrop[hidden]{display:none}
body[data-apex-home] > div.flex{position:relative;z-index:1}
body[data-apex-home] #hero{background:linear-gradient(90deg,rgba(2,4,8,.62),rgba(2,4,8,.1))}
body[data-apex-home] #hero > .absolute{opacity:.12}
body[data-apex-home] #hero h1[tabindex="-1"]{outline:none}
body[data-apex-home] main > section:not(#hero){background-color:rgba(8,12,18,.88)}
body.apex-intro-playing{overflow:hidden}
#apex-entrance{position:fixed;inset:0;z-index:10000;background:#000;display:grid;place-items:center;opacity:1;transition:opacity .9s ease;isolation:isolate}
#apex-entrance.apex-leaving{opacity:0;pointer-events:none}
#apex-entrance video{display:block;width:min(92vw,86vh,940px);width:min(92vw,86svh,940px);height:auto;max-height:90svh;object-fit:contain}
.apex-intro-poster{display:none;position:absolute;width:min(92vw,86svh,940px);height:auto;opacity:.65;pointer-events:none}
#apex-entrance.apex-waiting-sound video{visibility:hidden}
#apex-entrance.apex-waiting-sound .apex-intro-poster{display:block}
.apex-waiting-sound .apex-intro-controls{flex-wrap:wrap}
.apex-waiting-sound .apex-intro-controls button:first-of-type{background:#0875ed;border-color:#459dff;color:#fff;font-weight:700;box-shadow:0 0 28px #0875ed40;padding:15px 25px;font-size:14px}
.apex-intro-controls{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;align-items:center;gap:14px;padding:0 20px}
.apex-intro-controls button{font:500 12px/1.3 Inter,system-ui,sans-serif;letter-spacing:.08em;color:#c3cbd8;border:1px solid #354153;border-radius:999px;background:rgba(12,18,30,.8);padding:12px 19px;cursor:pointer;transition:background .2s,color .2s}
.apex-intro-controls button:hover{color:#fff;background:#192b43}
.apex-intro-controls button:focus-visible{outline:2px solid #45a1ff;outline-offset:4px}
@media(max-width:640px){#apex-brand-backdrop img{width:100vw;opacity:.19}#apex-entrance video{width:100vw}body[data-apex-home] #hero{background:rgba(2,4,8,.3)}}
@media(prefers-reduced-motion:reduce){#apex-entrance{transition:none}#apex-brand-backdrop img{opacity:.2}}

.apex-intro-status{position:absolute;bottom:calc(100% + 12px);left:20px;right:20px;margin:0;text-align:center;font:400 13px/1.5 Inter,system-ui,sans-serif;color:#b9c9dd}
.apex-intro-controls{flex-wrap:wrap}.apex-intro-controls a{font:400 12px Inter,system-ui,sans-serif;color:#b9d8ff;text-decoration:underline}
#apex-replay{position:fixed;right:18px;bottom:max(18px,env(safe-area-inset-bottom));z-index:60;background:#09111ee8;border:1px solid #2d4b71;color:#dceaff;font:500 12px Inter,system-ui,sans-serif;padding:12px 16px;border-radius:999px;cursor:pointer;box-shadow:0 4px 24px #0005}
#apex-replay[hidden]{display:none}