:root{--bg: #0e1417;--card: #161d1f;--input-bg: #1a2123;--surface-high: #242b2e;--surface-highest: #2f3639;--outline: #859399;--outline-variant: #3c494e;--text: #dde3e7;--muted: #a9b8be;--ink: #f4f8fa;--border: rgba(255, 255, 255, .08);--blue: #00D1FF;--blue-dim: rgba(0, 209, 255, .14);--accent: #00D1FF;--accent-dim: rgba(0, 209, 255, .14);--accent-glow: rgba(0, 209, 255, .3);--glow: var(--accent-glow);--accent-text: #4cd6ff;--accent-border: rgba(0, 209, 255, .4);--tert: #ffab9d;--tert-text: #ffd2cb;--tert-bg: rgba(255, 171, 157, .12);--tert-border: rgba(255, 171, 157, .38);--fmt-shorts: #CDF200;--fmt-long: #00D1FF;--font-label: "Space Grotesk", "Inter", sans-serif;--green: #CDF200;--amber: #FFAB00;--red: #FF5540;--pos-deep: #b3d400;--pos: #CDF200;--pos-text: #dcff45;--pos-bg: rgba(205, 242, 0, .1);--pos-border: rgba(205, 242, 0, .35);--warn-deep: #d97706;--warn: #f59e0b;--warn-text: #fbbf24;--warn-bg: rgba(245, 158, 11, .12);--warn-border: rgba(245, 158, 11, .35);--neg-deep: #d63e2c;--neg: #FF5540;--neg-text: #ff8375;--neg-bg: rgba(255, 85, 64, .12);--neg-border: rgba(255, 85, 64, .35);--faint: #67747b;--on-accent: #00232e;--on-tert: #2b0a05;--yt-red: #ff0000;--blue-deep: #0090c8;--blue-pale: #b7eaff;--neutral: var(--muted);--neutral-bg: rgba(158, 158, 158, .12);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-12: 48px;--s-16: 64px;--t-micro: 11px;--t-body: 14px;--t-lead: 16px;--t-title: 20px;--t-display: 32px;--lh-tight: 1.2;--lh-body: 1.55;--w-reg: 400;--w-med: 500;--w-semi: 600;--r-sm: 8px;--r-md: 16px;--r-lg: 24px;--r-full: 999px;--e-1: 0 1px 2px rgba(0, 0, 0, .3);--e-2: 0 8px 24px rgba(0, 0, 0, .4);--e-3: 0 24px 48px rgba(0, 0, 0, .5);--track-label: .06em;--track-display: -.01em;--dur-1: .12s;--dur-2: .22s;--ease: cubic-bezier(.2, 0, 0, 1);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--radius: 8px;--font-display: "Barlow Condensed", "Inter", system-ui, sans-serif;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;color-scheme:dark;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background:radial-gradient(90% 55% at 50% -12%,rgba(242,239,230,.055),transparent 72%),radial-gradient(45% 38% at 12% -8%,rgba(242,239,230,.03),transparent 65%);z-index:0;pointer-events:none}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background:linear-gradient(to bottom,rgba(24,24,23,0) 0%,rgba(24,24,23,.5) 55%,var(--bg) 85%);z-index:0;pointer-events:none}#root{position:relative;z-index:1}a{color:inherit;text-decoration:none}.hero-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:22px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--muted);font-size:20px;line-height:1;cursor:pointer;opacity:.35;transition:opacity var(--dur-1) var(--ease),background-color var(--dur-1) var(--ease);padding:0 0 3px}.hero-nav-arrow:after{content:"";position:absolute;inset:-5px -9px}.hero-nav-arrow:hover{opacity:1;background:#ffffff0f}.hero-nav-arrow:active{transform:translateY(-50%) scale(.96)}*:hover>.hero-nav-arrow{opacity:.7}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px;box-shadow:0 0 12px var(--accent-glow)}button,select,input,textarea{font-family:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.container{max-width:1400px;margin:0 auto;padding:40px 24px 64px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000004d}.row{display:flex;gap:16px;align-items:stretch}.col{flex:1}.hstack{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.p-14{padding:14px}.p-18{padding:20px}.mt-14{margin-top:16px}.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:var(--w-semi);cursor:pointer;transition:background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}.btn-primary:active,.btn-secondary:active,.btn-ghost:active{transform:scale(.96)}.btn-primary{padding:var(--s-2) var(--s-4);border-radius:var(--r-md);border:none;background:linear-gradient(135deg,#00d1ff,#0090c8);color:#00232e;font-weight:600;font-size:13px}.btn-primary:hover{background:linear-gradient(135deg,#33dbff,#00a5e2)}.btn-secondary{padding:var(--s-2) var(--s-4);border-radius:var(--r-md);border:1px solid var(--border);background:transparent;color:var(--text);font-size:13px}.btn-secondary:hover{background:var(--input-bg);border-color:#3a3a3a}.btn-ghost{padding:2px var(--s-2);border-radius:var(--r-sm);border:none;background:transparent;color:var(--muted);font-size:12px}.btn-ghost:hover{color:var(--text);background:var(--input-bg)}.page-head .kicker,.sect-head .kicker{font-family:var(--font-label);font-size:11px;font-weight:var(--w-semi);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--muted);margin:0 0 4px}.page-head .title{font-size:var(--t-title);font-weight:700;letter-spacing:var(--track-display);color:var(--ink);margin:0}.page-head .sub{font-size:13px;color:var(--muted);margin:4px 0 0}.sect-head{border-bottom:1px solid var(--border);padding-bottom:var(--s-2);margin-bottom:var(--s-4)}.sect-head .title{font-size:15px;font-weight:700;color:var(--ink);margin:0}.kpi{padding:20px 24px}.kpi .label{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.kpi .value{font-size:28px;font-weight:600;margin-top:8px;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.kpi .sub{font-size:13px;color:var(--muted);margin-top:6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;border:1px solid var(--border);background:var(--input-bg);font-size:11px;color:var(--text);font-weight:600}.pill{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:8px 14px;font-weight:500;color:var(--muted);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.pill:hover{background:var(--input-bg);color:var(--text);border-color:#555}.pill.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-text);box-shadow:0 0 0 1px var(--accent)}.btn{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:10px 16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s ease,color .2s ease,border-color .2s ease;color:var(--text);font-size:13px}.btn:hover{background:var(--input-bg);border-color:#666}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--ink);box-shadow:0 2px 8px var(--accent-glow)}.btn.primary:hover{filter:brightness(.85)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:#ffffff0d;color:var(--text)}.small{font-size:13px;color:var(--muted);font-weight:500}.h1{font-size:24px;font-weight:700;margin:0;letter-spacing:-.02em;color:var(--ink)}.h2{font-size:18px;font-weight:600;margin:0;color:var(--text)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:16px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}.table th{text-align:left;color:var(--muted);font-size:11px;letter-spacing:.05em;font-weight:700;text-transform:uppercase;background:var(--input-bg)}.table td{color:var(--text);font-weight:500}.mini{font-size:12px;color:#666}.drawer-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:999}.drawer{width:min(520px,92vw);height:100%;background:var(--bg);border-left:1px solid var(--border);padding:32px;overflow:auto;box-shadow:-8px 0 32px #00000080}.input{width:100%;border:1px solid var(--border);border-radius:8px;padding:12px 14px;outline:none;font-size:14px;transition:border-color .15s;background:var(--input-bg);color:var(--text)}.input:focus{border-color:var(--accent);background:var(--bg)}.input::-moz-placeholder{color:#555}.input::placeholder{color:#555}textarea.input{min-height:120px;resize:vertical}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.container{padding:20px 12px 40px}.kpi .value{font-size:24px}.kpi{padding:14px 16px}.h1{font-size:20px}.h2{font-size:16px}.table th,.table td{padding:10px 8px;font-size:12px}.btn{padding:8px 12px;font-size:12px}.drawer{width:min(520px,95vw);padding:20px}.mobile-hide{display:none!important}.mobile-only{display:block!important}.page-section{padding:16px;margin-bottom:16px}}@media(min-width:769px)and (max-width:1024px){.container{padding:30px 16px 48px}.kpi .value{font-size:28px}}.mobile-only{display:none}.section-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.section-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000080,0 0 30px var(--accent-dim);border-color:#ffffff1a!important}.page-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.page-header h2{font-size:22px;font-weight:700;color:var(--ink);margin:0}.page-header .subtitle{font-size:13px;color:var(--muted);margin-top:2px}.page-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-label{display:block;font-size:13px;color:var(--muted);font-weight:500;margin-bottom:8px}.btn.secondary{background:var(--input-bg);border-color:#444;color:var(--muted)}.btn.secondary:hover{background:#333;color:var(--text)}.alert{border-radius:var(--radius);padding:12px 16px;font-size:13px;margin-bottom:16px}.alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.alert.info{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent-text)}.stat-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat-chip.blue{background:#00d1ff24;color:#4cd6ff}.stat-chip.green{background:#cdf2001f;color:#dcff45}.stat-chip.lime{background:#cdf2001f;color:#cdf200}.stat-chip.amber{background:#f59e0b26;color:#fbbf24}.stat-chip.pink{background:var(--tert-bg);color:var(--tert)}.stat-chip.purple{background:#00d1ff24;color:#4cd6ff}.stat-chip.red{background:#ff554026;color:#ff8375}.stat-chip.slate{background:#94a3b826;color:#cbd5e1}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes skeleton{0%,to{opacity:.4}50%{opacity:.7}}@keyframes chartDraw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.animate-in{animation:fadeSlideUp .5s ease-out both;opacity:0}.animate-fade{animation:fadeIn .6s ease-out both;opacity:0}.animate-skeleton{animation:skeleton 1.5s ease-in-out infinite}.skeleton{background:var(--input-bg);border-radius:var(--r-sm);animation:skeleton 1.5s ease-in-out infinite}.brand-loader{animation:brandBreathe 2.4s var(--ease) infinite alternate;will-change:transform,opacity}@keyframes brandBreathe{0%{transform:scale(1);opacity:.65}to{transform:scale(1.06);opacity:1}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;opacity:.5}.brand-loader{animation:none;opacity:.9}}.animate-delay-1{animation-delay:.05s}.animate-delay-2{animation-delay:.1s}.animate-delay-3{animation-delay:.15s}.animate-delay-4{animation-delay:.2s}.animate-delay-5{animation-delay:.25s}.animate-delay-6{animation-delay:.3s}.animate-delay-7{animation-delay:.35s}.animate-delay-8{animation-delay:.4s}.kpi-card{transition:background-color .15s ease}.kpi-card:hover{background-color:var(--input-bg)!important}.week-bar:hover{transform:scaleY(1.08) translateY(-2px);filter:brightness(1.2)}@keyframes progressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.comparison-row{transition:background .15s ease}.comparison-row:hover{background:#ffffff08}.donut-hover{transition:transform .3s ease}.donut-hover:hover{transform:rotate(10deg) scale(1.08)}@keyframes numberPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.number-pop{animation:numberPop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes ringPulse{0%,to{filter:drop-shadow(0 0 0px transparent)}50%{filter:drop-shadow(0 0 8px var(--ring-color, #3b82f6))}}.ring-pulse{animation:ringPulse 1s ease-in-out .6s both}.production-mix{transition:transform .2s ease,box-shadow .2s ease}.production-mix:hover{transform:scale(1.04);box-shadow:0 0 20px #f9731640,0 0 20px #0ea5e940}@media(prefers-reduced-motion:reduce){.animate-in,.animate-fade,.number-pop,.ring-pulse{animation:none;opacity:1;transform:none}.kpi-card:hover,.donut-hover:hover,.production-mix:hover{transform:none}}.keyart{position:relative;border-radius:var(--r-lg, 12px);overflow:hidden;isolation:isolate;background:#060708;box-shadow:0 0 0 1px #ffffff0a}.keyart:before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(58% 52% at 50% 50%,#050607 0%,rgba(5,6,7,.88) 34%,rgba(5,6,7,.55) 54%,rgba(5,6,7,.28) 70%,rgba(5,6,7,.1) 84%,transparent 100%),radial-gradient(38% 52% at 2% 8%,rgba(45,212,191,.95),transparent 64%),radial-gradient(34% 48% at 0% 50%,rgba(99,102,241,.8),transparent 62%),radial-gradient(38% 52% at 10% 96%,rgba(168,85,247,.9),transparent 64%),radial-gradient(30% 40% at 40% 104%,rgba(236,72,153,.7),transparent 60%),radial-gradient(38% 52% at 92% 2%,rgba(251,146,60,.95),transparent 64%),radial-gradient(28% 40% at 102% 36%,rgba(249,115,22,.7),transparent 60%),radial-gradient(36% 50% at 96% 90%,rgba(59,130,246,.9),transparent 64%);filter:blur(38px) saturate(1.05)}.keyart:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27180%27%20height%3D%27180%27%3E%3Cfilter%20id%3D%27n%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.7%27%20numOctaves%3D%274%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%27linear%27%20slope%3D%273%27%20intercept%3D%27-1%27%2F%3E%3CfeFuncG%20type%3D%27linear%27%20slope%3D%273%27%20intercept%3D%27-1%27%2F%3E%3CfeFuncB%20type%3D%27linear%27%20slope%3D%273%27%20intercept%3D%27-1%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27180%27%20height%3D%27180%27%20filter%3D%27url%28%2523n%29%27%2F%3E%3C%2Fsvg%3E);background-size:180px 180px;mix-blend-mode:overlay;opacity:var(--grain, .5)}.keyart>.inner{position:relative;z-index:2}.ambient-bg{position:absolute;top:-60px;left:0;width:100vw;height:560px;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.3) 75%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.3) 75%,transparent 100%)}.ambient-bg:after{content:"";position:absolute;inset:0;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27180%27%20height%3D%27180%27%3E%3Cfilter%20id%3D%27n%27%20color-interpolation-filters%3D%27sRGB%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.7%27%20numOctaves%3D%274%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%27linear%27%20slope%3D%273%27%20intercept%3D%27-1%27%2F%3E%3CfeFuncG%20type%3D%27linear%27%20slope%3D%273%27%20intercept%3D%27-1%27%2F%3E%3CfeFuncB%20type%3D%27linear%27%20slope%3D%273%27%20intercept%3D%27-1%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27180%27%20height%3D%27180%27%20filter%3D%27url%28%2523n%29%27%2F%3E%3C%2Fsvg%3E);background-size:180px 180px;mix-blend-mode:overlay;opacity:.3}.subnav-pill{position:relative;border:none;background:transparent;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;color:#888;cursor:pointer;white-space:nowrap;transition:color .15s ease,background-color .15s ease}.subnav-pill:after{content:"";position:absolute;inset:-6px -2px}.subnav-pill:hover{color:var(--ink)}.subnav-pill[aria-current=page]{color:var(--ink);background:#ffffff14}.subnav-scroll::-webkit-scrollbar{display:none}