:root{--bg-void:#080c10;--bg-surface:#0d1117;--bg-raised:#161b22;--teal:#2dd8df;--teal-dim:#2dd8df26;--teal-glow:#2dd8df14;--teal-border:#2dd8df40;--teal-border-active:#2dd8df66;--amber:#f5a623;--amber-dim:#f5a6231f;--green:#39d353;--red:#f44;--text:#e6edf3;--text-dim:#8b949e;--text-muted:#484f58;--border-dim:#21262d;--border-mid:#30363d;--max:1080px;color:var(--text);background:var(--bg-void);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg-void);margin:0;font-size:17px;line-height:1.65}a{color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.skip-link{background:var(--bg-raised);color:var(--text);border:1px solid var(--teal-border);padding:.6rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{z-index:10;top:1rem}.site-header,.site-footer,main{width:min(calc(100% - 2.5rem), var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.95rem;font-weight:700;text-decoration:none}.brand:before{content:"[>_] ";color:var(--amber)}nav{align-items:center;gap:1.1rem;display:flex}nav a{color:var(--text-dim);font-size:.9rem;text-decoration:none}nav a:not(.button):hover,.text-link:hover{color:var(--teal)}.button{border:1px solid var(--amber);background:var(--amber-dim);color:var(--amber);letter-spacing:.03em;border-radius:3px;padding:.66rem 1rem;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s;display:inline-block}.button:hover{background:var(--amber);color:var(--bg-void);border-color:var(--amber)}.button-small{padding:.42rem .7rem}.text-link{color:var(--teal);font-weight:700;text-decoration:none}.hero{max-width:850px;padding:8rem 0 5rem}.eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .8rem;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.75rem;font-weight:700}h1,h2,h3{letter-spacing:-.03em;color:var(--text);font-weight:700;line-height:1.15}h1{max-width:900px;margin:0;font-size:clamp(2.4rem,6.5vw,4.8rem)}h2{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}h3{margin:0;font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:1.2rem}.lead{max-width:720px;color:var(--text-dim);font-size:1.25rem}.actions{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2rem;display:flex}.principles,.card-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.principles{margin-bottom:6rem}.principles article,.card{border:1px solid var(--border-dim);background:var(--bg-surface);border-radius:5px;padding:1.4rem}.principles p,.card p{color:var(--text-dim)}.section{padding:2rem 0 6rem}.card{text-decoration:none;transition:transform .15s,border-color .15s,background .15s}.card:hover{border-color:var(--teal-border-active);background:var(--bg-raised);box-shadow:0 0 0 1px var(--teal-glow);transform:translateY(-3px)}.card span{color:var(--teal);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,Consolas,monospace;font-size:.85rem;font-weight:700}.page-intro{max-width:760px;padding:5rem 0 2rem}.page-intro>p{color:var(--text-dim);font-size:1.15rem}.section-first{padding-bottom:6rem}.case-study{max-width:760px;padding:5rem 0 7rem}.case-study .lead{margin-bottom:3rem}.case-study section{border-top:1px solid var(--border-dim);padding:1.7rem 0}.case-study section:last-child{border-bottom:1px solid var(--border-dim)}li{color:var(--text-dim);margin:.55rem 0}.site-footer{border-top:1px solid var(--border-dim);color:var(--text-muted);justify-content:space-between;gap:1rem;padding:2rem 0;font-size:.85rem;display:flex}.site-footer a{color:var(--text-dim)}.site-footer a:hover{color:var(--teal)}@media (width<=720px){.site-header{gap:1rem}nav{gap:.7rem}nav a:not(.button){display:none}.hero{padding:5rem 0 3.5rem}.principles,.card-grid{grid-template-columns:1fr}.principles{margin-bottom:3rem}.site-footer{flex-direction:column}}
