@import url("variables.css");
html,body{height:100%;overflow:hidden}body{display:grid;place-items:center;background:#040b15}.splash-canvas{position:fixed;inset:0;width:100%;height:100%;opacity:.72}.splash-grid{position:fixed;inset:-30%;background-image:linear-gradient(rgba(72,223,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(72,223,255,.08) 1px,transparent 1px);background-size:48px 48px;transform:perspective(520px) rotateX(64deg) translateY(38%);animation:gridMove 8s linear infinite}.scan{position:fixed;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 30px var(--cyan);animation:scan 3s ease-in-out infinite}.rings{position:fixed;width:min(78vw,680px);aspect-ratio:1;border:1px solid rgba(72,223,255,.14);border-radius:50%;animation:spin 24s linear infinite}.rings:before,.rings:after{content:"";position:absolute;border:1px dashed rgba(72,223,255,.22);border-radius:50%}.rings:before{inset:9%}.rings:after{inset:19%;animation:spin 13s linear reverse infinite}.circuit{position:fixed;inset:5%;pointer-events:none}.circuit path{fill:none;stroke:rgba(72,223,255,.18);stroke-width:1}.circuit circle{fill:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan))}.splash-panel{position:relative;z-index:3;width:min(680px,calc(100% - 2rem));padding:clamp(1.5rem,5vw,3rem);border-radius:24px;text-align:center}.splash-panel img{width:190px;height:auto}.splash-panel h1{font-size:clamp(1.7rem,5vw,3.4rem);margin:1rem 0 .3rem}.splash-panel .company{color:var(--muted);margin:0 auto;max-width:540px}.platform{color:var(--cyan);font-weight:700;letter-spacing:.05em}.loader{height:7px;background:rgba(255,255,255,.08);border-radius:10px;margin:2rem 0 .8rem;overflow:hidden}.loader span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 15px var(--cyan);transition:width 160ms linear}.loading-row{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.splash-actions{display:flex;justify-content:center;gap:.7rem;margin-top:1.5rem}.fallback-enter{display:none;margin-top:1rem}.fallback-enter.visible{display:inline-flex}.demo-note{margin-top:1rem;color:var(--amber);font-size:.72rem;font-weight:800;letter-spacing:.08em}.blueprint{position:fixed;color:rgba(72,223,255,.24);font:11px ui-monospace,monospace}.bp1{top:8%;left:4%}.bp2{right:5%;bottom:8%;text-align:right}@keyframes gridMove{to{background-position:0 96px,96px 0}}@keyframes scan{0%{top:0;opacity:0}10%,90%{opacity:.8}100%{top:100%;opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:540px){.splash-panel{padding:1.35rem}.splash-actions{flex-direction:column}.splash-actions .btn{width:100%}.blueprint{display:none}}