:root{--ink:#17171c;--green:#d92336;--muted:#666670;--line:#e4e4e9;--lime:#fff;--paper:#f6f6f8;--red:#d92336}
body{background:#f6f6f8;color:var(--ink);isolation:isolate}
#system-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.workspace{position:relative}.sidebar{background:#111115;color:#fff;border:0;z-index:2;box-shadow:12px 0 50px #1111150a}
.brand{letter-spacing:-.6px}.brand-mark{background:var(--red);color:#fff;box-shadow:0 6px 22px #d9233626;border-radius:14px}
.sidebar .eyebrow{color:#9999a5}.sidebar .nav{color:#b5b5bf;transition:background .2s,color .2s}
.sidebar .nav:hover{background:#23232b;color:white}.sidebar .nav.active,.sidebar .nav[aria-current=page]{background:#d92336;color:white;box-shadow:0 6px 20px #d9233620}
.sidebar .nav span{background:#ffffff20;color:white}.side-note{background:linear-gradient(135deg,#24242d,#19191f);border:1px solid #ffffff0c}.side-note .small{color:#aaaab5}
.workspace>header{background:#ffffffd9;backdrop-filter:blur(14px);border-color:#e4e4e9}.breadcrumb{color:#686872}.project-tag{background:white;border-color:#dedee5;color:#45454f}
h1{color:#141419;letter-spacing:-1.6px}.intro{padding-bottom:10px}.intro .eyebrow{color:var(--red);letter-spacing:2px}.intro p,.small,.muted{color:var(--muted)}
.button{border-radius:10px;transition:background .18s,box-shadow .18s,transform .18s;text-decoration:none}.button:hover:not(:disabled){transform:translateY(-1px)}
.primary,.managed-project .primary,.pv-summary .primary{background:var(--red);color:white;border-color:var(--red);box-shadow:0 5px 14px #d9233618}.primary:hover,.managed-project .primary:hover{background:#b9192b;color:#fff}
.secondary,.managed-project .button:not(.primary){background:#fff;color:#24242c;border-color:var(--line)}.secondary:hover{background:#f5f5f7;border-color:#c8c8d1}
.pf-card,.service-card,.gh-card,.gh-watch,.gh-detail,.gh-connection,.brief-panel,.tier-card,.hardware-card,.managed-project,.hosting-card,.pv-preview-panel,.pv-editor,.pv-setup,.pv-empty,.stage,.card{border-color:var(--line);background:#ffffffed;box-shadow:0 8px 28px #17171c05;border-radius:16px}
.pf-card,.service-card{transition:border-color .2s,box-shadow .2s,transform .2s}.pf-card:hover,.service-card:hover{border-color:#d9233650;box-shadow:0 12px 30px #17171c0b;transform:translateY(-2px)}
.metrics{background:#ffffffeb;border-color:var(--line)}.gh-metric,#pf-metrics .card{background:#fff;border:1px solid var(--line);box-shadow:0 6px 24px #17171c04}.metric,.gh-metric strong{color:#16161c}
.pf-chip,.gh-badge,.pv-badge,.project-state,.function-tag,.engine-pill,.example,.budget-badge,.tier-summary,.pv-feature .pv-adapter{background:#f0f0f4;color:#55555f;border-color:#e2e2e8}
.gh-badge.success,.pf-error.resolved,.project-stages .complete,.done .dot{background:#f3f3f6;color:#262630;border-color:#95959f}.gh-badge.failure,.pf-chip.failure,.pf-error,.gh-error,.pv-warning,.budget-badge.over,.clarifications{background:#fff0f2;color:#a81c2c;border-color:#f3cbd1}.gh-badge.active{background:#ffe7eb;color:#b01e30}
.pf-panel,.gh-empty,.project-files,.price-notice,.guide-panel,.history-item{background:#f7f7fa;color:#55555f;border-color:var(--line)}.pf-event{border-color:#b5b5c0}.pf-event.error{border-color:var(--red)}.pf-event time,.pf-event .small,.pf-panel dt{color:var(--muted)}
.pf-chart span:nth-child(3n+1){background:#d92336}.pf-chart span:nth-child(3n+2){background:#24242c}.pf-chart span:nth-child(3n+3){background:#c5c5cf}
.pf-form label,.pf-form input,.pf-form textarea,.gh-card p,.gh-card-links a,.more,.tier-card a,.hardware-card a,.hosting-card a,.history-open,.pv-feature .pv-reason,.form-status,.project-notice{color:#55555f}
.pf-form input,.pf-form textarea,.pf-form select,.gh-filters input,.gh-filters select,.project-setup input,.form-row input,.form-row select,textarea{background:#fff;border-color:#dcdce4;color:#24242c}
input[type=checkbox],.pv-feature input,.gh-watch input,#functions input{accent-color:var(--red)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.gh-detail:focus{outline:3px solid #d9233680;outline-offset:3px}
.group.selected,.save[aria-pressed=true]{background:#17171c;border-color:#17171c;color:white}.icon,.step-number{background:#fff0f2;color:var(--red)}.source-dot{background:var(--red)}.services li,.pf-card .pf-change,.gh-file-table td,.gh-file-table th{border-color:var(--line)}
.tier-card.recommended,.tier-summary.recommended{border-color:var(--red);background:#fff8f9}.tier-label,.tier-card .condition,.hardware-top strong{color:#b51e30}.tier-card p,.tier-card li,.guide-panel li span,.tier-summary>small,.panel-title p,.hardware-card p,.method,.example-row{color:var(--muted)}
.pv-summary{background:linear-gradient(120deg,#141419,#282830);border:1px solid #383842;box-shadow:0 12px 30px #17171c12}.pv-summary .eyebrow{color:#ff9ca8}.pv-summary p{color:#c4c4cf}.pv-summary .secondary{background:#ffffff09;border-color:#555560;color:#fff}
.pv-tabs [aria-selected=true]{border-color:var(--red);color:var(--red)}.pv-devices button{background:#f1f1f5;color:#646470}.pv-devices button.selected{background:#17171c;color:white}.pv-stage{background:radial-gradient(#d6d6de 1px,transparent 1px) 0 0/16px 16px,#f1f1f5}.pv-colours input{background:#f7f7f9}#pv-logs{background:#17171c;color:#e6e6ed}.pv-empty-icon,#pv-preview-placeholder>span{color:var(--red)}#pv-notice{color:#55555f}#pv-notice.error,.form-status.error,.project-notice.error,.project-error{color:#b91d30}
body>header{background:#15151b;color:#fff}.tag{background:#d92336;color:white}.bar{background:#e4e4e9}.bar div{background:var(--red)}.stage p{color:var(--muted)}.stage.active{border-color:#d9233670}.dot{background:#f1f1f5;color:#24242c}
.system-motion-control{position:fixed;right:18px;bottom:16px;z-index:5;border:1px solid #dddde5;background:#fffffff0;backdrop-filter:blur(12px);color:#55555f;border-radius:24px;padding:9px 13px;font:11px system-ui;box-shadow:0 4px 16px #17171c08;display:flex;align-items:center;gap:8px}.system-motion-control:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red)}.system-motion-control[aria-pressed=true]:before{background:#9999a5}
@media(max-width:760px){.sidebar{box-shadow:none}.sidebar .nav{padding:10px}.intro h1{letter-spacing:-1px}.system-motion-control{right:10px;bottom:10px;font-size:10px;padding:8px 10px}footer{padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.button,.pf-card,.service-card{transition:none}.button:hover:not(:disabled),.pf-card:hover,.service-card:hover{transform:none}}

/* Supplied Systematic Output logos */
.brand{display:inline-flex;align-items:center;justify-content:center;background:#202124;padding:8px 12px;border-radius:12px;max-width:100%;box-sizing:border-box;flex-shrink:0}.brand-logo{display:block;width:248px;max-width:100%;height:auto}.sidebar .brand{width:100%;padding:8px}.sidebar .brand-logo{width:192px}.system-core .system-app-icon{display:block;width:140px;height:140px;object-fit:contain}.system-core{gap:8px}.system-core span{font-size:10px}body>header .brand{padding:0;background:transparent}body>header .brand-logo{width:220px}@media(max-width:760px){.customer-nav .brand-logo{width:190px}.brand-logo{width:200px}.system-core .system-app-icon{width:110px;height:110px}}
body>header .brand{margin:0}.customer-nav .brand{margin:0}
.hero-visual .system-core{width:180px;height:180px;padding:12px;gap:0}.hero-visual .system-app-icon{width:128px;height:128px}.hero-visual .system-core span{font-size:8px}