:root{--neu-bg-base: #0d0d0d;--neu-bg-card: #141414;--neu-bg-elevated: #1a1a1a;--neu-bg-input: #0a0a0a;--neu-bg-button: #111111;--neu-bg-active: #ffffff;--neu-border: #1f1f1f;--neu-border-hi: rgba(255, 255, 255, .06);--divider: rgba(255, 255, 255, .04);--neu-text-primary: #ffffff;--neu-text-secondary: rgba(255, 255, 255, .62);--neu-text-muted: rgba(255, 255, 255, .4);--neu-text-ghost: rgba(255, 255, 255, .18);--neu-text-active: #0d0d0d;--neu-accent: #ffffff;--neu-accent-glow: rgba(255, 255, 255, .12);--neu-success: #4ADE80;--neu-warning: #F59E0B;--neu-error: #EF4444;--neu-info: #3B82F6;--neu-shadow-raised: 6px 6px 12px rgba(0,0,0,.7), -6px -6px 12px rgba(40,40,40,.15);--neu-shadow-raised-sm: 3px 3px 6px rgba(0,0,0,.6), -3px -3px 6px rgba(40,40,40,.12);--neu-shadow-raised-lg: 8px 8px 16px rgba(0,0,0,.8), -8px -8px 16px rgba(40,40,40,.18);--neu-shadow-pressed: inset 4px 4px 8px rgba(0,0,0,.7), inset -4px -4px 8px rgba(40,40,40,.08);--neu-shadow-pressed-sm: inset 2px 2px 4px rgba(0,0,0,.6), inset -2px -2px 4px rgba(40,40,40,.06);--neu-shadow-glow: 0 0 20px rgba(255,255,255,.03);--neu-shadow-glow-accent: 0 0 20px var(--neu-accent-glow);--neu-radius-sm: 12px;--neu-radius-md: 16px;--neu-radius-lg: 20px;--neu-radius-xl: 24px;--neu-radius-2xl: 32px;--neu-radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--header-height: 56px;--sidebar-width: 220px;--sidebar-collapsed: 54px;--page-max-width: 1280px;--chart-tick: rgba(255,255,255,.22);--chart-refline: rgba(255,255,255,.08);--chart-cursor: rgba(255,255,255,.03);--tooltip-bg: rgba(20,20,20,.88);--tooltip-border: rgba(255,255,255,.08);--progress-fill: linear-gradient(90deg, rgba(255,255,255,.55), rgba(255,255,255,.9));--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Space Mono", monospace;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif}[data-theme=light]{--neu-bg-base: #efefef;--neu-bg-card: #e6e6e6;--neu-bg-elevated: #f5f5f5;--neu-bg-input: #e0e0e0;--neu-bg-button: #e8e8e8;--neu-bg-active: #1a1a1a;--neu-border: #d0d0d0;--neu-border-hi: rgba(0,0,0,.06);--divider: rgba(0,0,0,.06);--neu-text-primary: #111111;--neu-text-secondary: rgba(0,0,0,.62);--neu-text-muted: rgba(0,0,0,.4);--neu-text-ghost: rgba(0,0,0,.18);--neu-text-active: #ffffff;--neu-accent: #1a1a1a;--neu-accent-glow: rgba(0,0,0,.1);--neu-success: #22c55e;--neu-warning: #d97706;--neu-error: #dc2626;--neu-shadow-raised: 6px 6px 12px rgba(0,0,0,.12), -6px -6px 12px rgba(255,255,255,.8);--neu-shadow-raised-sm: 3px 3px 6px rgba(0,0,0,.1), -3px -3px 6px rgba(255,255,255,.7);--neu-shadow-raised-lg: 8px 8px 16px rgba(0,0,0,.14), -8px -8px 16px rgba(255,255,255,.85);--neu-shadow-pressed: inset 4px 4px 8px rgba(0,0,0,.1), inset -4px -4px 8px rgba(255,255,255,.7);--neu-shadow-pressed-sm: inset 2px 2px 4px rgba(0,0,0,.08), inset -2px -2px 4px rgba(255,255,255,.6);--chart-tick: rgba(0,0,0,.4);--chart-refline: rgba(0,0,0,.12);--tooltip-bg: rgba(230,230,230,.92);--tooltip-border: rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--neu-bg-base);color:var(--neu-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--neu-text-ghost);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neu-text-muted)}.neu-card{background:var(--neu-bg-card);border:1px solid var(--neu-border);box-shadow:var(--neu-shadow-raised),inset 0 1px 0 var(--neu-border-hi);border-radius:var(--neu-radius-xl);transition:box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease,transform .2s cubic-bezier(.4,0,.2,1)}.neu-card-inset{background:var(--neu-bg-input);box-shadow:var(--neu-shadow-pressed);border-radius:var(--neu-radius-lg)}.neu-btn{background:var(--neu-bg-button);color:var(--neu-text-primary);box-shadow:var(--neu-shadow-raised-sm);border-radius:var(--neu-radius-lg);padding:12px 20px;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.neu-btn:hover{transform:translateY(-2px);box-shadow:var(--neu-shadow-raised)}.neu-btn-primary{background:var(--neu-accent);color:var(--neu-text-active)}.neu-btn-primary:hover{box-shadow:var(--neu-shadow-glow-accent)}.neu-btn-ghost{background:transparent;border:1px solid var(--neu-border-hi);box-shadow:none}.neu-input{width:100%;background:var(--neu-bg-input);box-shadow:var(--neu-shadow-pressed-sm);border-radius:var(--neu-radius-lg);border:1px solid var(--neu-border);padding:12px 16px;color:var(--neu-text-primary);font-size:.875rem;font-family:inherit;transition:all .15s ease}.neu-input:focus{outline:none;border-color:var(--neu-accent);box-shadow:var(--neu-shadow-pressed),0 0 0 2px var(--neu-accent),0 0 16px var(--neu-accent-glow)}.neu-input::placeholder{color:var(--neu-text-muted)}.neu-input:-webkit-autofill,.neu-input:-webkit-autofill:hover,.neu-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--neu-text-primary);-webkit-box-shadow:0 0 0 1000px var(--neu-bg-input) inset;box-shadow:0 0 0 1000px var(--neu-bg-input) inset;transition:background-color 9999s ease-in-out 0s}.neu-label{display:block;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--neu-text-muted);margin-bottom:6px}.neu-icon{width:40px;height:40px;border-radius:var(--neu-radius-md);background:var(--neu-bg-input);box-shadow:var(--neu-shadow-pressed);display:flex;align-items:center;justify-content:center;color:var(--neu-text-primary)}.neu-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--neu-radius-full);font-size:.72rem;font-weight:600;box-shadow:var(--neu-shadow-raised-sm);background:var(--neu-bg-elevated);color:var(--neu-text-secondary)}.neu-badge-success{color:var(--neu-success)}.neu-badge-warning{color:var(--neu-warning)}.neu-badge-error{color:var(--neu-error)}.neu-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.neu-status-dot.online{background:var(--neu-success);box-shadow:0 0 8px var(--neu-success)}.neu-status-dot.warning{background:var(--neu-warning);box-shadow:0 0 8px var(--neu-warning);animation:neu-pulse 2s infinite}.neu-status-dot.error{background:var(--neu-error);box-shadow:0 0 8px var(--neu-error)}.neu-nav-item{padding:12px 16px;border-radius:var(--neu-radius-lg);color:var(--neu-text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:center;gap:12px;font-size:.875rem;font-weight:500;text-decoration:none;-webkit-user-select:none;user-select:none}.neu-nav-item:hover{background:var(--neu-bg-card);box-shadow:var(--neu-shadow-raised-sm);color:var(--neu-text-primary)}.neu-nav-item.active{background:var(--neu-bg-active);color:var(--neu-text-active);box-shadow:var(--neu-shadow-raised-sm)}.neu-skeleton{background:linear-gradient(90deg,var(--neu-bg-input) 25%,var(--neu-bg-elevated) 50%,var(--neu-bg-input) 75%);background-size:200% 100%;animation:neu-shimmer 1.5s ease-in-out infinite;border-radius:var(--neu-radius-md)}@keyframes neu-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes neu-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes neu-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{--neu-bg-base: #0A0F1C;--neu-bg-card: #121A2E;--neu-bg-elevated: #18223A;--neu-bg-input: #0C1324;--neu-bg-button: #152038;--neu-bg-active: #5B82FF;--neu-border: rgba(120, 160, 255, .11);--neu-border-hi: rgba(150, 185, 255, .18);--divider: rgba(120, 160, 255, .08);--neu-text-primary: #F0F4FC;--neu-text-secondary: rgba(240, 244, 252, .64);--neu-text-muted: rgba(240, 244, 252, .44);--neu-text-ghost: rgba(240, 244, 252, .2);--neu-text-active: #0A0F1C;--neu-accent: #5B82FF;--neu-accent-glow: rgba(91, 130, 255, .28);--neu-glass-fill: #121A2E;--neu-glass-fill-hi: #18223A;--neu-glass-blur: 18px;--neu-chrome-fill: rgba(10, 15, 28, .9);--neu-shadow-raised: 0 8px 28px -10px rgba(0, 4, 20, .55);--neu-shadow-raised-sm: 0 4px 14px -6px rgba(0, 4, 20, .48);--neu-shadow-raised-lg: 0 18px 48px -16px rgba(0, 4, 20, .58);--neu-shadow-pressed: inset 0 2px 10px rgba(0, 0, 0, .42);--neu-shadow-pressed-sm: inset 0 1px 6px rgba(0, 0, 0, .36);--neu-shadow-glow: 0 0 28px rgba(91, 130, 255, .06);--neu-shadow-glow-accent: 0 0 28px var(--neu-accent-glow);--neu-shadow-glass: 0 12px 36px -16px rgba(0, 4, 20, .52);--neu-shadow-glass-raised: 0 18px 44px -18px rgba(0, 4, 20, .56);--neu-accent-soft: rgba(91, 130, 255, .14);--neu-accent-glow-hi: rgba(91, 130, 255, .36);--neu-shadow-hero: 0 0 0 1px rgba(91, 130, 255, .14), 0 0 72px -24px rgba(91, 130, 255, .35), 0 24px 48px -24px rgba(0, 4, 20, .5);--neu-shadow-card-soft: var(--neu-shadow-glass);--neu-shadow-card-raised: var(--neu-shadow-glass-raised);--chart-tick: rgba(240, 244, 252, .26);--chart-refline: rgba(120, 160, 255, .08);--chart-cursor: rgba(91, 130, 255, .07);--tooltip-bg: rgba(18, 26, 46, .96);--tooltip-border: rgba(120, 160, 255, .12);--progress-fill: linear-gradient(90deg, rgba(91,130,255,.5), rgba(91,130,255,.95))}[data-theme=light]{--neu-bg-base: #EEF1F8;--neu-bg-card: #FFFFFF;--neu-bg-elevated: #F7F9FD;--neu-bg-input: #E8ECF5;--neu-bg-button: #F0F3FA;--neu-bg-active: #0F1B3D;--neu-border: rgba(15, 27, 61, .09);--neu-border-hi: rgba(15, 27, 61, .14);--divider: rgba(15, 27, 61, .07);--neu-text-primary: #0F1B3D;--neu-text-secondary: rgba(15, 27, 61, .64);--neu-text-muted: rgba(15, 27, 61, .44);--neu-text-ghost: rgba(15, 27, 61, .2);--neu-text-active: #FFFFFF;--neu-accent: #0F1B3D;--neu-accent-glow: rgba(15, 27, 61, .12);--neu-glass-fill: rgba(255, 255, 255, .92);--neu-glass-fill-hi: rgba(255, 255, 255, .96);--neu-glass-blur: 14px;--neu-chrome-fill: rgba(238, 241, 248, .9);--neu-shadow-raised: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 8px 28px -12px rgba(15, 27, 61, .12);--neu-shadow-raised-sm: 0 1px 0 rgba(255, 255, 255, .85) inset, 0 4px 14px -6px rgba(15, 27, 61, .1);--neu-shadow-raised-lg: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 18px 48px -16px rgba(15, 27, 61, .14);--neu-shadow-pressed: inset 0 2px 8px rgba(15, 27, 61, .08);--neu-shadow-pressed-sm: inset 0 1px 4px rgba(15, 27, 61, .07);--neu-shadow-glow: 0 0 24px rgba(15, 27, 61, .04);--neu-shadow-glow-accent: 0 0 24px var(--neu-accent-glow);--neu-shadow-glass: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 12px 36px -16px rgba(15, 27, 61, .12);--neu-shadow-glass-raised: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 20px 48px -18px rgba(15, 27, 61, .16);--neu-accent-soft: rgba(15, 27, 61, .06);--neu-accent-glow-hi: rgba(15, 27, 61, .16);--neu-shadow-hero: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 0 0 1px rgba(15, 27, 61, .08), 0 0 72px -24px rgba(15, 27, 61, .14), 0 24px 48px -24px rgba(15, 27, 61, .12);--neu-shadow-card-soft: var(--neu-shadow-glass);--neu-shadow-card-raised: var(--neu-shadow-glass-raised);--chart-tick: rgba(15, 27, 61, .42);--chart-refline: rgba(15, 27, 61, .12);--chart-cursor: rgba(15, 27, 61, .04);--tooltip-bg: rgba(255, 255, 255, .92);--tooltip-border: rgba(15, 27, 61, .1);--progress-fill: linear-gradient(90deg, rgba(15,27,61,.5), rgba(15,27,61,.92))}html{background-color:var(--neu-bg-base)}body{min-height:100vh;background-color:var(--neu-bg-base);background-image:radial-gradient(1100px 540px at 10% -10%,rgba(91,130,255,.12),transparent 58%),radial-gradient(900px 460px at 94% 4%,rgba(40,70,140,.1),transparent 52%);background-attachment:fixed}[data-theme=light] body{background-image:radial-gradient(900px 420px at 10% -10%,rgba(91,130,255,.06),transparent 55%)}@keyframes siren-pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@keyframes siren-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.siren-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.siren-dot.success{background:var(--neu-success);box-shadow:0 0 10px #4ade8080}.siren-dot.warn{background:var(--neu-warning)}.siren-dot.error{background:var(--neu-error)}.siren-dot.muted{background:var(--neu-text-ghost)}.siren-dot.live{background:var(--neu-accent);box-shadow:0 0 12px var(--neu-accent-glow-hi);position:relative}.siren-dot.live:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--neu-accent);opacity:.4;animation:siren-pulse-soft 1.6s infinite}.siren-section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;color:var(--neu-text-muted);text-transform:uppercase}.siren-card-glass{background:var(--neu-bg-card);border:1px solid var(--neu-border);border-radius:20px;box-shadow:var(--neu-shadow-glass);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease,background .22s ease}.siren-card-glass:hover{border-color:var(--neu-border-hi);background:var(--neu-bg-elevated);transform:translateY(-1px);box-shadow:var(--neu-shadow-glass-raised)}.siren-hero-card{background:radial-gradient(800px 280px at 8% 50%,var(--neu-accent-soft),transparent 60%),var(--neu-bg-card);border:1px solid var(--neu-border);border-radius:24px;box-shadow:var(--neu-shadow-hero);position:relative;overflow:hidden}.siren-shimmer-top{position:relative}.siren-shimmer-top:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neu-accent),transparent);background-size:200% 100%;animation:siren-shimmer 2s linear infinite;opacity:.7}.neu-card{background:var(--neu-bg-card);border:1px solid var(--neu-border);box-shadow:var(--neu-shadow-glass);border-radius:var(--neu-radius-xl);transition:box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1),background .22s ease}.neu-card:hover{border-color:var(--neu-border-hi)}.neu-card-inset{background:var(--neu-bg-input);box-shadow:var(--neu-shadow-pressed);border:1px solid var(--neu-border);border-radius:var(--neu-radius-lg)}.neu-btn{background:var(--neu-bg-button);color:var(--neu-text-primary);box-shadow:var(--neu-shadow-raised-sm);border-radius:999px;border:1px solid var(--neu-border);padding:11px 20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease,background .18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.neu-btn:hover{transform:translateY(-1px);border-color:var(--neu-border-hi);box-shadow:var(--neu-shadow-raised)}.neu-btn:active{transform:translateY(0);box-shadow:var(--neu-shadow-pressed-sm)}.neu-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.neu-btn-primary{background:var(--neu-accent);color:var(--neu-text-active);border-color:transparent;box-shadow:0 1px #ffffff2e inset,0 8px 24px -8px var(--neu-accent-glow)}.neu-btn-primary:hover{box-shadow:0 1px #ffffff38 inset,0 12px 32px -8px var(--neu-accent-glow-hi);filter:brightness(1.04)}.neu-btn-ghost{background:transparent;border:1px solid var(--neu-border);box-shadow:none}.neu-btn-ghost:hover{background:var(--neu-accent-soft);border-color:var(--neu-border-hi);box-shadow:none}.neu-input{background:var(--neu-bg-input);box-shadow:var(--neu-shadow-pressed-sm);border-radius:var(--neu-radius-lg);border:1px solid var(--neu-border);transition:border-color .15s ease,box-shadow .15s ease}.neu-input:focus{outline:none;border-color:color-mix(in srgb,var(--neu-accent) 55%,transparent);box-shadow:var(--neu-shadow-pressed-sm),0 0 0 3px var(--neu-accent-soft),0 0 20px var(--neu-accent-glow)}:root{--feature-gold: #F5B800;--feature-coral: #FF6B6B;--feature-teal: #14B8A6;--feature-violet: #A78BFA;--feature-gold-glow: rgba(245, 184, 0, .22);--feature-coral-glow: rgba(255, 107, 107, .22);--feature-teal-glow: rgba( 20, 184, 166, .22);--feature-violet-glow: rgba(167, 139, 250, .22)}.feature-badge-gold{color:var(--feature-gold);box-shadow:var(--neu-shadow-raised-sm),0 0 16px var(--feature-gold-glow)}.feature-badge-coral{color:var(--feature-coral);box-shadow:var(--neu-shadow-raised-sm),0 0 16px var(--feature-coral-glow)}.feature-badge-teal{color:var(--feature-teal);box-shadow:var(--neu-shadow-raised-sm),0 0 16px var(--feature-teal-glow)}.feature-badge-violet{color:var(--feature-violet);box-shadow:var(--neu-shadow-raised-sm),0 0 16px var(--feature-violet-glow)}html,body,#root{min-height:100vh;background:#ede8df}.hero-blob{position:absolute;width:62vw;max-width:820px;aspect-ratio:1;top:-12%;left:50%;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at center,#5b82ff73,#5b82ff2e 40%,#5b82ff00 70%);filter:blur(64px);pointer-events:none;z-index:0}.section{position:relative;max-width:var(--page-max-width);margin-inline:auto;padding:var(--space-2xl) var(--space-xl)}@media (max-width: 768px){.section{padding:var(--space-xl) var(--space-md)!important}}.kicker{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--neu-text-muted)}.lp-reveal{opacity:0;transform:translateY(12px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.lp-reveal[data-revealed=true]{opacity:1;transform:translateY(0)}.lp-reveal-cascade{transition-delay:calc(var(--i, 0) * 90ms)}@media (prefers-reduced-motion: reduce){.lp-reveal{opacity:1;transform:none;transition:none}.lp-reveal-cascade{transition-delay:0ms}}.lp-cta-primary{position:relative;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1)}.lp-cta-primary:hover{transform:translateY(-1.5px);box-shadow:0 0 0 1px #5b82ff8c,0 18px 38px -10px #5b82ff8c}.lp-cta-primary:active{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.lp-cta-primary{transition:none}.lp-cta-primary:hover{transform:none}}@keyframes lp-route-fade-in{0%{opacity:0}to{opacity:1}}.lp-route-fade{animation:lp-route-fade-in .28s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion: reduce){.lp-route-fade{animation:none}}