*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui:var(--font-inter), "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-display), "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:var(--font-mono), "JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--max-width:1680px;--header-height:64px;--duration-fast:.16s;--duration-normal:.26s;--duration-slow:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--accent:#6366f1;--accent-hover:#4f46e5;--accent-soft:#6366f11a;--accent-glow:#6366f133;--accent-primary:#6366f1;--accent-gold:#f59e0b;--accent-gold-soft:#f59e0b1a;--accent-cyan:#06b6d4;--accent-cyan-soft:#06b6d41a;--accent-indigo:#6366f1;--accent-emerald:#10b981;--accent-emerald-soft:#10b9811a;--accent-rose:#f43f5e;--accent-rose-soft:#f43f5e1a;--status-active:#10b981;--status-active-bg:#10b9811a;--status-nearing:#f59e0b;--status-nearing-bg:#f59e0b1a;--status-saturated:#64748b;--status-saturated-bg:#64748b1a;--status-deprecated:#f43f5e;--status-deprecated-bg:#f43f5e1a;--risk-low:#10b981;--risk-medium:#f59e0b;--risk-high:#f43f5e;--trust-low:#f43f5e;--trust-mid:#f59e0b;--trust-high:#10b981;--medal-gold:#f59e0b;--medal-silver:#94a3b8;--medal-bronze:#ea580c;--chart-1:#6366f1;--chart-2:#06b6d4;--chart-3:#10b981;--chart-4:#f59e0b;--chart-5:#f43f5e;--chart-6:#8b5cf6;--chart-7:#ec4899;--chart-8:#14b8a6}[data-theme=light],:root{--bg:#f8f9fc;--bg-surface:#fff;--bg-surface-hover:#f1f3f9;--bg-surface-alt:#f5f7fb;--bg-inset:#eef1f8;--surface:#fff;--bg-secondary:#f5f7fb;--text:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-faint:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-subtle:#f1f5f9;--shadow-sm:0 1px 3px 0 #0000000a, 0 1px 2px -1px #00000008;--shadow-md:0 6px 18px -3px #0f172a0f, 0 2px 8px -2px #0f172a0a;--shadow-lg:0 16px 36px -6px #0f172a14, 0 6px 16px -4px #0f172a0a;--shadow-xl:0 24px 48px -8px #0f172a1a, 0 8px 24px -4px #0f172a0f;--shadow-glow:0 0 0 1px #6366f133, 0 10px 30px -4px #6366f129;--shadow-card-hover:0 14px 34px -4px #0f172a17, 0 4px 12px -2px #0f172a0a, 0 0 0 1px #6366f133;--gradient-accent:linear-gradient(135deg, #6366f1 0%, #818cf8 45%, #06b6d4 100%);--gradient-warm:linear-gradient(135deg, #f59e0b 0%, #f97316 50%, #ea580c 100%);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -10%, #6366f11a 0%, transparent 70%), radial-gradient(ellipse 60% 45% at 85% 15%, #06b6d412 0%, transparent 60%), radial-gradient(ellipse 50% 35% at 15% 25%, #10b9810d 0%, transparent 50%);--gradient-section:linear-gradient(180deg, transparent 0%, #6366f105 50%, transparent 100%);--glass-bg:#ffffffc7;--glass-bg-hover:#ffffffeb;--glass-border:#e2e8f0d9;--glass-shine:linear-gradient(135deg, #ffffffe6 0%, #ffffff26 60%);--shadow-3d:0 4px 0 #cbd5e1, 0 10px 20px -3px #0f172a12;--shadow-3d-hover:0 8px 0 #cbd5e1, 0 16px 30px -4px #6366f129;--shadow-3d-active:0 1px 0 #cbd5e1, 0 2px 4px #0f172a14;--shadow-pop:0 3px 0 #94a3b8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0b0e1a;--bg-surface:#111527;--bg-surface-hover:#181d35;--bg-surface-alt:#141831;--bg-inset:#0d1120;--surface:#111527;--bg-secondary:#141831;--text:#f1f5f9;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-faint:#64748b;--text-tertiary:#475569;--text-inverse:#0b0e1a;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-soft:#818cf824;--accent-primary:#818cf8;--accent-gold:#fbbf24;--accent-cyan:#22d3ee;--accent-indigo:#818cf8;--border:#1e2540;--border-strong:#2e3655;--border-subtle:#181d35;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 32px #0009;--shadow-xl:0 24px 48px #000000b3;--shadow-glow:0 0 0 1px #818cf84d, 0 4px 24px #818cf82e;--shadow-card-hover:0 16px 36px #0000008c, 0 0 0 1px #818cf84d;--gradient-accent:linear-gradient(135deg, #818cf8 0%, #a78bfa 45%, #22d3ee 100%);--gradient-warm:linear-gradient(135deg, #fbbf24 0%, #f97316 50%, #ea580c 100%);--gradient-hero:radial-gradient(ellipse 80% 60% at 50% -10%, #818cf826 0%, transparent 70%), radial-gradient(ellipse 60% 45% at 85% 15%, #22d3ee1a 0%, transparent 60%), radial-gradient(ellipse 50% 35% at 15% 25%, #10b98112 0%, transparent 50%);--gradient-section:linear-gradient(180deg, transparent 0%, #818cf808 50%, transparent 100%);--glass-bg:#111527bf;--glass-bg-hover:#181d35e0;--glass-border:#ffffff1a;--glass-shine:linear-gradient(135deg, #ffffff1f 0%, #ffffff05 60%);--shadow-3d:0 4px 0 #0f1225, 0 10px 24px -3px #0000008c;--shadow-3d-hover:0 8px 0 #0f1225, 0 18px 32px -4px #818cf838;--shadow-3d-active:0 1px 0 #0f1225, 0 2px 6px #0009;--shadow-pop:0 3px 0 #1e2540;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{font-family:var(--font-ui);color:var(--text);background-color:var(--bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.6}body{background-color:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text);font-weight:750;line-height:1.2}h1{letter-spacing:-.04em;font-size:clamp(2.2rem,4.5vw,3.25rem);font-weight:800}h2{letter-spacing:-.03em;font-size:clamp(1.6rem,3vw,2.15rem);font-weight:750}h3{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700}.ai-grid-backdrop{background-image:radial-gradient(#6366f11f 1px,#0000 1px);background-size:24px 24px}[data-theme=dark] .ai-grid-backdrop{background-image:radial-gradient(#818cf814 1px,#0000 1px)}main#main-content{min-height:calc(100dvh - var(--header-height) - 300px);padding-bottom:var(--space-8)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-secondary{color:var(--text-secondary)}.text-faint{color:var(--text-faint)}.text-accent{color:var(--accent)}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}a{color:var(--accent);transition:color var(--duration-fast) ease;text-decoration:none}a:hover{color:var(--accent-hover)}.container{width:100%;max-width:var(--max-width);box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:clamp(1.25rem,2.5vw,2.25rem);padding-right:clamp(1.25rem,2.5vw,2.25rem)}@media (max-width:768px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (max-width:480px){.container{padding-left:var(--space-3);padding-right:var(--space-3)}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px)saturate(180%);border:1px solid var(--glass-border);transition:all var(--duration-normal) var(--ease-spring);box-shadow:0 8px 32px -4px #0000000f,inset 0 1px 1px #ffffff59}.glass-card:hover{box-shadow:0 16px 36px -6px #6366f11f, 0 4px 0 var(--border-strong), inset 0 1px 1px 0 #ffffff80;border-color:#6366f14d;transform:translateY(-4px)scale(1.008)}.card-3d{background:var(--bg-surface);border:2px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-3d);transition:all var(--duration-fast) var(--ease-spring)}.card-3d:hover{box-shadow:var(--shadow-3d-hover);border-color:var(--accent);transform:translateY(-4px)}.card-3d:active{box-shadow:var(--shadow-3d-active);transform:translateY(2px)}.btn-3d{font-family:var(--font-ui);font-size:var(--text-sm);border-radius:var(--radius-full);border:2px solid var(--text);color:var(--text-inverse);background:var(--text);box-shadow:0 3px 0 var(--border-strong);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);justify-content:center;align-items:center;gap:8px;padding:.65rem 1.35rem;font-weight:750;text-decoration:none;display:inline-flex}.btn-3d:hover{box-shadow:0 5px 0 var(--border-strong), 0 10px 20px -3px #6366f140;color:#fff;transform:translateY(-2px)}.btn-3d:active{box-shadow:0 1px 0 var(--border-strong);transform:translateY(2px)}.badge-pop{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-spring);border:1.5px solid;align-items:center;gap:6px;padding:4px 12px;font-size:.725rem;font-weight:800;display:inline-flex;box-shadow:2px 2px}.badge-pop:hover{transform:scale(1.06)rotate(-1.5deg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float3D{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(.8deg)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.04)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popBounce{0%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes neonAura{0%,to{box-shadow:0 0 15px #6366f140,inset 0 0 15px #6366f11a}50%{box-shadow:0 0 25px #06b6d44d,inset 0 0 20px #06b6d41f}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:2000px}to{opacity:0;max-height:0}}@keyframes borderGlow{0%,to{border-color:#6366f126}50%{border-color:#6366f166}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fadeUp var(--duration-slow) var(--ease-out) both}.animate-fade-up-1{animation:fadeUp var(--duration-slow) var(--ease-out) 0s both}.animate-fade-up-2{animation:fadeUp var(--duration-slow) var(--ease-out) .1s both}.animate-fade-up-3{animation:fadeUp var(--duration-slow) var(--ease-out) .2s both}.animate-fade-up-4{animation:fadeUp var(--duration-slow) var(--ease-out) .3s both}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-out) both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}table{border-collapse:collapse;width:100%;font-size:var(--text-base)}th{text-align:left;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--border-strong);white-space:nowrap}td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}tr:hover td{background:var(--bg-surface-hover)}.data-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.score-bar-track{background:var(--border);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.score-bar-fill{background:var(--gradient-accent);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-out)}.btn-primary{align-items:center;gap:var(--space-2);background:var(--gradient-accent);font-size:var(--text-sm);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #6366f14d;color:#fff!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.btn-secondary{align-items:center;gap:var(--space-2);background:var(--bg-surface);font-size:var(--text-sm);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-flex;color:var(--text)!important}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-md);transform:translateY(-2px);color:var(--accent)!important}.btn-ghost{align-items:center;gap:var(--space-2);background:var(--bg-surface-alt);font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);padding:.7rem 1.4rem;font-weight:600;text-decoration:none;display:inline-flex;color:var(--text-secondary)!important}.btn-ghost:hover{border-color:var(--border-strong);background:var(--bg-surface);transform:translateY(-2px);color:var(--text)!important}.btn-primary:active,.btn-secondary:active,.btn-ghost:active{transform:translateY(0)scale(.98)}.card-interactive{transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), border-color var(--duration-normal) ease}.card-interactive:hover{box-shadow:var(--shadow-card-hover);border-color:#6366f159;transform:translateY(-3px)}.section-divider{background:linear-gradient(90deg, transparent, var(--border-strong) 25%, var(--accent) 50%, var(--border-strong) 75%, transparent);opacity:.4;width:100%;height:1px;margin:var(--space-12) 0}.accordion-trigger{width:100%;padding:var(--space-5) var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;color:var(--text);justify-content:space-between;align-items:center;font-family:inherit;display:flex}.accordion-trigger:hover{border-color:var(--accent);background:var(--bg-surface-hover);box-shadow:var(--shadow-md)}.accordion-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--bg-surface);box-shadow:var(--shadow-glow);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion-content{border:1px solid var(--accent);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);background:var(--bg-surface);padding:var(--space-6);animation:slideDown var(--duration-slow) var(--ease-out) both;border-top:none}.accordion-chevron{transition:transform var(--duration-normal) var(--ease-out);color:var(--text-faint);flex-shrink:0}.accordion-trigger[aria-expanded=true] .accordion-chevron{color:var(--accent);transform:rotate(180deg)}.chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface-alt);color:var(--text-secondary);transition:all var(--duration-fast);cursor:default;align-items:center;gap:4px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.stat-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}.skeleton{background:linear-gradient(90deg, var(--bg-inset) 25%, var(--bg-surface-hover) 50%, var(--bg-inset) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.glow-dot{background:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 6px var(--accent-emerald), 0 0 12px #10b9814d;border-radius:50%;animation:2s ease-in-out infinite pulseGlow}.tooltip-wrapper{position:relative}.tooltip-wrapper:after{content:attr(data-tooltip);background:var(--text);color:var(--text-inverse);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--duration-fast) var(--ease-out);z-index:50;padding:4px 10px;font-size:.6875rem;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.95)}.tooltip-wrapper:hover:after{opacity:1;transform:translate(-50%)scale(1)}