.branding-scope,.branding-scope[data-theme=dark]{--surface-0:#0f1420;--surface-1:#171d2b;--surface-2:#1f2636;--line:#2c344a;--line-strong:#46506a;--ink:#f7f6f2;--ink-hover:#dadee7;--ink-muted:#a3acc2;--ink-faint:#747e96;--control-border:var(--ink-faint);--ignition:#ff6a33;--ignition-hover:#ff8557;--ignition-text:#ff8a5c;--ignition-tint:#3a1d14;--on-ignition:#0f1420;--circuit:#7c9cff;--circuit-tint:#1b2547;--focus-ring:var(--circuit);--on-track:#3dd68c;--on-track-tint:#12301f;--at-risk:#f2b53b;--at-risk-tint:#3a2b0a;--stalled:#ff6f85;--stalled-tint:#3d161e;--brand-ink:#0f1420;--brand-paper:#f7f6f2;--brand-ignition:#eb4a14;--chart-1:#7c9cff;--chart-2:#ff6a33;--chart-3:#3ccfc0;--chart-4:#a98bff;--chart-5:#a3acc2;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 16px 40px #0009}.branding-scope[data-theme=light]{--surface-0:#f7f6f2;--surface-1:#fff;--surface-2:#eceef3;--line:#dadee7;--line-strong:#bdc3d1;--ink:#0f1420;--ink-hover:#252c3d;--ink-muted:#566079;--ink-faint:#747e96;--control-border:var(--ink-faint);--ignition:#eb4a14;--ignition-hover:#ff5f2b;--ignition-text:#b7360b;--ignition-tint:#fde9e1;--on-ignition:#0f1420;--circuit:#2450d6;--circuit-tint:#e4eafd;--focus-ring:var(--circuit);--on-track:#0f7a4b;--on-track-tint:#ddf3e8;--at-risk:#8a5a00;--at-risk-tint:#fbefcf;--stalled:#b4233a;--stalled-tint:#fbe0e4;--brand-ink:#0f1420;--brand-paper:#f7f6f2;--brand-ignition:#eb4a14;--chart-1:#2450d6;--chart-2:#eb4a14;--chart-3:#0e8f83;--chart-4:#7a4fd8;--chart-5:#566079;--shadow-sm:0 1px 2px #0f142014;--shadow-md:0 4px 16px #0f14201a;--shadow-lg:0 16px 40px #0f142029}.branding-scope{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-pill:999px;--control-sm:32px;--control-md:40px;--control-lg:48px;--sidebar-width:248px;--container-max:1200px;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;background:var(--surface-0);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:24px;transition:background-color .15s,color .15s}.branding-scope *{box-sizing:border-box}.branding-scope :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.action-bar{z-index:1000;background:var(--surface-1);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);width:100%;transition:background-color .15s,border-color .15s;position:sticky;top:0}.action-bar-in{max-width:var(--container-max);justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0 auto;padding:10px 24px;display:flex}.action-bar-left{flex:0 auto;align-items:center;display:flex}.action-bar-right{flex:none;align-items:center;gap:8px;display:flex}.branding-select-wrapper{align-items:center;width:300px;max-width:100%;display:inline-flex;position:relative}.branding-select{background:var(--surface-2);width:100%;height:38px;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-md);font-family:var(--font-ui);cursor:pointer;appearance:none;text-overflow:ellipsis;white-space:nowrap;outline:none;padding:0 34px 0 12px;font-size:14px;font-weight:600;transition:border-color .12s,background-color .12s;overflow:hidden}.branding-select:hover{border-color:var(--line-strong)}.branding-select:focus-visible{border-color:var(--focus-ring)}.branding-select-chevron{pointer-events:none;color:var(--ink-muted);font-size:12px;position:absolute;right:12px}.branding-theme-btn{white-space:nowrap;align-items:center;gap:6px;height:38px;font-size:13px;font-weight:500;display:inline-flex}.container{max-width:var(--container-max);margin:0 auto;padding:32px 24px 96px}.cover-hero{border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--surface-0);width:100%;box-shadow:var(--shadow-md);margin-bottom:40px;position:relative;overflow:hidden}.cover-hero svg{width:100%;height:auto;display:block}.branding-scope h1,.branding-scope h2,.branding-scope h3,.branding-scope h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;font-weight:700}.branding-scope h1{margin:32px 0 16px;font-size:39px;line-height:44px}.branding-scope h2{border-top:1px solid var(--line);margin:48px 0 16px;padding-top:20px;font-size:28px;line-height:34px}.branding-scope h2:first-of-type{border-top:none;margin-top:0;padding-top:0}.branding-scope h3{margin:28px 0 12px;font-size:22px;line-height:28px}.branding-scope h4{margin:20px 0 8px;font-size:18px;line-height:24px}.branding-scope p{color:var(--ink);margin-bottom:16px}.branding-scope ul,.branding-scope ol{margin:0 0 16px 24px}.branding-scope li{margin-bottom:6px}.branding-scope code{font-family:var(--font-mono);background:var(--surface-2);color:var(--ink);border-radius:4px;padding:2px 6px;font-size:14px}.branding-scope pre{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-md);font-family:var(--font-mono);margin-bottom:24px;padding:16px;font-size:13px;line-height:20px;overflow-x:auto}.branding-scope blockquote{border-left:3px solid var(--ignition);color:var(--ink-muted);background:var(--surface-1);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:16px 0;padding:8px 16px}.doc-link{color:var(--circuit);text-underline-offset:3px;font-weight:500;text-decoration:underline;transition:color .12s}.doc-link:hover{color:var(--ignition-text)}.inline-color{vertical-align:middle;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;align-items:center;gap:5px;margin:0 2px;padding:1px 6px 1px 4px;display:inline-flex}.inline-color .swatch{border-radius:2px;flex:none;width:12px;height:12px;margin-right:0;display:inline-block}.inline-color code{line-height:1.2;background:0 0!important;padding:0!important;font-size:13px!important}.toc-box{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:40px;padding:24px}.toc-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:16px;font-size:12px}.toc-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.toc-link{color:var(--circuit);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:color .12s;display:flex}.toc-link:hover{color:var(--ignition-text);text-decoration:underline}.table-container{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1);width:100%;margin:20px 0 28px;overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:14px;line-height:20px}.branding-scope th{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--line-strong);background:var(--surface-1);white-space:nowrap;padding:12px 16px;font-size:12px}.branding-scope td{border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink);padding:12px 16px}.branding-scope tr:last-child td{border-bottom:none}.branding-scope tr:hover td{background:var(--surface-2)}.swatch{vertical-align:middle;border-radius:4px;width:16px;height:16px;margin-right:6px;display:inline-block}.spacing-bar{background:var(--ignition);border-radius:2px;height:12px}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:24px 0 40px;display:grid}.branding-scope .metric-card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px}.branding-scope .metric-label{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.branding-scope .metric-value{font:600 28px/32px var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink);margin:6px 0 2px}.branding-scope .metric-delta{font:500 12px/16px var(--font-ui);color:var(--ink-muted)}.branding-scope .metric-delta-up{color:var(--on-track)}.branding-scope .metric-delta-down{color:var(--stalled)}.branding-scope .card{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.branding-scope .card-interactive{transition:box-shadow .2s cubic-bezier(.2,0,0,1),border-color .2s cubic-bezier(.2,0,0,1)}.branding-scope .card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong)}.branding-scope .btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-md);font:600 14px/20px var(--font-ui);white-space:nowrap;cursor:pointer;border:1px solid #0000;text-decoration:none;transition:background-color .12s cubic-bezier(.2,0,0,1),border-color .12s cubic-bezier(.2,0,0,1),transform .12s cubic-bezier(.2,0,0,1);display:inline-flex}.branding-scope .btn:active{transform:translateY(1px)}.branding-scope .btn[disabled],.branding-scope .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.branding-scope .btn-primary{background:var(--ink);color:var(--surface-0)}.branding-scope .btn-primary:hover:not([disabled]){background:var(--ink-hover)}.branding-scope .btn-accent{background:var(--ignition);color:var(--on-ignition)}.branding-scope .btn-accent:hover:not([disabled]){background:var(--ignition-hover)}.branding-scope .btn-secondary{background:var(--surface-1);color:var(--ink);border-color:var(--control-border)}.branding-scope .btn-secondary:hover:not([disabled]){background:var(--surface-2)}.branding-scope .btn-ghost{color:var(--ink);background:0 0}.branding-scope .btn-ghost:hover:not([disabled]){background:var(--surface-2)}.branding-scope .btn-danger{background:var(--stalled);color:var(--surface-0)}.branding-scope .btn-danger:hover:not([disabled]){filter:brightness(1.08)}.branding-scope .btn-sm{height:var(--control-sm);padding:0 var(--space-3);font-size:13px}.branding-scope .btn-lg{height:var(--control-lg);padding:0 var(--space-5);font-size:16px}.branding-scope .field{gap:var(--space-1);flex-direction:column;display:flex}.branding-scope .field-label{font:600 14px/20px var(--font-ui);color:var(--ink)}.branding-scope .field-hint{font:400 12px/16px var(--font-ui);color:var(--ink-muted)}.branding-scope .field-error{font:500 12px/16px var(--font-ui);color:var(--stalled)}.branding-scope .input{width:100%;height:var(--control-md);padding:0 var(--space-3);background:var(--surface-1);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);font:400 16px/24px var(--font-ui);transition:border-color .12s cubic-bezier(.2,0,0,1)}.branding-scope .input::placeholder{color:var(--ink-muted)}.branding-scope .input:hover{border-color:var(--ink-muted)}.branding-scope .input:focus-visible{border-color:var(--focus-ring);outline-offset:0}.branding-scope .input[aria-invalid=true]{border-color:var(--stalled)}.branding-scope .input[disabled]{background:var(--surface-2);color:var(--ink-faint);cursor:not-allowed}.branding-scope .badge{height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);font:600 12px/16px var(--font-ui);background:var(--surface-2);color:var(--ink-muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.branding-scope .badge:before{content:"";background:currentColor;flex:none;width:8px;height:8px}.branding-scope .badge-neutral:before{background:0 0;border:2px solid;border-radius:50%}.branding-scope .badge-on-track{background:var(--on-track-tint);color:var(--on-track)}.branding-scope .badge-on-track:before{border-radius:50%}.branding-scope .badge-at-risk{background:var(--at-risk-tint);color:var(--at-risk)}.branding-scope .badge-at-risk:before{clip-path:polygon(50% 0,100% 100%,0 100%)}.branding-scope .badge-stalled{background:var(--stalled-tint);color:var(--stalled)}.branding-scope .badge-stalled:before{border-radius:1px}.branding-scope .caption{font:400 13px/18px var(--font-ui);color:var(--ink-muted)}.branding-scope .project-card{gap:var(--space-4);flex-direction:column;display:flex}.branding-scope .project-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.branding-scope .project-card-title{font:600 20px/28px var(--font-display);color:var(--ink);margin:0}.branding-scope .project-card-meta{font:400 14px/20px var(--font-ui);color:var(--ink-muted);margin:0}.branding-scope .project-card-stats{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.branding-scope .project-card-foot{font:400 12px/16px var(--font-ui);color:var(--ink-muted)}.branding-scope .stages{gap:var(--space-1);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.branding-scope .stage{gap:var(--space-2);font:500 14px/20px var(--font-ui);color:var(--ink-muted);flex-direction:column;display:flex}.branding-scope .stage:before{content:"";background:var(--line-strong);border-radius:2px;height:4px}.branding-scope .stage-done{color:var(--ink)}.branding-scope .stage-done:before{background:var(--ink)}.branding-scope .stage-current{color:var(--ink);font-weight:700}.branding-scope .stage-current:before{background:var(--ignition);height:6px;margin-top:-1px}.branding-scope .toast{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-1);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex}.branding-scope .toast:before{content:"";background:currentColor;flex:none;width:10px;height:10px;margin-top:5px}.branding-scope .toast-success:before{color:var(--on-track);border-radius:50%}.branding-scope .toast-warning:before{color:var(--at-risk);clip-path:polygon(50% 0,100% 100%,0 100%)}.branding-scope .toast-error:before{color:var(--stalled);border-radius:1px}.branding-scope .toast-body{flex:1;min-width:0}.branding-scope .toast-title{font:600 14px/20px var(--font-ui);margin:0}.branding-scope .toast-detail{font:400 14px/20px var(--font-ui);color:var(--ink-muted);margin:2px 0 0}@media (max-width:768px){.action-bar-in{gap:12px;padding:8px 16px}.branding-select-wrapper{width:240px;max-width:calc(100vw - 140px)}.branding-select{height:36px;padding:0 28px 0 10px;font-size:13px}.branding-select-chevron{right:10px}.branding-theme-btn{height:36px;padding:0 10px;font-size:12px}.branding-scope .container{padding:16px 14px 64px}.showcase-grid{grid-template-columns:1fr}}@media (max-width:480px){.action-bar-in{gap:8px;padding:6px 12px}.branding-select-wrapper{width:200px;max-width:calc(100vw - 125px)}.branding-select{height:34px;padding:0 24px 0 8px;font-size:12px}.branding-theme-btn{height:34px;padding:0 8px;font-size:11px}}