:root{--i:#0d1714;--p:#f3f0e6;--p2:#e5e1d4;--w:#fffdf7;--l:#c8c4b6;--m:#66706b;--a:#d9ff5a;--b:#245eea;--o:#c96325;--r:#b33a3a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--i);background:var(--p)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(rgba(13,23,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(13,23,20,.025) 1px,transparent 1px),var(--p);background-size:34px 34px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.topbar{min-height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(14px,3vw,48px);border-bottom:1px solid var(--l);background:rgba(243,240,230,.95);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--i);font-weight:900}.brandmark{width:31px;height:31px;display:grid;place-items:center;background:var(--a);border:1px solid var(--i);font-family:ui-monospace,monospace}.mainnav{align-self:stretch;display:flex}.nav-tab{border:0;border-left:1px solid var(--l);background:transparent;padding:0 14px;font-weight:800}.nav-tab:last-child{border-right:1px solid var(--l)}.nav-tab.active{background:var(--i);color:var(--p)}.top-actions{justify-self:end;display:flex;gap:7px}.square-btn,.stack-trigger{border:1px solid var(--i);background:transparent;padding:7px 9px;font-weight:850}.hero{max-width:1540px;margin:auto;padding:clamp(52px,7vw,94px) clamp(18px,6vw,88px) 38px}.eyebrow,.intro>span,.principles>span,.filters label,.stack-head span,.workspace-head span,.generator-head span,.saved-projects span{font:750 .69rem ui-monospace,monospace;letter-spacing:.13em}.hero h1{font-size:clamp(4rem,8.8vw,8.8rem);line-height:.82;letter-spacing:-.075em;margin:20px 0 25px}.hero h1 em{font-style:normal;color:var(--b)}.hero>p{max-width:900px;font-size:1.14rem;line-height:1.6;color:#414a45}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--i);max-width:1000px;margin:30px 0;background:var(--w)}.hero-stats div{padding:13px 16px;display:flex;flex-direction:column}.hero-stats div+div{border-left:1px solid var(--i)}.hero-stats b{font-size:2rem}.hero-stats span{font-size:.8rem;color:var(--m)}.search{max-width:1000px;display:flex;align-items:center;gap:10px;background:var(--w);border:2px solid var(--i);padding:0 14px;box-shadow:7px 7px 0 var(--i)}.search input{flex:1;border:0;outline:0;background:transparent;padding:15px 0}.search kbd,.palette-search kbd{border:1px solid var(--l);padding:2px 6px;background:var(--p);font:700 .72rem ui-monospace,monospace}.quick-row,.active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.quick,.active-pill{border:1px solid var(--l);background:transparent;padding:6px 9px;font-weight:750}.quick.active,.quick:hover{background:var(--a);border-color:var(--i)}.active-pill{background:var(--p2);font:700 .72rem ui-monospace,monospace}.desk{max-width:1540px;margin:auto;border-top:1px solid var(--l);border-bottom:1px solid var(--l);display:grid;grid-template-columns:250px 1fr}.filters{border-right:1px solid var(--l);padding:24px 20px;position:sticky;top:66px;align-self:start;max-height:calc(100vh - 66px);overflow:auto}.filters>div{margin-bottom:22px}.filters label{color:var(--m)}.filter-list{display:grid;gap:4px;margin-top:8px}.filter-option{border:0;background:transparent;padding:7px;display:flex;justify-content:space-between;text-align:left;font-weight:700}.filter-option.active{background:var(--i);color:var(--p)}.filter-option small{opacity:.6}.link-btn{border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--m)}.results{padding:24px clamp(16px,3vw,40px) 70px;min-width:0}.section-toolbar{display:flex;justify-content:space-between;align-items:center}.section-toolbar small{margin-left:8px;color:var(--m)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.card{border:1px solid var(--i);background:var(--w);display:flex;flex-direction:column;min-height:360px;transition:.15s}.card:hover{box-shadow:5px 5px 0 var(--i);transform:translate(-2px,-2px)}.card-top{display:flex;justify-content:space-between;padding:15px 15px 0}.card-code{font:700 .68rem ui-monospace,monospace;color:var(--m)}.pin{border:1px solid var(--l);background:transparent;padding:5px 7px;font-size:.73rem;font-weight:850}.pin.active{background:var(--a);border-color:var(--i)}.card-body{padding:12px 15px 16px;display:flex;flex-direction:column;flex:1}.meta-strip{display:flex;justify-content:space-between;gap:8px}.badge{background:var(--i);color:var(--p);padding:4px 6px;font:800 .62rem ui-monospace,monospace}.micro{font:700 .65rem ui-monospace,monospace;color:var(--m)}.card h2{font-size:1.65rem;line-height:1;letter-spacing:-.045em;margin:13px 0 0}.summary{line-height:1.5}.keyline{margin-top:auto;border-top:1px solid var(--l);padding-top:10px;font-size:.78rem}.keyline b{font:800 .64rem ui-monospace,monospace;color:var(--b)}.tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.tag{background:var(--p2);padding:4px 6px;font:700 .66rem ui-monospace,monospace}.tag.quiet{background:transparent;border:1px solid var(--l)}.card-foot{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--i)}.card-foot>*{border:0;background:transparent;text-align:center;padding:10px 5px;text-decoration:none;color:var(--i);font-weight:800;font-size:.8rem}.card-foot>*+*{border-left:1px solid var(--i)}.card-foot a{background:var(--i);color:var(--p)}.intro{max-width:1180px;margin:auto;padding:70px clamp(18px,6vw,88px) 35px}.intro h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.94;letter-spacing:-.06em;margin:10px 0}.intro p{max-width:850px;line-height:1.6;color:var(--m)}.workflow-grid,.network-shell,.builder-shell,.compare-shell{max-width:1540px;margin:auto;padding:0 clamp(18px,4vw,56px) 85px}.workflow{border:1px solid var(--i);background:var(--w);margin-bottom:16px}.workflow-lead{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:20px;border-bottom:1px solid var(--i)}.workflow-no{font:900 2.5rem ui-monospace,monospace;color:var(--b)}.workflow h2{font-size:2rem;letter-spacing:-.05em;margin:0}.workflow-lead p{color:var(--m)}.outcome{display:inline-block;background:var(--p2);padding:5px 7px;font:700 .68rem ui-monospace,monospace}.steps{display:grid;grid-template-columns:repeat(4,1fr)}.step{padding:16px;min-height:175px}.step+.step{border-left:1px solid var(--l)}.step>span{font:700 .65rem ui-monospace,monospace;color:var(--m)}.step button{display:block;border:0;background:transparent;padding:8px 0 5px;font-weight:900;text-align:left;text-decoration:underline}.step b{display:block;font-size:.85rem}.step p{font-size:.86rem;line-height:1.48;color:var(--m)}.workflow-foot{border-top:1px solid var(--l);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.primary{border:1px solid var(--i);background:var(--a);padding:8px 11px;font-weight:850}.network-shell{display:grid;grid-template-columns:320px 1fr;gap:16px}.network-controls,.graph-panel,.builder-config,.workspace,.generator,.saved-projects,.compare-shell{border:1px solid var(--i);background:var(--w)}.network-controls{padding:16px;height:max-content;position:sticky;top:82px}.network-controls label,.control-grid label,.compare-pickers label{display:grid;gap:6px;font:750 .68rem ui-monospace,monospace;letter-spacing:.08em;margin-bottom:12px}.network-controls select,.control-grid select,.compare-pickers select,.save-row input{width:100%;border:1px solid var(--l);background:var(--p);padding:9px}.score-card{margin-top:16px;border-top:3px solid var(--i);padding-top:12px}.score-number{font-size:3.1rem;line-height:1;font-weight:950;letter-spacing:-.06em}.score-number.good{color:#23833d}.score-number.mid{color:var(--o)}.score-number.low{color:var(--r)}.score-card p{font-size:.84rem;line-height:1.45;color:var(--m)}.path-steps{margin-top:15px}.path-hop{border-top:1px solid var(--l);padding:9px 0}.path-hop b,.path-hop span{display:block}.path-hop span{font-size:.77rem;color:var(--b);font-family:ui-monospace,monospace}.graph-toolbar{padding:10px 14px;border-bottom:1px solid var(--i);display:flex;justify-content:space-between;align-items:center}.graph-toolbar label{display:flex;align-items:center;gap:7px;font-size:.75rem}.graph-toolbar select{border:1px solid var(--l);background:var(--p);padding:5px}.graph-wrap{overflow:auto;min-height:680px;background:radial-gradient(circle at center,rgba(36,94,234,.05),transparent 48%)}.graph-svg{width:100%;min-width:900px;height:680px;display:block}.graph-edge{stroke:#a8aea9;stroke-width:1.5}.graph-edge.hot{stroke:var(--b);stroke-width:4}.graph-node circle{fill:var(--w);stroke:var(--i);stroke-width:2}.graph-node text{font:700 12px Inter,sans-serif;pointer-events:none}.graph-node.hot circle{fill:var(--a);stroke:var(--b);stroke-width:4}.graph-node.dim{opacity:.18}.builder-shell{display:grid;gap:16px}.builder-config,.workspace,.generator,.saved-projects{padding:18px}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.builder-actions{display:flex;gap:8px;margin:5px 0 16px}.builder-actions>button:not(.primary),.generator-actions>button:not(.primary){border:1px solid var(--i);background:transparent;padding:8px 11px;font-weight:800}.recommendation{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rec-card{border:1px solid var(--l);padding:10px;background:var(--p)}.rec-card b,.rec-card small{display:block}.rec-card small{color:var(--m);margin-top:4px}.workspace-head,.generator-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.workspace-head h2,.generator-head h2,.saved-projects h2{margin:5px 0;font-size:1.7rem;letter-spacing:-.04em}.readiness{display:flex;align-items:baseline;gap:4px}.readiness strong{font-size:3.5rem;line-height:.9}.readiness span{color:var(--m)}.diagnostics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.diag{border:1px solid var(--l);padding:10px}.diag.good{border-top:4px solid #23833d}.diag.warn{border-top:4px solid var(--o)}.diag.bad{border-top:4px solid var(--r)}.diag b{display:block}.diag p{font-size:.8rem;color:var(--m);margin:5px 0}.recipe{display:grid;gap:5px}.recipe-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;border:1px solid var(--l);padding:7px}.recipe-row>span{font:750 .7rem ui-monospace,monospace;color:var(--b)}.recipe-row small{display:block;color:var(--m)}.recipe-actions{display:flex}.recipe-actions button{border:0;background:transparent;font-weight:900;padding:5px}.segmented{display:flex;border:1px solid var(--i)}.code-tab{border:0;background:transparent;padding:7px 9px;font-weight:800}.code-tab+.code-tab{border-left:1px solid var(--i)}.code-tab.active{background:var(--i);color:var(--p)}#codeOutput{margin:16px 0 10px;background:#111815;color:#dff6e7;padding:16px;overflow:auto;min-height:280px;max-height:520px;white-space:pre-wrap;font:500 .78rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.generator-actions{display:flex;gap:8px}.save-row{display:grid;grid-template-columns:1fr auto;gap:8px;max-width:650px}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.project-card{border:1px solid var(--l);padding:10px}.project-card b,.project-card small{display:block}.project-card small{color:var(--m);margin:4px 0 10px}.project-card div{display:flex;gap:6px}.project-card button{border:1px solid var(--i);background:transparent;padding:5px 7px}.compare-shell{padding:18px}.compare-pickers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compare-table{overflow:auto;margin-top:16px}.compare-table table{width:100%;border-collapse:collapse;min-width:780px}.compare-table th,.compare-table td{border:1px solid var(--l);padding:10px;text-align:left;vertical-align:top}.compare-table th{background:var(--i);color:var(--p)}.compare-table td:first-child{font-weight:850;background:var(--p2);width:160px}.compare-pill{display:inline-block;border:1px solid var(--l);padding:3px 5px;margin:2px;font:700 .67rem ui-monospace,monospace}.principles{max-width:1540px;margin:35px auto 0;padding:60px clamp(18px,6vw,88px);border-top:1px solid var(--l)}.principles>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.principles article{border-top:3px solid var(--i);padding-top:12px}.principles p{color:var(--m);line-height:1.45}.empty{text-align:center;border:1px dashed var(--i);padding:45px 20px}.stack-panel{position:fixed;right:0;top:0;width:min(520px,94vw);height:100vh;background:var(--i);color:var(--p);z-index:60;padding:22px;transform:translateX(105%);transition:.18s;display:flex;flex-direction:column}.stack-panel.open{transform:none}.stack-head{display:flex;justify-content:space-between}.stack-head h2{font-size:2rem;margin:5px 0}.stack-head button{border:0;background:transparent;color:var(--p);font-size:2rem}.stack-panel>p{color:#b9c1bd;line-height:1.5}.stack-items{flex:1;overflow:auto}.stack-item{border:1px solid #4a5550;padding:10px;margin-bottom:7px;display:flex;justify-content:space-between}.stack-item b,.stack-item small{display:block}.stack-item small{color:#9aa49f}.stack-item button{border:0;background:transparent;color:var(--a)}.stack-panel footer{display:flex;gap:8px}.stack-panel footer button:last-child{border:1px solid #68736e;background:transparent;color:var(--p);padding:8px 11px}.scrim{position:fixed;inset:0;background:rgba(13,23,20,.48);z-index:50}dialog{width:min(850px,94vw);max-height:90vh;border:1px solid var(--i);background:var(--w);padding:0;box-shadow:12px 12px 0 var(--i)}dialog::backdrop{background:rgba(13,23,20,.58)}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:2rem}.detail{padding:28px}.detail>small{font:700 .68rem ui-monospace,monospace;color:var(--m)}.detail h2{font-size:clamp(2.5rem,6vw,4.5rem);line-height:.9;letter-spacing:-.06em;margin:12px 45px 10px 0}.lead{font-size:1.05rem;line-height:1.6}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-grid section{border-top:3px solid var(--i)}.detail-grid ul{padding-left:20px;line-height:1.55}.keys{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.keys span{background:var(--p2);padding:5px 7px;font:700 .68rem ui-monospace,monospace}.caveat{margin:18px 0;background:#f2e3d5;border-left:4px solid #9b5424;padding:11px 14px}.connections>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--l);padding:8px 0}.connections span{color:var(--m);font-size:.8rem}.detail-link{display:inline-block;background:var(--i);color:var(--p);padding:9px 12px;text-decoration:none;font-weight:850}.palette-dialog{width:min(680px,94vw);top:10vh;margin:auto;box-shadow:10px 10px 0 var(--i)}.palette-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--i);padding:10px}.palette-search input{flex:1;border:0;outline:0;background:transparent;padding:8px}.palette-results{max-height:55vh;overflow:auto}.palette-item{width:100%;border:0;border-bottom:1px solid var(--l);background:transparent;padding:10px 13px;text-align:left}.palette-item:hover,.palette-item.active{background:var(--a)}.palette-item b,.palette-item small{display:block}.palette-item small{color:var(--m)}.page-footer{max-width:1540px;margin:auto;border-top:1px solid var(--l);padding:24px clamp(18px,4vw,56px);display:flex;justify-content:space-between;color:var(--m);font-size:.84rem}
@media(max-width:1050px){.topbar{grid-template-columns:1fr auto}.mainnav{grid-column:1/-1;order:3;height:42px;border-top:1px solid var(--l)}.nav-tab{flex:1}.network-shell{grid-template-columns:1fr}.network-controls{position:relative;top:auto}.control-grid{grid-template-columns:repeat(2,1fr)}.recommendation{grid-template-columns:repeat(2,1fr)}.diagnostics{grid-template-columns:1fr}.project-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.desk{grid-template-columns:1fr}.filters{position:relative;top:auto;max-height:none;border-right:0;border-bottom:1px solid var(--l);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.principles>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.brandtext{display:none}.hero h1{font-size:clamp(3.6rem,17vw,5.2rem)}.hero-stats{grid-template-columns:1fr 1fr}.hero-stats div:nth-child(3){border-left:0;border-top:1px solid var(--i)}.hero-stats div:nth-child(4){border-top:1px solid var(--i)}.filters{grid-template-columns:1fr 1fr}.filters>div:nth-child(3){grid-column:1/-1}.filter-list{display:flex;flex-wrap:wrap}.filter-option{width:auto;border:1px solid var(--l)}.filter-option small{display:none}.steps,.control-grid,.recommendation,.compare-pickers,.project-list,.principles>div,.detail-grid{grid-template-columns:1fr}.step+.step{border-left:0;border-top:1px solid var(--l)}.workflow-foot,.workspace-head,.generator-head{flex-direction:column;align-items:flex-start}.segmented{width:100%;overflow:auto}.code-tab{flex:1;white-space:nowrap}.page-footer{flex-direction:column;gap:8px}.nav-tab{padding:0 7px;font-size:.74rem}.square-btn{display:none}}