@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f4f6;--app-bg:#030712;--panel-bg:#070f1cc2;--panel-border:#5eead429;--panel-shadow:0 30px 70px #02061773;--text-soft:#94a3b8;--text-strong:#e2e8f0;--cyan-accent:#67e8f9;--teal-accent:#5eead4;--lime-accent:#bef264;--glow-accent:#22d3ee2e;background-color:#030712;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 12%,#22d3ee29 0%,#22d3ee00 28%),radial-gradient(circle at 84% 10%,#10b9811f 0%,#10b98100 26%),radial-gradient(circle at 50% 100%,#3b82f61f 0%,#3b82f600 30%),linear-gradient(#020617 0%,#03111f 48%,#020617 100%);min-width:320px;font-family:Manrope,sans-serif}a{color:inherit}#root,.min-h-screen{min-height:100vh}.bg-black{background-color:#000}.text-gray-100{color:#f3f4f6}.font-sans{font-family:Inter,sans-serif}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-3{padding:.75rem}.p-2{padding:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.w-full{width:100%}.w-80{width:20rem}.max-w-sm{max-width:24rem}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.right-0{right:0}.top-full{top:100%}.top-10{top:2.5rem}.left-10{left:2.5rem}.mt-1{margin-top:.25rem}.mt-0\.5{margin-top:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.pb-4{padding-bottom:1rem}.border-b{border-bottom:1px solid}.border{border:1px solid}.border-gray-800{border-color:#1f2937}.border-gray-700{border-color:#374151}.border-gray-700\/50{border-color:#37415180}.border-green-500{border-color:#22c55e}.border-orange-500{border-color:#f97316}.border-red-500{border-color:#ef4444}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-indigo-400{--tw-gradient-from:#818cf8;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to,#818cf800)}.to-cyan-400{--tw-gradient-to:#22d3ee}.text-transparent{color:#0000}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-\[\#1E293B\]{background-color:#1e293b}.bg-\[\#0F172A\]{background-color:#0f172a}.bg-gray-800{background-color:#1f2937}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-900{background-color:#111827}.bg-green-600\/20{background-color:#16a34a33}.bg-green-500{background-color:#22c55e}.bg-gray-600{background-color:#4b5563}.bg-orange-900\/40{background-color:#7c2d1266}.bg-red-900\/40{background-color:#7f1d1d66}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-800{background-color:#3730a3}.bg-yellow-200{background-color:#fef08a}.bg-gray-100{background-color:#f3f4f6}.bg-cyan-200{background-color:#a5f3fc}.text-indigo-400{color:#818cf8}.text-indigo-300{color:#a5b4fc}.text-cyan-400{color:#22d3ee}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.text-green-400{color:#4ade80}.text-green-300{color:#86efac}.text-red-400{color:#f87171}.text-red-300{color:#fca5a5}.text-red-200{color:#fecaca}.text-orange-400{color:#fb923c}.text-orange-200{color:#fed7aa}.text-blue-400{color:#60a5fa}.text-white{color:#fff}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-\[10px\]{font-size:10px;line-height:12px}.font-extrabold{font-weight:800}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-mono{font-family:monospace}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow-xl{border-radius:.75rem;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006}.shadow-lg{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d}.shadow-\[0_0_40px_rgba\(30\,27\,75\,0\.4\)\]{box-shadow:0 0 40px #1e1b4b66}.shadow-\[0_0_15px_rgba\(239\,68\,68\,0\.3\)\]{box-shadow:0 0 15px #ef44444d}.shadow-\[0_0_8px_rgba\(34\,197\,94\,0\.6\)\]{box-shadow:0 0 8px #22c55e99}.opacity-0{opacity:0}.opacity-80{opacity:.8}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s}.transition-all{transition-property:all;transition-duration:.15s}.duration-1000{transition-duration:1s}.animate-spin{animation:1s linear infinite spin}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:bg-indigo-500:hover{background-color:#6366f1}.hover\:text-indigo-300:hover{color:#a5b4fc}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}.group:hover .group-hover\:opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.max-h-\[90vh\]{max-height:90vh}.w-4{width:1rem}.h-4{height:1rem}.h-2{height:.5rem}.h-\[600px\]{height:600px}.appearance-none{appearance:none}.appearance-none::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a}.custom-scrollbar::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.fade-in{animation:.5s ease-in fadeIn}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fly{0%{transform:translate(0)translateY(0)rotate(-10deg)}50%{transform:translate(200px)translateY(-50px)rotate(10deg)}to{transform:translate(400px)translateY(-20px)rotate(-10deg)}}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none}.app-shell{max-width:1680px;margin:0 auto;position:relative}.app-shell:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(#94a3b80b 1px,#0000 1px),linear-gradient(90deg,#94a3b80b 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 32%,#0000 82%);mask-image:radial-gradient(circle,#000 32%,#0000 82%)}.app-header{border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);background:linear-gradient(135deg,#0f172ae6 0%,#060e1de0 62%,#082f49c7 100%);border-radius:28px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;padding:24px 26px;animation:.78s cubic-bezier(.22,1,.36,1) both panelRise;display:flex;overflow:hidden}.app-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 24%,#67e8f921 0%,#67e8f900 24%),radial-gradient(circle at 82% 10%,#bef2641a 0%,#bef26400 22%);position:absolute;inset:0}.app-header-copy,.app-header-meta{z-index:1;position:relative}.app-header-copy{flex-direction:column;gap:10px;max-width:860px;display:flex}.app-kicker{color:#a5f3fc;letter-spacing:.16em;text-transform:uppercase;background:#082f4959;border:1px solid #67e8f940;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.app-title{letter-spacing:-.045em;color:#f8fafc;text-wrap:balance;font-family:Space Grotesk,Manrope,sans-serif;font-size:clamp(2.6rem,4.2vw,4.6rem);line-height:.94}.app-subtitle{max-width:720px;color:var(--text-soft);font-size:clamp(1rem,1.4vw,1.08rem);line-height:1.7}.app-header-meta{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.app-meta-card{text-align:right;background:#ffffff0f;border:1px solid #94a3b833;border-radius:18px;min-width:164px;padding:14px 16px;box-shadow:inset 0 1px #ffffff0d}.app-meta-label{color:#94a3b8;letter-spacing:.14em;text-transform:uppercase;font-size:11px;display:block}.app-meta-value{color:#e0f2fe;margin-top:6px;font-size:1.1rem;font-weight:800}.app-demo-pill{color:#ccfbf1;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(135deg,#0891b23d 0%,#14b8a624 100%);border:1px solid #5eead442;border-radius:999px;justify-content:center;align-items:center;padding:11px 15px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.app-demo-pill:hover{background:linear-gradient(135deg,#0891b24d 0%,#14b8a62e 100%);border-color:#5eead46b;transform:translateY(-1px)}.app-main{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.app-stage{flex-direction:column;gap:14px;min-width:0;display:flex}.app-map-frame{border-radius:28px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #94a3b81a,0 30px 80px #0f172a47}.app-map-frame:after{content:"";pointer-events:none;background:linear-gradient(110deg,#fff0 20%,#ffffff24 48%,#fff0 70%);animation:8s ease-in-out infinite sheenSweep;position:absolute;inset:0;transform:translate(-120%)}.app-stage-note{color:#cbd5e1;letter-spacing:.01em;background:linear-gradient(#080f1cc7 0%,#040c18a6 100%);border:1px solid #5eead429;border-radius:18px;padding:14px 18px;font-size:.95rem;line-height:1.6;box-shadow:0 20px 50px #02061747}.app-sidebar{flex-direction:column;gap:24px;min-width:0;display:flex}.app-panel{border-radius:22px;width:100%}.app-panel-immersive{border-radius:24px;overflow:hidden}.app-panel-soft{background:linear-gradient(#090e1ceb 0%,#050913e6 100%);border:1px solid #47556959;box-shadow:0 24px 52px #02061757}.app-reveal{opacity:0;animation:.76s cubic-bezier(.22,1,.36,1) forwards panelRise}.app-reveal-primary{animation-delay:80ms}.app-reveal-secondary{animation-delay:.16s}.app-reveal-tertiary{animation-delay:.24s}.app-reveal-quaternary{animation-delay:.32s}@media (width<=1180px){.app-main{grid-template-columns:1fr}.app-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.app-sidebar>:first-child{grid-column:1/-1}}@media (width<=900px){.app-shell{padding:18px}.app-header{flex-direction:column;align-items:stretch;padding:22px 20px}.app-header-meta{flex-direction:row;justify-content:space-between;align-items:center}.app-sidebar{grid-template-columns:1fr}.app-stage-note{font-size:.9rem}}@media (width<=640px){.app-shell{padding:12px}.app-header{border-radius:22px;margin-bottom:18px;padding:18px 16px}.app-kicker{letter-spacing:.12em;font-size:10px}.app-header-meta{flex-direction:column;align-items:stretch}.app-meta-card,.app-demo-pill{text-align:center;width:100%}.app-stage{gap:12px}.app-stage-note{padding:12px 14px;font-size:.88rem}}@keyframes panelRise{0%{opacity:0;filter:blur(10px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes sheenSweep{0%,to{opacity:0;transform:translate(-120%)}16%{opacity:1}34%{opacity:0;transform:translate(120%)}}