:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#91a0b3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#65df92;--muted:#7c8da2;--border:#283138;background:#090d0f;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}*{box-sizing:border-box}body{background:radial-gradient(at 48% 42%,#111a1b55,#0000 65%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid var(--green);outline-offset:6px}::selection{color:#edf8f0;background:#297247}a{color:var(--green);text-underline-offset:.2em}.container{width:min(106rem,78%);margin-inline:auto}.mesh-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 15%,#000 48% 85%,#0008);mask-image:linear-gradient(#0000 15%,#000 48% 85%,#0008)}.mesh-background svg{width:100%;height:100%}.mesh-lines{stroke:#7394a0;stroke-width:.65px;opacity:.19}.mesh-dots{fill:#9cbdc7;opacity:.24}.site-header{margin-bottom:2rem;position:relative}.header-content{justify-content:space-between;align-items:center;gap:2rem;min-height:6rem;padding-inline:1.4rem;display:flex}.brand{color:#e6e9ed;letter-spacing:.025em;flex-shrink:0;font-size:1.4rem;font-weight:700}.brand-cursor{color:var(--green)}nav{align-items:center;gap:clamp(1.5rem,2vw,2.75rem);display:flex}.nav-link{color:var(--muted);background:0 0;border:0;padding:.5rem 0;transition:color .15s}.nav-link:hover{color:#dde5ed}.contact-link{color:var(--green);white-space:nowrap;background:#65df9203;border:1px solid #4baf70;border-radius:5px;align-items:center;gap:1rem;margin-left:.6rem;padding:.8rem 1.2rem;transition:background .15s,box-shadow .15s;display:flex}.contact-link:hover{background:#65df920d;box-shadow:0 0 20px #65df9209}.main-content{align-items:center;min-height:calc(100svh - 6rem);padding-bottom:2.5rem;display:flex}.terminal{border:1px solid var(--border);background:linear-gradient(125deg,#0b1012f7,#0a0e10f5);border-radius:20px;width:100%;overflow:hidden;box-shadow:0 0 0 1px #ffffff03,0 22px 80px #0003}.terminal-titlebar,.terminal-statusbar{justify-content:space-between;align-items:center;gap:1rem;padding-inline:1.35rem;display:flex}.terminal-titlebar{border-bottom:1px solid #ffffff05;min-height:3.3rem;font-size:clamp(.75rem,.82vw,1rem)}.terminal-window-title{color:#b0bfd0;align-items:center;gap:1.65rem;display:flex}.window-controls{gap:.65rem;display:flex}.window-controls span{background:#ff635b;border-radius:50%;width:1rem;height:1rem;box-shadow:inset 0 2px 3px #ffffff25,0 0 7px #ff635b12}.window-controls span:nth-child(2){background:#f3c342}.window-controls span:nth-child(3){background:#32cc65}.terminal-titlebar-note{color:#687c8f;font-size:.8em}.terminal-titlebar-note span{margin-left:.6rem}.terminal-body{grid-template-columns:1.17fr 1fr;min-height:30rem;padding:2.4rem clamp(1.75rem,2.4vw,3.2rem) 2rem;font-size:clamp(.875rem,.95vw,1.2rem);line-height:1.5;display:grid}.terminal-intro{min-width:0;padding-right:clamp(1.5rem,2.5vw,3.4rem)}.terminal-prompt{align-items:center;gap:1ch;min-height:1.5em;display:flex}.prompt-user{color:var(--green);flex-shrink:0}.whoami-command{color:var(--muted)}h1,h2,h3,p{margin-top:0}.terminal h1{color:#f0f3f5;letter-spacing:.015em;align-items:center;gap:.18em;margin-block:1.1rem 1.2rem;font-size:clamp(2.25rem,3.05vw,4.2rem);font-weight:700;line-height:1.2;display:flex}.input-cursor{background:var(--green);width:.34em;height:.84em;display:inline-block;box-shadow:0 0 18px #65df9230}.terminal-lede{color:#bdc7d9;letter-spacing:-.025em;margin-bottom:2rem;font-size:clamp(1rem,1.15vw,1.5rem);line-height:1.6}.terminal-about{color:var(--muted);margin-bottom:2.15rem}.terminal-about p{margin:.7rem 0 0 .6rem;line-height:1.4}.terminal-input{flex:1;min-width:0;position:relative}.terminal-input input{color:#c4cddd;width:100%;min-height:1.5em;caret-color:var(--green);line-height:inherit;background:0 0;border:0;border-radius:0;outline:none;padding:0;display:block}.terminal-input input:focus-visible{box-shadow:0 1px #65df9233}.input-cursor{pointer-events:none;width:.65em;height:1.1em;animation:1.2s step-end infinite cursor-blink;position:absolute;top:.2em;left:0}.terminal-input input:not(:placeholder-shown)+.input-cursor{display:none}.terminal-input input:placeholder-shown{caret-color:#0000}.terminal-visual{border-left:1px solid var(--border);align-items:center;min-width:0;padding-left:clamp(1.75rem,2.7vw,3.65rem);display:flex}.connection-diagram{width:100%;padding-bottom:1.4rem;font-size:clamp(.6rem,.77vw,1rem);line-height:1.5}.diagram-loop{color:#93a5b7;text-align:center;justify-content:center;gap:.5ch;height:2.6rem;margin-inline:9%;display:flex;position:relative}.diagram-loop span{white-space:nowrap;position:relative;top:-.75em}.diagram-loop:before,.diagram-loop:after{content:"";border-top:1px dashed #93a5b7;flex:1;min-width:.5rem}.diagram-loop-top:before{border-left:1px dashed #93a5b7}.diagram-loop-top:after{border-right:1px dashed #93a5b7}.diagram-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:9%;margin:.65rem 0 .8rem;padding:0;list-style:none;display:grid}.diagram-stage{color:#a2c49b;position:relative}.stage-code{color:#79cad5}.stage-systems{color:#71b6d6}.stage-people{color:#ab8bd9}.diagram-node{text-transform:uppercase;background:linear-gradient(135deg,#ffffff02,#0000);border:1px dashed;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;min-height:clamp(5.5rem,4.5vw,6.3rem);display:flex}.diagram-node svg{width:2rem;height:2rem}.diagram-stage:not(:last-child):after{color:#a9cdd1;text-align:center;content:"-->";width:49%;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.diagram-stage:first-child:before,.diagram-stage:last-child:before{color:#93a5b7;content:"↓";position:absolute;top:-1.9rem;left:50%;transform:translate(-50%)}.diagram-loop-bottom{border-left:1px dashed #93a5b7;border-right:1px dashed #93a5b7;align-items:flex-end;height:2rem}.diagram-loop-bottom:before,.diagram-loop-bottom:after{border-top:0;border-bottom:1px dashed #93a5b7}.diagram-loop-bottom span{top:.75em}.terminal-statusbar{border-top:1px solid var(--border);color:#899bb0;min-height:3.2rem;font-size:clamp(.65rem,.74vw,.95rem)}.terminal-links,.terminal-meta{align-items:center;gap:1.7rem;display:flex}.social-link{align-items:center;gap:.5rem;text-decoration:none;transition:color .15s;display:inline-flex}.social-link:hover{color:#b9f5c9}.terminal-links svg{flex-shrink:0;width:1rem;height:1rem}.terminal-signoff{word-spacing:.4em;white-space:nowrap}.terminal-signoff span{margin-inline:.6rem}.prose{max-width:48rem;padding-block:3rem;line-height:1.7}.prose h1{color:#f0f3f5;font-size:clamp(2.25rem,6vw,4rem);line-height:1.15}.eyebrow{color:var(--green)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@media (width>=120rem){.terminal-lede{white-space:nowrap}}@media (width<=80rem){.container{width:calc(100% - 4rem)}.terminal-links,.terminal-meta{gap:1rem}}@media (width<=60rem){.terminal-body{grid-template-columns:1fr;padding:2rem}.terminal-intro{padding-right:0}.terminal h1{font-size:clamp(2.25rem,6vw,3.5rem)}.terminal-lede{font-size:1.1rem}.terminal-visual{border-top:1px solid var(--border);border-left:0;margin-top:2rem;padding:2.5rem 0 1rem}.connection-diagram{max-width:38rem;margin-inline:auto;font-size:clamp(.65rem,1.5vw,.9rem)}.terminal-meta .terminal-signoff{display:none}}@media (width<=36rem){.container{width:calc(100% - 2rem)}.header-content{flex-wrap:wrap;gap:1rem;min-height:7.5rem;padding:1.25rem .25rem}.brand{font-size:1.2rem}nav{justify-content:space-between;gap:1rem;width:100%;font-size:.8rem}.contact-link{gap:.6rem;margin-left:auto;padding:.55rem .7rem}.main-content{min-height:calc(100svh - 7.5rem);padding-block:.5rem 1.5rem}.terminal{border-radius:14px}.terminal-titlebar,.terminal-statusbar{padding-inline:1rem}.terminal-window-title{gap:1rem;font-size:.7rem}.window-controls{gap:.4rem}.window-controls span{width:.7rem;height:.7rem}.terminal-titlebar-note{display:none}.terminal-body{padding:1.75rem 1.1rem;font-size:.8rem}.terminal h1{font-size:clamp(1.8rem,8vw,2.75rem)}.terminal-lede{font-size:.95rem}.terminal-about p{margin-left:0;line-height:1.6}.desktop-break{display:none}.connection-diagram{font-size:clamp(.48rem,2vw,.7rem)}.diagram-node{gap:.6rem;min-height:4.5rem}.diagram-node svg{width:1.5rem;height:1.5rem}.diagram-loop{height:2rem}.terminal-statusbar{padding-block:.75rem}.terminal-links{flex-wrap:wrap;gap:.6rem 1.25rem;font-size:.65rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}