:root{--paper:#f4f1e9;--ink:#20231e;--muted:#686d62;--line:#c9c7bb;--green:#244a37;--lime:#c6df8f;--blue:#243f8a;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue)}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:18px;background:var(--ink);color:#fff;padding:10px 15px;z-index:9}.skip-link:focus{top:12px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:#fff;font:700 16px var(--display);letter-spacing:-2px}.brand-mark span{color:var(--lime)}.brand-name{font:500 11px var(--mono);letter-spacing:.06em}.brand-name b{color:var(--green);font-weight:500}.site-header nav{display:flex;gap:30px}.site-header nav a,.header-contact{font:11px var(--mono);text-decoration:none}.header-contact{border:1px solid var(--ink);padding:10px 13px}.header-contact span{color:var(--green);padding-left:6px}.hero{padding:102px 0 84px;display:grid;grid-template-columns:1fr 245px;gap:72px;align-items:end;border-bottom:1px solid var(--line)}.kicker,.eyebrow,.label{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kicker{display:flex;gap:10px;align-items:center}.kicker:before{content:"[ DT ]";color:var(--green)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(54px,8.3vw,112px)/.97 var(--display);letter-spacing:-.075em;max-width:850px;margin:27px 0 22px}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.hero-rail{border-left:1px solid var(--line);padding-left:21px;font:11px/2 var(--mono);color:var(--muted)}.hero-rail strong{display:block;color:var(--green);font-weight:500}.hero-actions{display:flex;gap:18px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;gap:22px;padding:13px 16px;background:var(--green);color:#fff;text-decoration:none;font:11px var(--mono);transition:transform .2s}.button:hover{color:#fff;transform:translateY(-2px)}.text-link{font:11px var(--mono)}.section{padding:76px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:28px}.section-head h2{font:500 clamp(32px,4vw,50px)/1.08 var(--display);letter-spacing:-.055em;margin:10px 0}.section-head p{max-width:390px;color:var(--muted);font-size:14px;margin:0}.section-head .label{color:var(--green);white-space:nowrap}.product-card{display:grid;grid-template-columns:1fr 1fr;min-height:300px;background:#e6e7dc;border:1px solid var(--line)}.product-main{padding:40px;display:flex;flex-direction:column;justify-content:space-between}.product-meta{display:flex;gap:10px;align-items:center;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--green)}.pixel{width:10px;height:10px;background:var(--green);display:inline-block;box-shadow:4px 4px 0 var(--lime)}.product-card h3{font:600 clamp(30px,4vw,44px)/1.05 var(--display);letter-spacing:-.06em;margin:20px 0}.product-card p{max-width:430px;color:#555b52}.product-link{font:11px var(--mono);color:var(--blue)}.product-side{background:#d7ddca;padding:38px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--line)}.terminal-label{font:10px var(--mono);color:var(--muted)}.product-side blockquote{font:500 24px/1.35 var(--display);letter-spacing:-.04em;margin:24px 0}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid #9da697;padding:5px 9px;font:9px var(--mono);text-transform:uppercase}.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.note-card{border-top:2px solid var(--green);padding:20px 0 0}.note-card h3{font:500 24px/1.2 var(--display);letter-spacing:-.04em;margin:15px 0 10px}.note-card p{font-size:13px;color:var(--muted);max-width:470px}.note-card a{font:10px var(--mono);color:var(--blue)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 26px}.principle{padding:22px 0;border-top:1px solid var(--line)}.principle-index{font:10px var(--mono);color:var(--green)}.principle h3{font:500 20px var(--display);letter-spacing:-.03em;margin:12px 0 7px}.principle p{color:var(--muted);font-size:13px;margin:0}.cta-band{padding:60px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-band h2{font:500 clamp(32px,4vw,50px)/1.05 var(--display);letter-spacing:-.06em;margin:0}.cta-band p{max-width:420px;color:var(--muted);font-size:14px;margin:0}.page-hero{padding:72px 0 48px;border-bottom:1px solid var(--line)}.page-hero h1{font:500 clamp(48px,7vw,82px)/1 var(--display);letter-spacing:-.07em;margin:22px 0}.page-hero p{max-width:650px;font-size:17px;color:var(--muted);margin:0}.page-body{padding:50px 0 92px}.prose{max-width:760px}.prose h2{font:500 30px var(--display);letter-spacing:-.05em;margin:48px 0 12px}.prose h3{font:500 20px var(--display);margin:30px 0 8px}.prose p,.prose li{color:#53594f}.prose ul{padding-left:20px}.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.principle-detail{padding:24px 0;border-top:1px solid var(--line)}.principle-detail h2{font:500 24px var(--display);letter-spacing:-.04em;margin:0 0 10px}.principle-detail p{font-size:14px;color:var(--muted);margin:0}.software-list,.post-list{border-top:1px solid var(--line)}.software-item,.post-item{display:grid;grid-template-columns:130px 1fr 30px;gap:28px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none}.software-item .label,.post-item .label{margin:0}.software-item h2,.post-item h2{font:500 25px var(--display);letter-spacing:-.04em;margin:0 0 4px}.software-item p,.post-item p{font-size:13px;color:var(--muted);margin:0}.item-arrow{font:16px var(--mono);color:var(--green)}.empty-state{border:1px dashed var(--line);padding:34px;margin-top:24px}.empty-state .label{color:var(--green)}.empty-state h2{font:500 25px var(--display);margin:10px 0}.empty-state p{max-width:550px;color:var(--muted);font-size:13px;margin-bottom:0}.article-meta{font:10px var(--mono);color:var(--muted)}.site-footer{background:#e8e6dc}.footer-top{padding:48px 0 38px;display:flex;justify-content:space-between;align-items:start}.footer-brand .brand-mark{width:34px;height:34px}.footer-top p{font-size:12px;color:var(--muted);margin:14px 0 0}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:10px 40px}.footer-links a,.footer-bottom a{font:10px var(--mono);text-decoration:none}.footer-bottom{border-top:1px solid var(--line);min-height:56px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);color:var(--muted)}@media(max-width:760px){.wrap{width:calc(100% - 42px)}.site-header{height:72px}.site-header nav{gap:14px}.site-header nav a,.header-contact{font-size:9px}.brand-name{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:70px 0 56px}.hero h1{font-size:clamp(54px,12vw,82px)}.hero-rail{display:flex;justify-content:space-between;border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.product-card{grid-template-columns:1fr}.product-side{border-left:0;border-top:1px solid var(--line);min-height:190px}.section{padding:56px 0}.section-head{display:block}.section-head p{margin-top:12px}.principle-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.cta-band{display:block}.cta-band p{margin:18px 0}.principle-list{grid-template-columns:1fr}.software-item,.post-item{grid-template-columns:90px 1fr 20px;gap:15px}.software-item h2,.post-item h2{font-size:21px}.footer-top{gap:30px}.footer-links{gap:10px 20px}}@media(max-width:460px){.wrap{width:calc(100% - 34px)}.site-header nav{gap:10px}.site-header nav a{font-size:8px}.header-contact{padding:8px}.brand-mark{width:33px;height:33px}.hero h1{font-size:52px}.hero-copy{font-size:15px}.hero-rail{font-size:9px}.product-main,.product-side{padding:25px}.product-card h3,.section-head h2{font-size:34px}.principle-grid{grid-template-columns:1fr}.software-item,.post-item{grid-template-columns:1fr 20px;gap:4px 12px}.software-item .label,.post-item .label{grid-column:1}.software-item div,.post-item div{grid-column:1;grid-row:2}.item-arrow{grid-column:2;grid-row:1/3}.footer-top{display:block}.footer-links{margin-top:30px}.footer-bottom{flex-wrap:wrap;gap:8px;padding:14px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.topic-board{margin-top:45px;padding-top:20px;border-top:1px solid var(--line)}.topic-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.topic-list span{border:1px solid var(--line);padding:8px 11px;font:10px var(--mono);color:#50564c}.article-page{max-width:850px}.article-head{padding-inline:0}.article-head .kicker a{color:var(--blue)}.article-head h1{max-width:800px}.article-page .page-body{padding-inline:0}.article-back{margin-top:50px;padding-top:20px;border-top:1px solid var(--line)}