@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";
:root{--bg:#0a0a0f;--surface:#12121a;--card:#1a1a26;--border:#2a2a3d;--accent:#c8f04e;--accent2:#f04e8c;--accent3:#4ec8f0;--accent4:#f0a84e;--text:#e8e8f0;--muted:#7a7a9a;--font-display:"Bebas Neue",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}header{border-bottom:1px solid var(--border);z-index:100;background:linear-gradient(135deg,#0a0a0f 0%,#12121a 100%);justify-content:space-between;align-items:center;padding:2rem 2.5rem 1.5rem;display:flex;position:sticky;top:0}.logo{align-items:center;gap:1rem;display:flex}.logo-mark{background:var(--accent);width:40px;height:40px;font-family:var(--font-display);color:#0a0a0f;border-radius:6px;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.logo-text h1{font-family:var(--font-display);letter-spacing:3px;color:var(--accent);font-size:1.6rem}.logo-text p{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:.72rem}.header-meta{align-items:center;gap:1.5rem;display:flex}.live-badge{font-family:var(--font-mono);color:var(--accent);letter-spacing:1px;align-items:center;gap:.5rem;font-size:.72rem;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.date-badge{font-family:var(--font-mono);color:var(--muted);font-size:.72rem}nav{background:var(--surface);border-bottom:1px solid var(--border);gap:0;padding:0 2.5rem;display:flex;overflow-x:auto}nav button{color:var(--muted);cursor:pointer;font-family:var(--font-body);letter-spacing:.5px;white-space:nowrap;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem 1.4rem;font-size:.82rem;font-weight:500;transition:all .2s}nav button:hover{color:var(--text)}nav button.active{color:var(--accent);border-bottom-color:var(--accent)}main{max-width:1600px;padding:2rem 2.5rem}.section{display:none}.section.active{animation:.3s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.section-header{margin-bottom:2rem}.section-header h2{font-family:var(--font-display);letter-spacing:3px;color:var(--text);font-size:2.5rem}.section-header p{color:var(--muted);margin-top:.3rem;font-size:.9rem}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.4rem;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--accent-color,var(--accent));height:2px;position:absolute;top:0;left:0;right:0}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.6rem;font-size:.72rem}.kpi-value{font-family:var(--font-display);color:var(--accent-color,var(--accent));letter-spacing:1px;font-size:2.2rem}.kpi-sub{color:var(--muted);margin-top:.3rem;font-size:.78rem}.kpi-change{font-family:var(--font-mono);margin-top:.4rem;font-size:.78rem}.pos{color:#4ef07a}.neg{color:var(--accent2)}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.grid-wide{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (max-width:900px){.grid-2,.grid-3,.grid-wide{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.card h3{font-family:var(--font-display);letter-spacing:2px;color:var(--text);margin-bottom:1.2rem;font-size:1.1rem}.card-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.75rem}.chart-wrap{height:260px;position:relative}.chart-wrap-lg{height:320px;position:relative}.data-table{border-collapse:collapse;width:100%;font-size:.82rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);border-bottom:1px solid var(--border);padding:.7rem 1rem;font-size:.7rem;font-weight:500}.data-table td{vertical-align:middle;border-bottom:1px solid #2a2a3d80;padding:.8rem 1rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#c8f04e08}.badge{font-family:var(--font-mono);letter-spacing:.5px;border-radius:4px;align-items:center;padding:.2rem .6rem;font-size:.68rem;font-weight:500;display:inline-flex}.badge-green{color:#4ef07a;background:#4ef07a1f}.badge-red{color:var(--accent2);background:#f04e8c1f}.badge-yellow{color:var(--accent4);background:#f0a84e1f}.badge-blue{color:var(--accent3);background:#4ec8f01f}.badge-lime{color:var(--accent);background:#c8f04e1f}.roi-bar{align-items:center;gap:.8rem;display:flex}.roi-track{background:var(--border);border-radius:3px;flex:1;height:5px;overflow:hidden}.roi-fill{background:var(--accent);border-radius:3px;height:100%;transition:width 1s}.roi-val{font-family:var(--font-mono);color:var(--accent);text-align:right;min-width:40px;font-size:.8rem}.seg-pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.72rem;display:inline-flex}.seg-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.trend-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:.8rem;padding:1rem;transition:border-color .2s}.trend-item:hover{border-color:var(--accent)}.trend-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.trend-name{font-size:.88rem;font-weight:600}.trend-body{color:var(--muted);font-size:.78rem;line-height:1.5}.trend-action{color:var(--accent3);margin-top:.4rem;font-size:.75rem}.table-scroll{overflow-x:auto}.pipeline{gap:0;margin-bottom:2rem;display:flex;overflow-x:auto}.pipe-step{background:var(--card);border:1px solid var(--border);text-align:center;flex:1;min-width:160px;padding:1.2rem;position:relative}.pipe-step:not(:last-child):after{content:"→";color:var(--accent);z-index:1;background:var(--bg);padding:0 2px;font-size:1.2rem;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.pipe-step:first-child{border-radius:8px 0 0 8px}.pipe-step:last-child{border-radius:0 8px 8px 0}.pipe-icon{margin-bottom:.5rem;font-size:1.8rem}.pipe-label{font-family:var(--font-display);letter-spacing:1px;color:var(--accent);font-size:.95rem}.pipe-desc{color:var(--muted);margin-top:.3rem;font-size:.72rem}.code-block{border:1px solid var(--border);font-family:var(--font-mono);color:#a8d8a0;white-space:pre;background:#0d0d14;border-radius:8px;margin-bottom:1rem;padding:1.2rem 1.4rem;font-size:.78rem;line-height:1.8;overflow-x:auto}.code-comment{color:var(--muted)}.code-keyword{color:var(--accent3)}.code-string{color:var(--accent4)}.code-func{color:var(--accent)}.source-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.source-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.2rem;transition:border-color .2s}.source-card:hover{border-color:var(--accent3)}.source-type{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:.4rem;font-size:.68rem}.source-name{margin-bottom:.4rem;font-size:.9rem;font-weight:600}.source-desc{color:var(--muted);font-size:.78rem;line-height:1.5}.source-badge{margin-top:.6rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}