:root{--ink:#202020;--paper:#fff;--gray:#d7d7d7;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px dashed #9d3f88;outline-offset:5px}.nav{position:absolute;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:start;gap:20px;z-index:5}.nav a{display:block;background:#eee;padding:7px 10px;font-size:17px}.nav .brand{font-weight:700;font-size:21px;background:#fff;padding-left:0}.nav nav{display:flex;gap:5px}.nav .nav-install{background:var(--ink);color:white}.nav a:hover{background:#d5d5d5;color:#111}.desktop{min-height:740px;height:100svh;position:relative;display:grid;place-items:center;padding:110px 20px 130px}.window{background:var(--gray);border:1px solid #272727;padding:3px;box-shadow:inset 1px 1px #fff,inset -1px -1px #737373,2px 2px 0 #b6b6b6;font-family:var(--mono)}.welcome-window{width:356px;max-width:100%;transform:translateY(18px)}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#242424;color:#f5f5f5;padding:5px 7px;font:16px/1.1 var(--mono)}.titlebar>span:last-child{white-space:nowrap}.window-menu{font:14px var(--mono);padding:6px 8px;border-bottom:1px solid #a2a2a2}.welcome-content{display:flex;flex-direction:column;align-items:center;padding:23px 12px 24px}.welcome-content button{background:none;border:0;padding:0;width:150px;height:71px}.welcome-content img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .18s}.welcome-content button:hover img{transform:rotate(-6deg)}.welcome-content h1{font:700 35px var(--mono);margin:8px 0 3px;letter-spacing:-1px}.welcome-content p{font:16px var(--mono);margin:0 0 23px}.retro-button{display:inline-block;border:1px solid #777;border-top-color:white;border-left-color:white;background:#d6d6d6;box-shadow:1px 1px 0 #333,inset -1px -1px #aaa;padding:7px 10px;font:15px/1.15 var(--mono);border-radius:0}.retro-button:hover{background:#e9e9e9}.retro-button:active,.retro-button[aria-pressed=true]{border-color:#666;border-bottom-color:white;border-right-color:white;box-shadow:inset 1px 1px #888;background:#bebebe}.statusbar{margin-top:3px;display:flex;justify-content:space-between;gap:12px;padding:4px 6px;border:1px solid #999;border-bottom-color:#eee;border-right-color:#eee;font:13px/1.2 var(--mono)}.scroll-cue{position:absolute;bottom:37px;left:50%;transform:translateX(-50%);font:14px/1.8 var(--mono);text-align:center;color:#696969}.scroll-cue span{font-size:20px}.desktop-note{position:absolute;bottom:43px;left:25px;font:12px var(--mono);color:#777;writing-mode:vertical-rl;transform:rotate(180deg)}.page-section{max-width:1480px;margin:auto;padding:60px 7% 115px;position:relative}.section-meta{display:flex;justify-content:space-between;gap:20px;font:14px var(--mono);margin-bottom:77px;color:#5e5e5e}.statement{padding-top:32px}.statement:before,.statement:after{content:'';position:absolute;top:0;width:11px;height:11px;border-top:1px solid #888}.statement:before{left:3%;border-left:1px solid #888}.statement:after{right:3%;border-right:1px solid #888}.intro-label{text-align:center;font-size:17px;margin-bottom:45px}.statement h2{font-size:clamp(68px,10.8vw,168px);text-align:center;line-height:.97;letter-spacing:-.075em;font-weight:700;margin:0}.statement-bottom{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:930px;margin:75px auto 0}.statement-bottom img{width:185px;height:125px;object-fit:contain}.statement-bottom p{font-size:23px;line-height:1.5;max-width:630px;margin:0}.ascii-divider{margin:0 3%;white-space:nowrap;overflow:hidden;font:17px/1 var(--mono);letter-spacing:2px;color:#777;user-select:none}.workflow h2,.boundaries h2,.install h2{font-size:clamp(64px,9.4vw,144px);line-height:1;letter-spacing:-.07em;margin:0 0 85px;font-weight:700}.workflow-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.steps article,.rules article{display:flex;gap:20px;margin-bottom:37px}.steps article>span,.rules article>span{font:17px var(--mono);padding-top:5px}.steps h3,.rules h3{font-weight:500;font-size:25px;letter-spacing:-.6px;margin:0 0 12px}.steps p,.rules p{font-size:18px;line-height:1.55;margin:0;max-width:430px;color:#535353}.terminal-toolbar{padding:7px 8px;display:flex;justify-content:space-between;align-items:center;font:12px var(--mono)}.terminal-toolbar button{font-size:13px;padding:4px 8px}.terminal-screen{background:#29252b;color:#dedbe0;padding:22px;font:16px/1.5 var(--mono);min-height:402px;border:1px solid #777;overflow-wrap:anywhere}.terminal-screen p{margin:0 0 17px}.terminal-screen p:last-child{margin-bottom:0}.prompt{color:#dcbad0}.muted{color:#aaa3ad}.terminal-diff{border-top:1px dashed #747074;border-bottom:1px dashed #747074;padding:14px 0;margin:19px 0}.terminal-diff>*{display:block;text-decoration:none}.terminal-diff del{color:#d8a7a7}.terminal-diff ins,.terminal-success{color:#bbd5b4}.cursor{animation:blink 1.1s steps(1) infinite}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.boundary-illustration{text-align:center}.boundary-illustration img{width:270px;max-width:85%;height:170px;object-fit:contain}.boundary-illustration p{font:14px var(--mono);margin-top:30px}.rules article{border-top:1px dotted #a1a1a1;padding-top:24px}.install-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.install-copy>p:first-child{font-size:27px;color:var(--ink)}.install-copy p{font-size:19px;line-height:1.5;color:#555;max-width:340px;margin:0 0 25px}.install-copy img{display:block;width:150px;height:100px;object-fit:contain;margin-top:45px}.setup-content{padding:18px 16px;background:#e0e0e0}.code-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font:16px var(--mono)}.runtime-tabs{display:flex;gap:5px}.code-label button{font-size:13px;padding:5px 8px}pre{font:16px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 22px}.mini-divider{overflow:hidden;white-space:nowrap;font:16px var(--mono);color:#777;margin:0 0 20px}.setup-window,.install-grid>div,.workflow-grid>div{min-width:0}footer{border-top:1px solid #aaa;margin:0 3%;padding:25px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:14px var(--mono)}footer>a:first-child{font-size:27px;font-weight:700}@keyframes blink{50%{opacity:0}}@media(min-width:1600px){.desktop{max-height:1100px}}@media(max-width:900px){.page-section{padding-left:6%;padding-right:6%}.workflow-grid,.install-grid{grid-template-columns:1fr;gap:30px}.terminal-window{max-width:620px;width:100%;justify-self:center}.boundary-grid{gap:5%}.statement-bottom{gap:25px}.statement-bottom p{font-size:20px}.install-copy img{display:none}.install-copy p{max-width:100%}.setup-window{width:100%;max-width:650px}.workflow h2,.boundaries h2,.install h2{margin-bottom:55px}.nav a{font-size:15px}}@media(max-width:600px){.nav{left:12px;right:12px;top:12px;gap:12px;flex-wrap:wrap}.nav nav{order:3;justify-content:center;width:100%;gap:4px}.nav nav a{font-size:14px;padding:5px 9px}.nav .brand{font-size:20px}.nav .nav-install{font-size:14px}.desktop{height:100svh;min-height:660px;padding:130px 22px}.welcome-window{width:320px;transform:none}.desktop-note{display:none}.welcome-content{padding:20px 9px}.welcome-content .retro-button{font-size:14px}.page-section{padding:42px 6% 65px}.section-meta{font-size:12px;margin-bottom:45px}.intro-label{font-size:14px;line-height:1.5;max-width:270px;margin:0 auto 35px}.statement h2{font-size:clamp(49px,12.5vw,75px);letter-spacing:-.065em}.statement-bottom{flex-direction:column;gap:20px;margin-top:45px}.statement-bottom img{width:110px;height:65px;align-self:flex-start}.statement-bottom p{font-size:19px}.workflow h2,.boundaries h2,.install h2{font-size:clamp(49px,12vw,72px);letter-spacing:-.065em;margin-bottom:43px}.steps article,.rules article{gap:13px}.steps h3,.rules h3{font-size:22px}.steps p,.rules p{font-size:17px}.terminal-screen{font-size:14px;padding:15px;min-height:390px}.titlebar{font-size:14px}.boundary-grid{grid-template-columns:1fr;gap:35px}.boundary-illustration img{width:150px;height:100px}.boundary-illustration p{margin-top:15px}.code-label{font-size:14px;flex-wrap:wrap}.setup-content{padding:16px 12px}pre{font-size:14px}.statusbar{font-size:12px}.install-copy>p:first-child{font-size:23px}footer{flex-wrap:wrap;font-size:12px}footer>span{order:3;width:100%}.ascii-divider{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* The opening is a small, functional terminal demo. */
.desktop{min-height:760px}.tui{width:590px;max-width:100%;background:#202320;color:#e5e8df;padding:0 21px;font:12px/1.6 var(--mono);border:1px solid #151815;box-shadow:7px 7px 0 #eceeeb;transform:translateY(12px)}.tui-top{display:flex;justify-content:space-between;gap:15px;margin:0 -21px;padding:8px 13px;border-bottom:1px solid #454b43;color:#b8beb3;font-size:11px}.tui-top>span:first-child{color:#f5f6f1}.tui-heading{display:flex;align-items:center;gap:25px;padding:25px 4px 17px}.tui-heading #pet{width:102px;height:67px;padding:0;border:0;background:none;flex-shrink:0}.tui-heading img{height:100%;width:100%;object-fit:contain;filter:invert(1);opacity:.88;transition:transform .15s}.tui-heading button:hover img{transform:rotate(-7deg)}.tui-heading h1{font:700 40px/1 var(--mono);letter-spacing:-2.5px;margin:0 0 7px}.tui-heading p{margin:0;color:#b8beb3;font-size:12px}.tui-cursor{color:#cae59e}.tui-divider{overflow:hidden;white-space:nowrap;color:#62695d;font-size:12px}.tui-nav{display:flex;gap:10px;margin:12px 0 8px}.tui-nav button{font:12px var(--mono);background:none;border:0;padding:5px 8px;color:#c7cec0}.tui-nav button[aria-pressed=true]{background:#c6dbac;color:#20251b}.tui-nav button:hover{box-shadow:inset 0 -1px #c6dbac}.tui-panel{min-height:123px;padding:2px 8px 12px;font:12px/1.65 var(--mono)}.tui-panel p{margin:8px 0}.tui-mark{color:#c6dbac}.tui-muted{color:#a8b09f}.tui-panel a{color:#c6dbac;text-decoration:underline;text-underline-offset:4px}.tui-command{border-top:1px solid #454b43;display:flex;align-items:center;gap:9px;padding:12px 0;color:#c6dbac}.tui-command label{white-space:nowrap}.tui-command input{min-width:0;width:100%;font:12px var(--mono);background:none;border:0;color:#f1f4ed;outline:none;padding:4px 0;border-bottom:1px solid transparent;border-radius:0}.tui-command input:focus{border-bottom-color:#8c9a7a}.tui-command input::placeholder{color:#929b89}.tui-command button{background:none;border:0;color:#c6dbac;font-size:18px;padding:0 5px}.tui-status{display:flex;justify-content:space-between;gap:12px;margin:0 -21px;padding:5px 12px;border-top:1px solid #454b43;font-size:9px;color:#a8b09f;background:#282d26}.tui a:focus-visible,.tui button:focus-visible{outline-color:#d6efb7}.statement h2{letter-spacing:-.065em}.terminal-screen{font-size:14px}.section-meta{font-size:12px}.steps article>span,.rules article>span{font-size:14px}.titlebar{font-size:13px}pre{font-size:14px}.retro-button{font-size:13px}.code-label{font-size:13px}.desktop-note{font-size:10px}
@media(max-width:600px){.desktop{min-height:680px;padding-left:14px;padding-right:14px}.tui{padding:0 13px;transform:none}.tui-top{margin:0 -13px;padding:7px 9px;font-size:9px;gap:7px}.tui-top>span:nth-child(2){display:none}.tui-heading{gap:16px;padding:20px 2px 13px}.tui-heading #pet{width:75px;height:53px}.tui-heading h1{font-size:32px}.tui-heading p{font-size:10px}.tui-nav{gap:3px}.tui-nav button{font-size:10px;padding:6px 5px}.tui-panel{font-size:11px;min-height:145px;padding-left:4px;padding-right:4px}.tui-command{font-size:10px;gap:5px}.tui-command input{font-size:11px}.tui-status{margin:0 -13px;padding:6px 9px;font-size:9px}.tui-status>span:last-child{display:none}.statement h2{font-size:clamp(43px,11.9vw,70px)}.workflow h2,.boundaries h2,.install h2{font-size:clamp(43px,11.5vw,70px)}.terminal-screen{font-size:12px}.titlebar{font-size:11px}pre{font-size:12px}.code-label{font-size:12px}.code-label button{font-size:11px}}
.desktop{grid-template-columns:minmax(0,1fr)}.tui{min-width:0;width:min(590px,100%)}

/* Narrative screens: philosophy, three principles, then concrete uses. */
.philosophy,.benefits{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:55px;padding-bottom:65px}.philosophy .section-meta,.benefits .section-meta{margin-bottom:40px}.philosophy-kicker{font:16px var(--mono);margin:0 0 25px}.philosophy h2{font-size:clamp(58px,7.4vw,112px);font-weight:700;line-height:.98;letter-spacing:-.065em;margin:0}.philosophy-plus{color:#818c74}.philosophy-bottom{display:grid;grid-template-columns:1fr 1.35fr;gap:7%;margin-top:35px;max-width:1080px}.philosophy-bottom p{font-size:19px;line-height:1.55;margin:0}.philosophy-bottom p:last-child{color:#555}.benefits h2,.use-cases h2{font-size:clamp(44px,5.5vw,80px);font-weight:700;line-height:1.03;letter-spacing:-.055em;margin:0 0 40px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #999;border-bottom:1px solid #999}.benefit-grid article{padding:25px 25px 25px 0;display:flex;flex-direction:column}.benefit-grid article+article{border-left:1px dotted #aaa;padding-left:25px}.benefit-label{font:12px var(--mono);color:#666;margin-bottom:25px}.benefit-grid h3{font-size:30px;line-height:1.08;letter-spacing:-1px;margin:0 0 18px}.benefit-grid p{font-size:16px;line-height:1.6;margin:0 0 24px;color:#555}.benefit-grid code{font:12px var(--mono);margin-top:auto}.use-case-list article{display:grid;grid-template-columns:45px 1fr 150px;gap:22px;padding:32px 0;border-top:1px dotted #999}.case-number,.case-file{font:13px var(--mono);color:#666;padding-top:7px}.case-file{text-align:right}.use-case-list h3{font-size:28px;letter-spacing:-.7px;margin:0 0 15px}.use-case-list p{font-size:18px;line-height:1.6;margin:0;max-width:800px;color:#444}.use-case-list .case-note{font-size:15px;color:#666;margin-top:18px}.case-note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.philosophy,.benefits{min-height:auto;padding-top:45px;padding-bottom:55px}.philosophy h2{font-size:clamp(42px,10.7vw,68px)}.philosophy-kicker{font-size:13px}.philosophy-bottom{grid-template-columns:1fr;gap:18px;margin-top:30px}.philosophy-bottom p{font-size:17px}.benefits h2,.use-cases h2{font-size:clamp(37px,9.4vw,60px)}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{padding:24px 0}.benefit-grid article+article{padding-left:0;border-left:0;border-top:1px dotted #aaa}.benefit-label{margin-bottom:18px}.benefit-grid h3{font-size:28px}.use-case-list article{grid-template-columns:32px 1fr;gap:12px}.case-file{grid-column:2;text-align:left}.use-case-list h3{font-size:24px}.use-case-list p{font-size:16px}.use-cases .section-meta{margin-bottom:35px}}