:root{--bg-0: #020608;--bg-1: #04131a;--phosphor: #46f3c8;--phosphor-bright: #9dffe7;--phosphor-dim: rgba(70, 243, 200, .35);--phosphor-faint: rgba(70, 243, 200, .12);--amber: #ffb356;--ink: #d9efe9;--ink-dim: #6f948c;--font-display: "Michroma", "Avenir Next", sans-serif;--font-body: "Chakra Petch", "Trebuchet MS", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-0);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-0)}.xray-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-0)}.xray-stage video,.xray-stage canvas{filter:saturate(.92) contrast(1.04)}.xray-stage video{z-index:0!important}.xray-stage canvas{z-index:1!important}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;background:repeating-linear-gradient(to bottom,rgba(157,255,231,.028) 0px,rgba(157,255,231,.028) 1px,transparent 1px,transparent 4px),radial-gradient(130% 100% at 50% 50%,transparent 55%,rgba(1,6,8,.5) 100%);mix-blend-mode:screen}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.frame{position:absolute;width:34px;height:34px;border:2px solid var(--phosphor-dim);transition:border-color .4s ease,box-shadow .4s ease}.frame--tl{top:calc(18px + var(--safe-top));left:18px;border-right:0;border-bottom:0}.frame--tr{top:calc(18px + var(--safe-top));right:18px;border-left:0;border-bottom:0}.frame--bl{bottom:calc(18px + var(--safe-bottom));left:18px;border-right:0;border-top:0}.frame--br{bottom:calc(18px + var(--safe-bottom));right:18px;border-left:0;border-top:0}.hud--locked .frame{border-color:var(--phosphor);box-shadow:0 0 14px #46f3c873}.lens-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:calc(var(--lens-frac, .24) * 200%);aspect-ratio:1;border-radius:50%;border:1.5px dashed var(--phosphor-dim);box-shadow:0 0 26px #46f3c824,inset 0 0 34px #46f3c814;transition:border-color .4s ease,box-shadow .4s ease;animation:lens-spin 24s linear infinite}.lens-cross{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);animation:lens-spin 24s linear infinite reverse}.lens-cross:before,.lens-cross:after{content:"";position:absolute;background:var(--phosphor-dim)}.lens-cross:before{left:50%;top:0;bottom:0;width:1.5px;transform:translate(-50%)}.lens-cross:after{top:50%;left:0;right:0;height:1.5px;transform:translateY(-50%)}.hud--locked .lens-ring{border-color:var(--phosphor);box-shadow:0 0 30px #46f3c84d,inset 0 0 40px #46f3c824}@keyframes lens-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.hud-status{position:absolute;left:0;right:0;bottom:calc(34px + var(--safe-bottom));display:flex;justify-content:center}.hud-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border:1px solid var(--phosphor-dim);border-radius:999px;background:#020a0c9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-display);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);animation:pill-breathe 2.4s ease-in-out infinite}.hud-pill--locked{border-color:var(--phosphor);color:var(--phosphor-bright);box-shadow:0 0 18px #46f3c859;animation:none}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 10px var(--phosphor);animation:dot-pulse 1.1s ease-in-out infinite}@keyframes pill-breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.55);opacity:.6}}.veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;padding:calc(22px + var(--safe-top)) 26px calc(26px + var(--safe-bottom));background:radial-gradient(120% 85% at 85% -10%,rgba(70,243,200,.13) 0%,transparent 55%),radial-gradient(120% 100% at 15% 110%,rgba(24,98,116,.28) 0%,transparent 60%),linear-gradient(175deg,var(--bg-0) 0%,var(--bg-1) 58%,var(--bg-0) 100%)}.veil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--phosphor-faint) 1px,transparent 1px),linear-gradient(90deg,var(--phosphor-faint) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(100% 80% at 50% 45%,black 0%,transparent 78%);-webkit-mask-image:radial-gradient(100% 80% at 50% 45%,black 0%,transparent 78%)}.landing-brand{font-family:var(--font-display);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--amber);animation:rise .7s ease both}.landing-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:22px;max-width:430px;width:100%;margin:0 auto}.landing-title{font-family:var(--font-display);font-size:clamp(38px,11vw,56px);line-height:1.05;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 32px rgba(70,243,200,.25);animation:rise .7s .08s ease both}.landing-title-accent{color:var(--phosphor);text-shadow:0 0 24px rgba(70,243,200,.55)}.landing-subtitle{font-size:15px;line-height:1.55;color:var(--ink-dim);max-width:34ch;animation:rise .7s .16s ease both}.scan-demo{position:relative;width:min(58vw,240px);aspect-ratio:3 / 4;margin-top:6px;border:1px solid var(--phosphor-dim);border-radius:10px;overflow:hidden;background:#04131a8c;animation:rise .7s .24s ease both}.scan-demo-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--phosphor-faint) 1px,transparent 1px),linear-gradient(90deg,var(--phosphor-faint) 1px,transparent 1px);background-size:24px 24px}.scan-demo-beam{position:absolute;left:0;right:0;top:-18%;height:16%;background:linear-gradient(to bottom,transparent 0%,rgba(70,243,200,.08) 35%,rgba(157,255,231,.55) 50%,rgba(70,243,200,.08) 65%,transparent 100%);animation:sweep 2.8s cubic-bezier(.45,0,.55,1) infinite}.scan-demo-glyph{position:absolute;border:1.5px solid var(--phosphor);box-shadow:0 0 12px #46f3c859,inset 0 0 8px #46f3c82e;opacity:.85}.scan-demo-glyph--a{right:12%;bottom:10%;width:30%;height:15%;border-radius:40% 40% 22% 22%/70% 70% 30% 30%;animation:glyph-glow 2.8s .6s ease-in-out infinite}.scan-demo-glyph--b{left:12%;bottom:12%;width:16%;height:26%;border-radius:14% 14% 20% 20%;animation:glyph-glow 2.8s .2s ease-in-out infinite}.scan-demo-glyph--c{left:38%;top:16%;width:24%;height:12%;border-radius:999px;animation:glyph-glow 2.8s 1s ease-in-out infinite}@keyframes sweep{0%{transform:translateY(0)}55%{transform:translateY(760%)}to{transform:translateY(760%)}}@keyframes glyph-glow{0%,to{opacity:.35}50%{opacity:1}}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:430px;width:100%;margin:0 auto;animation:rise .7s .32s ease both}.landing-note{font-size:11px;letter-spacing:.06em;color:var(--ink-dim);text-align:center}.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:340px;padding:18px 26px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--phosphor-bright) 0%,var(--phosphor) 60%);color:#03211a;font-family:var(--font-display);font-size:12px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1px #9dffe766,0 8px 30px #46f3c859;transition:transform .12s ease,box-shadow .2s ease}.cta:active{transform:scale(.97);box-shadow:0 0 0 1px #9dffe766,0 4px 16px #46f3c84d}.cta--ghost{background:transparent;color:var(--phosphor);border:1px solid var(--phosphor-dim);box-shadow:none}.preparing{align-items:center;justify-content:center}.preparing-body{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(78vw,340px);text-align:center}.preparing-percent{font-family:var(--font-display);font-size:54px;color:var(--phosphor);text-shadow:0 0 30px rgba(70,243,200,.45);font-variant-numeric:tabular-nums}.progress-track{width:100%;height:3px;background:var(--phosphor-faint);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--phosphor) 0%,var(--phosphor-bright) 100%);box-shadow:0 0 12px #46f3c899;transition:width .35s ease}.preparing-title{font-family:var(--font-display);font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink)}.preparing-hint{font-size:13px;line-height:1.55;color:var(--ink-dim)}.error{align-items:center;justify-content:center}.error-body{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(82vw,360px);text-align:center;color:var(--amber)}.error-title{font-family:var(--font-display);font-size:14px;letter-spacing:.26em;text-transform:uppercase}.error-message{font-size:14px;line-height:1.6;color:var(--ink-dim)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.scan-demo-beam,.scan-demo-glyph,.hud-pill,.pulse-dot,.lens-ring,.lens-cross{animation:none!important}.landing-brand,.landing-title,.landing-subtitle,.scan-demo,.landing-footer{animation-duration:.01s!important;animation-delay:0s!important}}@media (min-width: 768px){.landing-body,.landing-footer{max-width:480px}.scan-demo{width:220px}}