:root{--ink:#17293b;--ink2:#3b4a5c;--muted:#727c88;--line:#e4e7eb;--line2:#eff1f4;--canvas:#f1f3f5;--surface:#fff;--rail:#152f4b;--rail2:#1d3c5d;--brand:#23a5a0;--brand-dark:#1b8783;--navy:#1e4268;--navy2:#2b577f;--teal-soft:#e4f4f3;--red:#c6382b;--red-soft:#fbeae8;--green:#1b8a5a;--green-soft:#e7f4ee;--amber:#b87400;--amber-soft:#fdf3e0;--r:10px;--shadow:0 1px 2px #10141a0f, 0 8px 24px -12px #10141a2e}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-family:Archivo,Inter,sans-serif}.num{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace}button{font:inherit;cursor:pointer;background:0 0;border:none}a,button{color:inherit}table{border-collapse:collapse;width:100%}.grid{gap:14px;display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g21{grid-template-columns:2fr 1fr}.g12{grid-template-columns:1fr 2fr}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);container-type:inline-size}.card-h{border-bottom:1px solid var(--line2);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px 16px;display:flex}.card-h h3{flex:0 auto;font-size:14px;font-weight:700}.card-h .sub{color:var(--muted);font-size:11.5px}.card-h .right{color:var(--muted);margin-left:auto;font-size:11px}.card-b{padding:16px}.kpi{padding:14px 16px}.kpi .lab{color:var(--muted);font-size:11.5px;font-weight:500}.kpi .val{letter-spacing:-.02em;margin:4px 0 2px;font-family:Archivo,sans-serif;font-size:24px;font-weight:800}.kpi .val small{color:var(--muted);font-size:13px;font-weight:600}.kpi .delta{font-size:11.5px;font-weight:600}.kpi .delta.up{color:var(--green)}.kpi .delta.down{color:var(--red)}.kpi .delta.flat{color:var(--muted)}.kpi.accent{border-top:3px solid var(--brand)}.kpi.danger{border-top:3px solid var(--red)}.meter{background:var(--line2);height:8px;overflow:hidden}.meter,.meter i{border-radius:20px}.meter i{background:var(--brand);height:100%;display:block}.meter i.warn{background:var(--amber)}.meter i.bad{background:var(--red)}.meter i.good{background:var(--green)}.meter i.navy{background:var(--navy2)}.mrow{border-bottom:1px solid var(--line2);align-items:center;gap:12px;padding:8px 0;display:flex}.mrow:last-child{border-bottom:none}.mrow .ml{flex:0 170px;min-width:84px;font-size:12.5px;font-weight:500}.mrow .meter{flex:auto;min-width:60px}.mrow .mv{text-align:right;flex:none;min-width:72px;font-size:12px}@container (width<=460px){.mrow{flex-wrap:wrap}.mrow .ml{flex:100%}.mrow .meter{flex:auto;min-width:120px}}.note{background:var(--amber-soft);color:#6e4a05;border:1px solid #f0dfbb;border-radius:8px;align-items:flex-start;gap:9px;padding:10px 14px;font-size:12.5px;display:flex}.note.red{background:var(--red-soft);color:#7c241b;border-color:#f1cbc6}.note.teal{background:var(--teal-soft);color:#0b5a61;border-color:#c6e0e2}.kv{background:var(--canvas);border:1px solid var(--line2);border-radius:8px;flex-direction:column;gap:1px;padding:9px 12px;display:flex}.kv>span{color:var(--muted);font-size:11px}.kv>b{font-family:Archivo,Inter,sans-serif;font-size:14px;font-weight:700}.kv>b.num{font-family:JetBrains Mono,monospace}.btn-primary{background:var(--brand);color:#fff;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600}.btn-primary:hover{background:var(--brand-dark)}.btn-ghost{border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:8px;padding:8px 14px;font-size:12.5px}.btn-ghost:hover{background:var(--canvas)}.stage-pill{background:var(--brand);color:#fff;letter-spacing:.02em;padding:2px 7px}.demo-pill,.stage-pill{border-radius:20px;font-size:10.5px;font-weight:700}.demo-pill{letter-spacing:.06em;text-transform:uppercase;background:var(--amber-soft);color:var(--amber);border:1px solid #f0dfbb;padding:3px 9px}.tag{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.tag.ok{background:var(--green-soft);color:var(--green)}.tag.warn{background:var(--amber-soft);color:var(--amber)}.tag.bad{background:var(--red-soft);color:var(--red)}.tag.info{background:var(--teal-soft);color:var(--brand-dark)}.tag.gray{background:var(--line2);color:var(--muted)}@media (width<=1100px){.g4{grid-template-columns:repeat(2,1fr)}.g12,.g2,.g21,.g3{grid-template-columns:1fr}}.byc-foot-fixed,.byc-screen{--byc-navy-900:#0d3165;--byc-navy-700:#0d3165;--byc-teal-700:#066e70;--byc-teal-600:#067679;--byc-teal-500:#078d90;--byc-teal-300:#74ded8;--byc-paper:#f2f7f8;--byc-card:#fff;--byc-line:#d3e3e3;--byc-muted:#5f747b;--byc-alert:#b93f36;--byc-r-s:8px;--byc-r-l:20px;--byc-shadow-3:0 18px 48px #0d316529;--byc-ui-primary:oklch(72.3% .219 149.579);--byc-f-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--byc-f-display:"Outfit", "IBM Plex Sans", sans-serif;font-family:var(--byc-f-body);color:var(--byc-navy-900);font-size:14px;line-height:1.5}.byc-screen h1,.byc-screen h2{font-family:var(--byc-f-display);letter-spacing:-.015em;color:var(--byc-navy-700)}.byc-screen h2{font-weight:600}.byc-btn{border-radius:var(--byc-r-s);font:inherit;cursor:pointer;border:0;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:transform .12s,box-shadow .15s,background .15s;display:inline-flex}.byc-btn:active:not(:disabled){transform:translateY(1px)}.byc-btn:disabled{opacity:.55;cursor:not-allowed}.byc-btn--primary{background:var(--byc-teal-600);color:#fff;box-shadow:0 2px 8px #1b889247}.byc-btn--primary:hover:not(:disabled){background:var(--byc-teal-700)}.byc-uinput{position:relative}.byc-uinput input{box-sizing:border-box;appearance:none;width:100%;font:inherit;background:var(--byc-card);color:var(--byc-navy-900);box-shadow:inset 0 0 0 1px var(--byc-line);border:0;border-radius:.375rem;outline:0;padding:.375rem .625rem .375rem 2.25rem;font-size:1rem;line-height:1.25rem;transition:color .15s,background-color .15s,box-shadow .15s}.byc-uinput input::placeholder{color:var(--byc-muted)}.byc-uinput input:focus-visible{box-shadow:inset 0 0 0 1px var(--byc-ui-primary);outline:3px solid color-mix(in oklab,var(--byc-ui-primary) 25%,transparent)}.byc-uinput .byc-ic{color:var(--byc-muted);pointer-events:none;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;line-height:1;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.byc-screen{background:var(--byc-paper);justify-content:center;align-items:center;min-height:100vh;padding:0 1rem;display:flex}.byc-split{background:var(--byc-card);border:1px solid var(--byc-line);border-radius:var(--byc-r-l);width:100%;max-width:56rem;box-shadow:var(--byc-shadow-3);grid-template-columns:1fr;display:grid;overflow:hidden}.byc-brand-panel{background:var(--byc-navy-900);background-image:radial-gradient(120% 60% at 0 0,#21a3a438,#0000 60%)}.byc-brand-panel,.byc-form-panel{flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.byc-stack{flex-direction:column;gap:1rem;display:flex}.byc-foot-fixed{text-align:center;width:100%;color:var(--byc-muted);padding:1rem 0;font-size:.75rem;line-height:1rem;position:fixed;bottom:0}@media (width>=640px){.byc-split{grid-template-columns:1fr 1fr}.byc-brand-panel,.byc-form-panel{padding:2.5rem}}