:root{color-scheme:dark;--bg:#1e1f22;--panel:#25272c;--text:#e1e3e8;--muted:#a8adb7;--line:#3d4149;--green:#8cc794;--orange:#d69b79;--mono:'JetBrains Mono',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}a:hover{color:var(--green)}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;top:-90px;left:20px;padding:10px;background:var(--green);color:var(--bg);z-index:50}.skip:focus{top:10px}.header{display:flex;justify-content:space-between;align-items:center;gap:25px;height:80px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--green)}.header nav{display:flex;gap:28px}.header nav a,.header-contact{font-size:14px}.header nav a::before{content:'./';color:#838a96}.hero{padding-top:52px}.hero-main{display:grid;grid-template-columns:1fr 1.15fr;gap:68px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--orange);margin:0 0 22px;font-weight:500}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(2.8rem,5.8vw,4.8rem);font-weight:500;letter-spacing:-.06em;line-height:1.09;margin-bottom:0;text-transform:uppercase}h1 span{color:var(--green)}.intro{font-size:clamp(1.15rem,1.9vw,1.5rem);line-height:1.5;letter-spacing:-.04em;margin:0 0 16px}.hero-detail{font-size:15px;color:var(--muted);margin-bottom:22px}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:10px 17px;font-size:14px;border:1px solid var(--line);border-radius:3px;transition:background .15s,border-color .15s}.primary{background:#365c3e;border-color:#5c9367;color:#e1f3e3}.primary:hover{background:#426d4b;color:#fff}.secondary{background:#27292e}.secondary:hover{background:#30343b;border-color:var(--green)}.text-link{font-size:14px;padding:12px 3px;text-decoration:underline;text-underline-offset:5px}.location{color:var(--muted);font-size:13px;margin:18px 0 0}.results{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;padding:26px 0 30px;border-block:1px solid var(--line)}.stat{padding-inline:32px}.stat:first-child{padding-left:0}.stat+.stat{border-left:1px solid var(--line)}.stat strong{font-size:clamp(2.8rem,5vw,4rem);font-weight:500;line-height:1.1;letter-spacing:-3px}.stat strong span{color:var(--green)}.stat p{font-size:13px;letter-spacing:1px;margin:12px 0 5px}.stat small{font-size:12px;color:var(--muted)}.section{padding-top:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;letter-spacing:-.05em;line-height:1.35;margin:0}.file-label{font-size:12px;color:var(--muted);padding-bottom:5px}.cases{border-top:1px solid var(--line)}.case{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding:34px 0 38px;border-bottom:1px solid var(--line)}.case-label{color:var(--orange);font-size:12px;letter-spacing:1px;margin-bottom:12px}h3{font-size:25px;font-weight:500;line-height:1.35;letter-spacing:-1px;margin-bottom:24px}.case-facts{margin:0;display:grid;gap:16px}.case-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px}.case-facts dt{font-size:12px;color:var(--muted);text-transform:uppercase;padding-top:3px}.case-facts dd{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;margin:0;color:#c7cbd3}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.tags span{font-size:12px;color:#bac9e5;background:#282b31;border:1px solid #404650;border-radius:2px;padding:3px 8px}.case-result{align-self:stretch;background:var(--panel);border:1px solid var(--line);border-top:2px solid #668b70;padding:24px;display:flex;flex-direction:column;justify-content:center}.result-label{font-size:11px;color:var(--muted);letter-spacing:1px;margin-bottom:20px}.case-result p:not(.result-label){font-family:Arial,Helvetica,sans-serif;font-size:15px;color:var(--muted);line-height:1.55;margin:15px 0 0}.before-after{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.before-after>span:first-child{font-size:25px;color:var(--muted)}.before-after>span:nth-child(2){color:var(--green)}.before-after strong{color:var(--green);font-size:36px;font-weight:500;letter-spacing:-2px}.bar{height:5px;transform-origin:left}.bar.old{width:100%;background:#656b79;margin-top:26px}.bar.new{width:16.67%;background:var(--green);margin-top:8px}.result-accent{font-size:16px;color:var(--green);margin-top:20px;font-weight:500}.case-result h4{font-size:24px;font-weight:500;line-height:1.4;color:var(--green);margin-bottom:14px;letter-spacing:-1px}.result-list{list-style:none;padding:0;margin:0;font-size:13px;color:#c6cad2}.result-list li{margin:9px 0;padding-left:19px;position:relative}.result-list li::before{content:'✓';color:var(--green);position:absolute;left:0}.compact-result{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.compact-result>span{color:var(--muted);font-size:19px}.compact-result b{color:var(--green);font-weight:400}.compact-result strong{font-size:32px;letter-spacing:-1px;color:var(--green);font-weight:500}.pipeline{list-style:none;margin:22px 0 0;padding:0;font-size:12px}.pipeline li{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:9px 0;color:var(--green)}.pipeline li span{color:var(--muted)}.team-note{font-family:Arial,Helvetica,sans-serif;font-size:15px;color:var(--muted);max-width:900px;margin:22px 0 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{border:1px solid var(--line);background:#24262b;padding:28px;display:flex;flex-direction:column;transition:border-color .15s}.project:hover{border-color:#668b70}.project-file{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:23px}.project-file span{color:var(--orange);margin-right:10px}.project h3{font-size:27px;margin-bottom:16px}.project>p{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#c7cbd3;line-height:1.6;margin-bottom:0;max-width:440px}.project .tags{margin-bottom:25px}.project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}.project-actions .button{font-size:13px}.stack-grid{display:grid;grid-template-columns:.8fr 1.2fr 1.3fr 1fr 1fr;border-block:1px solid var(--line);padding:25px 0;gap:20px}.stack-grid h3{font-size:12px;color:var(--orange);letter-spacing:1px;margin-bottom:14px}.stack-grid p{font-size:14px;line-height:1.9;margin:0;overflow-wrap:anywhere}.contact{margin-top:75px;padding-top:35px;padding-bottom:50px;border-top:1px solid var(--line)}.contact .eyebrow{margin-bottom:20px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.contact h2{font-size:clamp(1.45rem,2.3vw,1.9rem);line-height:1.5}.contact h2 span{color:var(--green)}.email{display:inline-block;font-size:14px;color:#c7cbd3;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px;margin-top:23px}footer{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer div{display:flex;gap:24px}#main:focus{outline:none}.reveal{opacity:0;transform:translateY(14px);transition:opacity .3s,transform .3s}.reveal.is-visible{opacity:1;transform:none}.case.reveal .bar{transform:scaleX(0);transition:transform .6s ease .15s}.case.is-visible .bar{transform:scaleX(1)}
/* The intro is visual storytelling; no commands are executed. */
.terminal-opening{overflow:hidden}.test-loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;padding:20px;transition:opacity .15s}.test-loader.is-done{opacity:0;pointer-events:none}.loader-window{width:min(710px,100%);border:1px solid #464a53;border-radius:5px;overflow:hidden;background:#1e1f22}.terminal-title{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:12px 20px;background:#2b2d30;border-bottom:1px solid var(--line);color:var(--muted)}.terminal-title>span:first-child{color:var(--text)}.loader-content{padding:26px;min-height:390px}.command-entry{display:flex;justify-content:space-between;align-items:center;gap:20px}.terminal-command{font-size:14px;line-height:2.2;color:var(--muted);margin:0}.terminal-command b{color:var(--text);font-weight:400}.venv{color:#cc91c4}.entry-cursor{color:var(--green)}#run-tests{font:inherit;font-size:14px;min-height:48px;padding:11px 18px;border:1px solid #6c9b76;border-radius:3px;background:#365c3e;color:#e1f3e3;cursor:pointer}#run-tests:hover{background:#426d4b}#run-tests:disabled{opacity:.65;cursor:default}.test-output{margin-top:28px}.session-label{font-size:12px;color:var(--muted);text-align:center;border-block:1px dashed #575d68;padding:5px 0;margin:0}.collected{font-size:12px;color:var(--muted);margin:12px 0}.test-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;font-size:14px;margin:8px 0;opacity:0;transition:opacity .1s}.test-row.visible{opacity:1}.test-dots{overflow:hidden;white-space:nowrap;text-align:right;color:#7c8492}.test-row strong{color:var(--green);font-weight:400}.test-summary{opacity:0;color:var(--green);margin-top:21px;text-align:center;font-size:13px}.test-summary.visible{opacity:1}.test-summary p{margin:0 0 6px;border-block:1px solid #425b48;padding:5px}.test-summary strong{font-weight:500}.loader-track{height:2px;background:#363b44;margin-top:15px}.loader-track>span{display:block;height:100%;width:0;background:var(--green);transition:width .13s}.is-running .entry-cursor{visibility:hidden}
@media(max-width:950px){.hero-main{gap:38px}.case{gap:28px;grid-template-columns:minmax(0,1fr) 270px}.case-facts>div{grid-template-columns:1fr;gap:4px}.case-result{padding:20px}.stack-grid{grid-template-columns:repeat(3,1fr);row-gap:26px}.contact-grid{grid-template-columns:1fr 1fr;gap:28px}.actions{gap:9px}.button{padding-inline:13px}.hero .text-link{width:100%;padding-block:0}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.header{height:70px;gap:12px}.header nav{gap:15px}.header nav a{font-size:12px}.header-contact{display:none}.brand{font-size:21px}.hero{padding-top:30px}.hero-main{grid-template-columns:1fr;gap:24px}.hero .eyebrow{font-size:11px;margin-bottom:15px}h1{font-size:clamp(2.4rem,11.5vw,4rem)}.intro{font-size:18px;line-height:1.5}.hero-detail{font-size:14px}.hero .text-link{width:auto;padding-block:10px}.location{font-size:12px}.results{grid-template-columns:1fr;margin-top:27px;padding:0}.stat{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:18px;padding:18px 0}.stat+.stat{border-left:0;border-top:1px solid var(--line)}.stat strong{grid-row:1/3;font-size:42px;letter-spacing:-2px;align-self:center}.stat p{font-size:12px;margin:0 0 3px;letter-spacing:.6px}.stat small{font-size:11px}.section{padding-top:56px}.section-heading{align-items:start;gap:15px;margin-bottom:23px}.file-label{display:none}h2{font-size:25px}.eyebrow{font-size:11px;letter-spacing:1px}h3{font-size:23px}.case{grid-template-columns:1fr;gap:23px;padding:27px 0}.case-facts dd{font-size:16px}.case-facts dt{font-size:12px}.case-result{padding:22px}.case-result .before-after{gap:20px}.result-label{margin-bottom:14px}.before-after strong{font-size:37px}.project-grid{grid-template-columns:1fr;gap:16px}.project{padding:22px}.project h3{font-size:25px}.stack-grid{grid-template-columns:1fr 1fr;gap:22px}.stack-grid p{font-size:13px}.stack-grid h3{font-size:11px}.contact{margin-top:45px;padding-top:28px}.contact-grid{grid-template-columns:1fr;gap:25px}.contact h2{font-size:22px}.email{font-size:13px}footer{flex-direction:column;font-size:11px;gap:13px}footer div{gap:20px}.test-loader{padding:14px}.terminal-title{padding:12px 14px;font-size:11px}.loader-content{padding:20px 16px;min-height:420px}.command-entry{align-items:start;flex-direction:column;gap:16px}.terminal-command{font-size:12px}.test-row{font-size:12px;gap:7px}.test-summary{font-size:12px}.loader-window{max-height:calc(100dvh - 28px);overflow:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.case .bar{transform:none!important}}
@media print{.test-loader,.header,.actions,footer{display:none!important}.wrap{width:100%}body{background:#fff;color:#111}.section{padding-top:25px}.case,.project{break-inside:avoid}.reveal{opacity:1;transform:none}}

/* Same subtle 42px grid as the earlier terminal design; no background code. */
body{background-image:linear-gradient(#9aa5bd04 1px,transparent 1px),linear-gradient(90deg,#9aa5bd04 1px,transparent 1px);background-size:42px 42px}