:root{--bg-primary:#020617;--bg-secondary:#07111f;--bg-card:#0b1628;--bg-hover:#101f35;--accent-cyan:#22d3ee;--accent-blue:#3b82f6;--accent-purple:#a855f7;--accent-teal:#22d3ee;--accent-amber:#fbbf24;--accent-red:#fb7185;--border:#94a3b82e;--elite:#22d3ee;--pretenders:#a855f7;--grinders:#60a5fa;--fragile:#fb7185;--bg-base:var(--bg-primary);--bg-surface:var(--bg-card);--bg-elevated:var(--bg-hover);--bg-border:var(--border);--accent:var(--accent-teal);--accent-dim:#22d3ee1f;--accent-border:#22d3ee5c;--danger:var(--accent-red);--danger-dim:#ef44441f;--win:var(--accent-teal);--win-dim:#22d3ee1f;--neutral:var(--accent-amber);--neutral-dim:#f59e0b1f;--text-primary:#f8fafc;--text-secondary:#a8b3c7;--text-muted:#94a3b8;--text-faint:#526079;--font-display:"Barlow Condensed", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-6:48px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);background-image:linear-gradient(135deg,#3b82f61f,#0000 28%),radial-gradient(circle at 78% 0,#a855f726,#0000 32%),radial-gradient(circle at 18% 16%,#22d3ee1f,#0000 26%);font-size:15px;line-height:1.6}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-60px,-60px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes data-pulse{0%,to{opacity:.32;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}@keyframes page-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}button{font-family:inherit}button,input{transition:border-color .16s,background .16s,color .16s,transform .16s,box-shadow .16s}button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #22d3ee1a}#root{min-height:100svh}h1,h2,h3,h4{font-family:var(--font-display);margin:0;font-weight:700}a{color:inherit}table{border:1px solid var(--border);background:#080f1ec2;border-radius:8px;overflow:hidden}thead,tr:first-child{background:#3b82f614}td,th{border-color:#94a3b824!important}tbody tr,table tr{transition:background .15s}tbody tr:hover,table tr:hover{background:#22d3ee0f}.card{border:1px solid var(--border);padding:var(--space-3);background:linear-gradient(145deg,#0f172aeb,#080f1edb);border-radius:8px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;box-shadow:0 18px 48px #00000047}.card:hover{border-color:var(--accent-border);background:linear-gradient(145deg,#112240f5,#0a1224eb);transform:translateY(-2px);box-shadow:0 22px 60px #22d3ee1f}.mono{font-family:var(--font-mono)}.scroll-progress{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple));z-index:1000;height:3px;transition:width 80ms linear;position:fixed;top:0;left:0}main{animation:.26s both page-fade}.app-nav a:hover{transform:translateY(-1px);color:var(--text-primary)!important}.landing-page{background:linear-gradient(180deg, #02061700, var(--bg-primary) 54%), var(--bg-primary);min-height:100svh}.landing-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:48px;max-width:1180px;min-height:92svh;margin:0 auto;padding:88px 24px 56px;display:grid;position:relative;overflow:hidden}.hero-gradient{background-color:#080f1e75;background-image:linear-gradient(120deg,#22d3ee2e,#3b82f61f,#a855f729),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:220% 220%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff14;border-radius:8px;animation:12s infinite gradient-shift;position:absolute;inset:40px 24px;box-shadow:0 30px 90px #00000057}.landing-content,.landing-visual{z-index:1;position:relative}.brand-chip,.primary-action,.secondary-action{border-radius:999px}.brand-chip{border:1px solid var(--accent-border);color:var(--accent-cyan);letter-spacing:.08em;text-transform:uppercase;background:#22d3ee1a;margin-bottom:18px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.landing-content h1{background:linear-gradient(100deg, #fff, var(--accent-cyan), var(--accent-purple));color:#0000;max-width:760px;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(58px,11vw,136px);line-height:.9}.landing-content p{max-width:680px;color:var(--text-secondary);margin:24px 0 0;font-size:clamp(17px,2vw,22px)}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary-action,.secondary-action{justify-content:center;align-items:center;min-height:46px;padding:0 20px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.primary-action{background:linear-gradient(100deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple));color:#020617;font-weight:800;box-shadow:0 16px 42px #22d3ee3d}.secondary-action{border:1px solid var(--border);color:var(--text-primary);background:#0f172abd}.primary-action:hover,.secondary-action:hover,.product-card:hover{transform:translateY(-2px)}.landing-visual{background:linear-gradient(#0f172ae0,#020617e0),repeating-linear-gradient(90deg,#22d3ee1f 0 1px,#0000 1px 54px);border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(6,minmax(28px,1fr));gap:10px;padding:28px;display:grid}.landing-visual span{background:linear-gradient(180deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple));opacity:.6;transform-origin:bottom;border-radius:6px;height:clamp(44px,8vw,86px);animation:2.6s ease-in-out infinite data-pulse}.landing-metrics,.landing-explain,.landing-nav-cards{max-width:1180px;margin:0 auto;padding:0 24px}.landing-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid;transform:translateY(-36px)}.metric-card{border-radius:8px;padding:24px}.metric-card strong{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));color:#0000;font-family:var(--font-display);-webkit-background-clip:text;background-clip:text;font-size:44px;line-height:1;display:block}.metric-card span{color:var(--text-secondary);margin-top:8px;display:block}.landing-explain{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;padding-bottom:40px;display:grid}.info-panel{border-radius:8px;padding:28px}.info-panel h2{margin-top:8px;font-size:30px;line-height:1.05}.info-panel p{color:var(--text-secondary)}.landing-nav-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding-bottom:88px;display:grid}.product-card{border-radius:8px;padding:24px;text-decoration:none}.product-card span{font-family:var(--font-display);font-size:24px;font-weight:700}.product-card p{color:var(--text-secondary)}.product-card strong{color:var(--accent-cyan)}.team-detail-page{max-width:1180px;margin:0 auto}.back-link{color:var(--text-muted);text-decoration:none;transition:color .15s}.back-link:hover{color:var(--accent-teal)}.glass-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0f172adb,#030712c7),linear-gradient(90deg,#22d3ee14,#a855f70f);border:1px solid #94a3b829;box-shadow:0 20px 56px #00000052}.dashboard-page{padding-top:10px}.team-hero{border-radius:8px;align-items:center;gap:18px;margin:18px 0;padding:28px;display:flex;position:relative;overflow:hidden}.team-hero:before{content:"";pointer-events:none;background:linear-gradient(110deg,#22d3ee2e,#0000 34%,#a855f724);position:absolute;inset:0}.team-hero h1{font-size:clamp(34px,6vw,64px);line-height:.95}.team-hero span,.report-title small{color:var(--text-secondary)}.eyebrow{color:var(--accent-teal);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.hero-result{text-align:right;text-transform:capitalize;z-index:1;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;display:flex;position:relative}.hero-result strong{font-family:var(--font-display);font-size:28px}.stat-strip{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 24px;display:grid}.stat-card,.detail-card,.ai-analyst-panel{border-radius:8px;transition:transform .18s,border-color .18s,box-shadow .18s}.stat-card{background:linear-gradient(145deg,#0f172ae0,#080f1ed1),linear-gradient(90deg,#22d3ee14,#a855f714);border:1px solid #94a3b829;padding:16px 18px;animation:.42s both stat-rise}.stat-card:hover,.detail-card:hover,.ai-analyst-panel:hover{border-color:#22d3ee57;transform:translateY(-2px);box-shadow:0 20px 54px #22d3ee24}.stat-card span{color:var(--text-secondary);text-transform:uppercase;font-size:12px;display:block}.stat-card strong{font-family:var(--font-mono);margin-top:4px;font-size:28px;line-height:1.1;display:block}.detail-grid{margin-top:18px}.detail-card{padding:20px}.ai-analyst-panel{border-color:#a855f747;margin-top:28px;padding:24px;box-shadow:0 24px 70px #0000005c,0 0 46px #a855f71a}.analyst-header{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.analyst-header h2{font-size:34px}.analyst-header p{max-width:760px;color:var(--text-secondary);margin:6px 0 0}.analyst-badge{color:var(--accent-purple);white-space:nowrap;border:1px solid #a855f76b;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:12px}.analyst-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.analyst-actions button{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#161b22db;border-radius:6px;padding:8px 12px;transition:background .15s,border-color .15s,color .15s}.analyst-actions button:hover,.analyst-actions button.active{border-color:var(--accent-cyan);color:var(--text-primary);background:linear-gradient(90deg,#22d3ee21,#a855f71f)}.analyst-report{gap:14px;display:grid}.report-title{border-left:3px solid var(--accent-purple);flex-direction:column;gap:2px;padding-left:12px;display:flex}.report-title span{font-family:var(--font-display);font-size:24px;font-weight:700}.report-section{border-top:1px solid #f0f6fc14;padding:14px 0 0}.report-section h3{margin-bottom:6px;font-size:18px}.report-section p,.report-section li{color:var(--text-secondary)}.report-section p,.report-section ul{margin:0}.report-section ul{padding-left:18px}.skeleton-card,.skeleton-line,.analyst-skeleton span{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-hover) 50%, var(--bg-card) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer;display:block}.data-grid-panel{background:#080f1ead;box-shadow:inset 0 1px #ffffff0d,0 18px 46px #0000003d}.match-row{transition:background .15s,transform .15s,border-color .15s}.match-row:hover{transform:translate(2px);background:#22d3ee12!important}.match-detail-card{border-color:#22d3ee33}.skeleton-card{min-height:220px}.skeleton-line{height:18px;margin:12px 0}.skeleton-line.short{width:120px}.analyst-skeleton{gap:12px;display:grid}.analyst-skeleton span{height:18px}@keyframes stat-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.hero-gradient{inset:24px 12px}.landing-visual{grid-template-columns:repeat(6,1fr)}.team-hero,.analyst-header{flex-direction:column;align-items:flex-start}.hero-result{text-align:left;align-items:flex-start;margin-left:0}}
