:root{--bg:#04060c;--text:#dbe7f5;--muted:#8a9cc4;--accent:#37d0ff;--accent-soft:#37d0ff29;--line:#92b4e02e;font-family:Rajdhani,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;overflow:hidden}.app{position:fixed;inset:0}canvas{touch-action:none;display:block;position:absolute;inset:0}.btn{pointer-events:auto;cursor:pointer;letter-spacing:.02em;color:var(--text);background:#ffffff0a;border:1px solid #0000;border-radius:10px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{color:#021018;background:linear-gradient(180deg, #7fe3ff 0%, var(--accent) 100%);border-color:#7fe3ff99;box-shadow:0 6px 24px #37d0ff59,inset 0 0 0 1px #ffffff40}.btn.primary:hover{box-shadow:0 8px 30px #37d0ff80}.btn.ghost{border-color:var(--line);color:var(--text);background:#ffffff08}.btn.ghost:hover{border-color:var(--accent);background:var(--accent-soft)}.btn.small{background:linear-gradient(180deg, #7fe3ff 0%, var(--accent) 100%);color:#021018;border-color:#7fe3ff99;padding:8px 14px;font-size:13px}.btn.icon{border:1px solid var(--line);width:40px;color:var(--text);background:#080e1899;padding:8px 12px;font-size:15px}.landing{z-index:10;pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(2px)brightness(.85);backdrop-filter:blur(2px)brightness(.85);background:radial-gradient(120% 90% at 50% 40%,#04060c59 0%,#04060cc7 55%,#04060cf2 100%);justify-content:center;align-items:center;padding:24px;animation:.6s fade-in;display:flex;position:absolute;inset:0}.hero{max-width:760px}.kicker{text-transform:uppercase;letter-spacing:.42em;color:var(--accent);text-shadow:0 0 18px #37d0ff80;margin:0 0 18px;font-family:Orbitron,sans-serif;font-size:12px}.title{letter-spacing:.01em;background:linear-gradient(#fff 0%,#a9d9ff 60%,#4aa6e0 100%);color:#0000;filter:drop-shadow(0 4px 40px #37d0ff59);-webkit-background-clip:text;background-clip:text;margin:0 0 22px;font-family:Orbitron,sans-serif;font-size:clamp(40px,8vw,88px);font-weight:800;line-height:.98}.bio{color:#b9c8e0;max-width:620px;margin:0 auto 30px;font-size:clamp(16px,2.2vw,20px);line-height:1.55}.cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.controls-hint{letter-spacing:.03em;color:#6f82a3;margin-top:26px;font-size:13px}.usecase-ticker{justify-content:center;min-height:1.5em;margin-top:18px;display:flex}.usecase-text{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:#ff4242;text-shadow:0 0 4px #ff5656f2,0 0 11px #ff2828cc,0 0 26px #ff00008c,0 0 46px #ff000059;font-family:Courier New,ui-monospace,Cascadia Mono,monospace;font-size:clamp(13px,1.9vw,17px);font-weight:700}.landing-footer{text-align:center;letter-spacing:.28em;text-transform:uppercase;color:#4a5a78;font-size:11px;position:absolute;bottom:18px;left:0;right:0}.hud-top{z-index:10;pointer-events:none;background:linear-gradient(#04060cb3 0%,#04060c00 100%);justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:absolute;top:0;left:0;right:0}.hud-logo{align-items:center;gap:9px;display:flex}.hud-logo-name{letter-spacing:.16em;text-transform:uppercase;color:#cfe4fb;text-shadow:0 0 16px #37d0ff66;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.hud-logo-by{letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:500}.hud-logo-dogg{pointer-events:auto;border-radius:6px;line-height:0;transition:transform .12s,box-shadow .2s;display:inline-flex}.hud-logo-dogg img{border-radius:6px;width:auto;height:22px;display:block}.hud-logo-dogg:hover{transform:translateY(-1px);box-shadow:0 0 14px #37d0ff73}.hud-actions{pointer-events:auto;gap:10px;display:flex}.hud-hint{z-index:10;pointer-events:none;letter-spacing:.03em;color:#b7c7e2;border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060a128c;border-radius:999px;max-width:92vw;padding:7px 16px;font-size:12.5px;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%)}.crosshair{z-index:9;pointer-events:none;background:#e7f4ff8c;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #37d0ffb3}.joystick{z-index:20;pointer-events:auto;touch-action:none;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:fixed;bottom:88px}.joystick--left{left:26px}.joystick--right{right:26px}.joystick-label{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);pointer-events:none;font-size:10px;position:absolute;bottom:-16px;left:0;right:0}.joystick-ring{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080e1859;border:1.5px solid #92b4e059;border-radius:50%;position:absolute;inset:0}.joystick-knob{background:radial-gradient(circle at 35% 30%, #9fe6ff, var(--accent));border-radius:50%;width:52px;height:52px;position:relative;box-shadow:0 0 18px #37d0ff99}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.warp-root{z-index:200000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.warp-container{opacity:1;transition:opacity .28s ease-out;position:absolute;inset:0}.warp-container.warp-exiting{opacity:0}.warp-bg{opacity:0;background:#000;animation:.26s ease-out .34s forwards warp-fade-bg;position:absolute;inset:0}.warp-vignette{mix-blend-mode:multiply;opacity:0;background:radial-gradient(circle,#0000 0%,#00000059 62%,#000000f0 100%);animation:.26s ease-out .34s forwards warp-fade-bg;position:absolute;inset:0}.warp-stars{opacity:0;animation:.28s ease-out 80ms forwards warp-fade-stars;position:absolute;inset:0}.warp-canvas{position:absolute;inset:0}@keyframes warp-fade-bg{to{opacity:1}}@keyframes warp-fade-stars{to{opacity:1}}.loading-warp{z-index:150000;background:var(--bg);pointer-events:none;transition:opacity .6s;position:fixed;inset:0;overflow:hidden}.loading-warp--out{opacity:0}.welcome{z-index:60;pointer-events:auto;background:radial-gradient(110% 80%,#04060c00 0%,#04060c6b 68%,#04060cb3 100%);justify-content:center;align-items:center;padding:24px;transition:opacity .26s;animation:.45s fade-in;display:flex;position:absolute;inset:0}.welcome--out{opacity:0}.welcome-card{text-align:center;border:1px solid var(--line);background:linear-gradient(#121a28f0,#080c16f5);border-radius:18px;width:100%;max-width:460px;padding:32px 30px 26px;animation:.4s cubic-bezier(.2,.9,.3,1) funnel-pop;position:relative;box-shadow:0 30px 80px #0009,0 0 0 1px #37d0ff1a,0 0 70px #37d0ff21}.welcome-kicker{text-transform:uppercase;letter-spacing:.3em;color:var(--accent);text-shadow:0 0 16px #37d0ff80;margin:0 0 14px;font-family:Orbitron,sans-serif;font-size:11px}.welcome-title{background:linear-gradient(#fff 0%,#a9d9ff 65%,#4aa6e0 100%);color:#0000;filter:drop-shadow(0 4px 30px #37d0ff4d);-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-family:Orbitron,sans-serif;font-size:clamp(26px,5vw,34px);font-weight:800;line-height:1.05}.welcome-body{color:#b9c8e0;margin:0 0 24px;font-size:15px;line-height:1.6}.welcome-go{width:100%}.welcome-close{color:#8aa0c4;cursor:pointer;pointer-events:auto;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:10px;right:14px}.welcome-close:hover{color:#fff}.funnel-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px)brightness(.85);backdrop-filter:blur(6px)brightness(.85);background:radial-gradient(120% 100% at 50% 30%,#04060c8c,#020308db);justify-content:center;align-items:center;padding:20px;animation:.25s fade-in;display:flex;position:fixed;inset:0}.funnel-card{border:1px solid var(--line);background:linear-gradient(#121a28eb,#080c16f2);border-radius:18px;width:100%;max-width:520px;padding:26px 26px 22px;animation:.28s cubic-bezier(.2,.9,.3,1) funnel-pop;position:relative;box-shadow:0 30px 80px #0009,0 0 0 1px #37d0ff14}.funnel-card--wide{max-width:760px}@keyframes funnel-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.funnel-close{color:#8aa0c4;cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1;position:absolute;top:12px;right:16px}.funnel-close:hover{color:#fff}.funnel-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.funnel-head h3{color:#eaf2ff;margin:0;font-family:Orbitron,sans-serif;font-size:18px}.funnel-head p{color:#8a9cc4;margin:4px 0 0;font-size:13px}.funnel-count{color:#7f93b6;white-space:nowrap;padding-left:12px;font-size:13px}.funnel-progress{background:#ffffff12;border-radius:999px;height:6px;margin-bottom:18px;overflow:hidden}.funnel-progress-bar{background:linear-gradient(90deg,#37d0ff,#7c5cff);border-radius:999px;height:100%;transition:width .35s}.funnel-step-title{color:#c7d6ee;margin-bottom:12px;font-size:14px;font-weight:600}.funnel-step{min-height:150px}.funnel-fields{flex-direction:column;gap:12px;display:flex}.funnel-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.funnel-grid{grid-template-columns:1fr}}.funnel-label{color:#9fb0cf;margin-bottom:6px;font-size:12.5px;display:block}.funnel-input{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0d;border-radius:11px;outline:none;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.funnel-input::placeholder{color:#6f82a3}.funnel-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.funnel-input{resize:vertical}.funnel-select{position:relative}.funnel-select-trigger{border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:11px;justify-content:space-between;align-items:center;padding:11px 14px;font-family:inherit;font-size:15px;display:flex}.funnel-select-trigger .placeholder{color:#6f82a3}.funnel-chevron{color:#8aa0c4;transition:transform .2s}.funnel-chevron.up{transform:rotate(180deg)}.funnel-select-menu{border:1px solid var(--line);background:#0a101cf7;border-radius:11px;margin-top:8px;transition:max-height .22s cubic-bezier(.2,.8,.2,1);overflow:hidden}.funnel-select-opt{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:11px 14px;font-family:inherit;font-size:14.5px;display:block}.funnel-select-opt:hover{background:var(--accent-soft)}.funnel-review{flex-direction:column;gap:9px;display:flex}.funnel-review-row{border-bottom:1px solid #92b4e01a;justify-content:space-between;gap:16px;padding-bottom:8px;font-size:14px;display:flex}.funnel-review-row .k{color:#8a9cc4}.funnel-review-row .v{color:#eaf2ff;text-align:right;word-break:break-word;font-weight:600}.funnel-cal{background:#ffffff05;border-radius:12px;height:58vh;min-height:420px;overflow:hidden}.funnel-nav{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}