:root{--canvas:#f5f6f1;--paper:#fcfcf9;--ink:#1a2523;--ink-soft:#52605b;--line:#dce2db;--mint:#9ae6d1;--mint-strong:#27a99a;--pine:#183e39;--dark:#101918;--mono:"DM Mono",monospace;--sans:"Manrope","Noto Sans SC",sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-5rem;left:1rem;z-index:10;padding:.7rem .9rem;background:var(--pine);color:#fff}.skip-link:focus{top:1rem}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.48rem;font-size:.92rem;font-weight:800;letter-spacing:-.05em}.brand img{width:29px;height:31px;object-fit:contain}.site-header nav{display:flex;gap:1.8rem;font-size:.72rem;color:#67716d}.site-header nav a,.github-link,.inline-link{transition:color .2s ease}.site-header nav a:hover,.github-link:hover,.inline-link:hover{color:var(--mint-strong)}.github-link{justify-self:end;font:.67rem var(--mono);color:#31423e}.github-link span{margin-left:.25rem}.hero{padding:7.7rem 0 7rem}.hero-copy{max-width:760px;text-align:center;margin:auto}.eyebrow{margin:0;color:#27877c;font:500 .61rem var(--mono);letter-spacing:.11em}.eyebrow i{display:inline-block;width:6px;height:6px;margin-right:.5rem;border-radius:50%;background:var(--mint-strong);vertical-align:middle}.hero h1,.closing p{margin:1.05rem 0 1.5rem;font-size:clamp(3rem,6.1vw,5.8rem);line-height:1.02;letter-spacing:-.085em}.hero h1 em,.closing em{font-style:normal;color:#227e72}.lede{max-width:570px;margin:0 auto;color:var(--ink-soft);font-size:.96rem;line-height:1.85}.actions{display:flex;justify-content:center;gap:.7rem;margin:2.1rem 0 1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.85rem;min-height:46px;padding:.75rem 1rem;border:1px solid transparent;border-radius:999px;font-size:.75rem;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--pine);color:#f4fff9;box-shadow:0 9px 18px rgba(24,62,57,.12)}.button-primary:hover{box-shadow:0 14px 24px rgba(24,62,57,.2)}.button-quiet{border-color:#cbd4ce;color:#3d4b47}.install-line{display:inline-flex;align-items:center;gap:.6rem;padding:.42rem .45rem .42rem .8rem;border:1px solid var(--line);border-radius:999px;color:#76817c;font:.6rem var(--mono)}.install-line code{color:#396e66}.copy{border:0;border-radius:999px;padding:.35rem .6rem;background:#e8eee9;color:#46605a;font:inherit;cursor:pointer}.hero-demo{overflow:hidden;margin:5.4rem 0 0;border:1px solid #27302e;border-radius:18px;background:#101313;box-shadow:0 28px 60px rgba(18,28,26,.15)}.terminal-chrome{display:flex;align-items:center;gap:6px;height:39px;padding:0 15px;border-bottom:1px solid #26302d;background:#171e1c}.terminal-chrome span{width:7px;height:7px;border-radius:50%;background:#ed806f}.terminal-chrome span:nth-child(2){background:#ebc86d}.terminal-chrome span:nth-child(3){background:#7ed1a5}.terminal-chrome b{margin-left:.35rem;color:#b9c8c2;font:500 .59rem var(--mono)}.terminal-chrome small{margin-left:auto;color:#7fada1;font:.52rem var(--mono);letter-spacing:.09em}.hero-demo img{display:block;width:100%;height:auto;aspect-ratio:1200/796;object-fit:cover}.hero-demo figcaption{display:flex;justify-content:space-between;padding:.82rem 1rem;border-top:1px solid #26302d;color:#82a59b;font:.54rem var(--mono);letter-spacing:.06em}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:14%;align-items:start;padding:8.4rem 0;border-top:1px solid var(--line)}h2{margin:1rem 0 0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.08;letter-spacing:-.08em}.manifesto-copy{padding-top:.2rem}.manifesto-copy p,.sessions-copy>p,.architecture-copy>p,.toolchain-title>p,.start-copy>p{margin:0 0 1rem;color:var(--ink-soft);font-size:.88rem;line-height:1.9}.inline-link{display:inline-flex;gap:.65rem;margin-top:1rem;color:#176e64;font:500 .69rem var(--mono)}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip div{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.55rem;border-left:1px solid var(--line)}.proof-strip div:first-child{border-left:0}.proof-strip strong{color:#1b796e;font-size:1.55rem;letter-spacing:-.08em}.proof-strip span{color:#63706b;font-size:.68rem;line-height:1.55}.feature-intro{display:grid;grid-template-columns:1fr .72fr;gap:12%;align-items:end;padding:8.4rem 0 3.2rem}.section-summary{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.85}.capabilities{border-top:1px solid var(--line)}.capability{display:grid;grid-template-columns:80px 1fr .86fr;gap:2rem;align-items:center;min-height:340px;padding:2.4rem 0;border-bottom:1px solid var(--line)}.capability-number{align-self:start;color:#258b7d;font:.61rem var(--mono)}.capability-copy h3{margin:.7rem 0 .9rem;font-size:clamp(1.7rem,2.7vw,2.7rem);line-height:1.12;letter-spacing:-.07em}.capability-copy p:last-child{max-width:530px;margin:0;color:var(--ink-soft);font-size:.8rem;line-height:1.85}.capability-copy code{font:inherit;font-family:var(--mono);letter-spacing:0}.loop-diagram{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;padding:2.2rem 1rem;border-radius:13px;background:#e5f0ea;color:#216b62;font:.66rem var(--mono)}.loop-diagram span{padding:.55rem .65rem;border:1px solid #b9d6ca;border-radius:6px;background:#f7fcf9}.loop-diagram i{font-style:normal;color:#5ca59a}.policy-card{justify-self:end;width:min(100%,310px);padding:1.2rem;border-radius:13px;background:var(--pine);color:#effaf5}.policy-card small{color:#9fcdc0;font:.56rem var(--mono)}.policy-card div{display:flex;justify-content:space-between;align-items:center;margin:1.45rem 0 .7rem;padding:.55rem .6rem;border:1px solid rgba(162,220,204,.34);border-radius:6px;font:.59rem var(--mono)}.policy-card b{padding:.27rem .4rem;border-radius:4px;background:#efc978;color:#493b16}.policy-card p{margin:0;font-size:.84rem;font-weight:700}.policy-card em{display:block;margin-top:.25rem;color:#9bc3b7;font:.55rem var(--mono);font-style:normal}.context-meter{justify-self:end;width:min(100%,320px);padding:1.1rem 1.15rem;border:1px solid #c9ddd4;border-radius:13px;background:#eaf5f0}.context-meter div{display:grid;grid-template-columns:94px 1fr;gap:.6rem;align-items:center;margin:.55rem 0;color:#3d766d;font:.54rem var(--mono)}.context-meter b{height:11px;border-radius:4px;background:linear-gradient(90deg,#2ba998 84%,#cce9df 84%)}.context-meter div:nth-child(2) b{background:linear-gradient(90deg,#5dc8b5 65%,#cce9df 65%)}.context-meter div:nth-child(3) b{background:linear-gradient(90deg,#89ddcd 91%,#cce9df 91%)}.context-meter div:nth-child(4) b{background:linear-gradient(90deg,#c0e8dc 38%,#cce9df 38%)}.context-meter small{display:block;margin-top:1rem;color:#549187;font:.53rem var(--mono)}.sessions{grid-template-columns:.96fr 1fr;gap:10%;align-items:center}.session-screen{overflow:hidden;border:1px solid #cfdad4;border-radius:14px;background:#111;box-shadow:0 20px 40px rgba(25,43,38,.08)}.session-screen img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;object-position:50% 63%}.sessions-copy h2,.architecture-copy h2,.toolchain-title h2,.start-copy h2{margin-bottom:1.2rem}.event-stream{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:1.35rem;font:.57rem var(--mono)}.event-stream span{padding:.4rem .48rem;border-radius:4px;background:#e2ece6;color:#38645c}.event-stream i{width:11px;height:1px;background:#87aaa0}.toolchain{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding:8.4rem 0;border-top:1px solid var(--line)}.tool-list{border-top:1px solid var(--line)}.tool-list>div{display:grid;grid-template-columns:34px 130px 1fr;gap:.8rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.tool-list>div>span{color:#27877c;font:.55rem var(--mono)}.tool-list h3{margin:0;font-size:.79rem;letter-spacing:-.04em}.tool-list p{display:flex;flex-wrap:wrap;gap:.32rem;margin:0}.tool-list code{padding:.2rem .32rem;border-radius:3px;background:#e8eeea;color:#2b7067;font:.54rem var(--mono)}.architecture{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding:8.4rem 0;border-top:1px solid var(--line)}.architecture-copy ul{display:grid;gap:.58rem;margin:1.5rem 0;padding:0;list-style:none;color:#5f6a66;font-size:.73rem}.architecture-copy li{display:flex;gap:1rem}.architecture-copy code{display:inline-block;min-width:110px;color:#19776b;font:inherit;font-family:var(--mono)}.architecture-shot{overflow:hidden;margin:0;border:1px solid #cfd8d2;border-radius:14px;background:#101313}.architecture-shot img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;object-position:50% 50%}.architecture-shot figcaption{padding:.7rem .9rem;background:#e8eeea;color:#5c716a;font:.55rem var(--mono)}.start{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding:8.4rem 0;border-top:1px solid var(--line)}.terminal-code{overflow:hidden;border:1px solid #2e3b37;border-radius:13px;background:var(--dark);box-shadow:0 18px 35px rgba(18,38,34,.12)}.terminal-code>div{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-bottom:1px solid #2c3935}.terminal-code>div span{width:7px;height:7px;border-radius:50%;background:#e77c6a}.terminal-code>div span:nth-child(2){background:#e7c774}.terminal-code>div span:nth-child(3){background:#7ecfa5}.terminal-code>div b{margin-left:auto;color:#8ba99f;font:500 .56rem var(--mono)}pre{margin:0;padding:1.35rem 1.45rem;overflow:auto;color:#e6f2ec;font:.67rem/1.9 var(--mono)}pre em{color:#78d8c4;font-style:normal}pre i{color:#829e95;font-style:normal}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%;padding:8.4rem 0;border-top:1px solid var(--line)}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;cursor:pointer;font-size:.87rem;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#19776b;font:1rem var(--mono);transition:transform .2s ease}.faq details[open] summary span{transform:rotate(45deg)}.faq p{margin:0;padding:0 0 1.2rem;color:var(--ink-soft);font-size:.77rem;line-height:1.85}.closing{display:flex;flex-direction:column;align-items:center;padding:8rem 0 7rem;text-align:center;border-top:1px solid var(--line)}.closing img{width:70px;height:90px;object-fit:contain}.closing p{font-size:clamp(2.4rem,4.5vw,4.4rem)}footer{display:flex;justify-content:space-between;padding:1.5rem 0 2rem;border-top:1px solid var(--line);color:#79817e;font:.57rem var(--mono)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:760px){.shell{width:min(100% - 32px,1160px)}.site-header{height:68px;grid-template-columns:1fr auto}.site-header nav{display:none}.hero{padding:5.5rem 0}.hero h1{font-size:clamp(2.8rem,12vw,4.3rem)}.lede{font-size:.87rem}.actions{flex-direction:column}.button{width:100%}.hero-demo{margin-top:3.5rem;border-radius:11px}.terminal-chrome b{font-size:.48rem}.terminal-chrome small{display:none}.hero-demo figcaption{font-size:.45rem}.split-section,.feature-intro,.toolchain,.architecture,.start,.faq{grid-template-columns:1fr;gap:2.7rem;padding:5.5rem 0}.proof-strip{grid-template-columns:1fr}.proof-strip div{border-left:0;border-top:1px solid var(--line)}.proof-strip div:first-child{border-top:0}.feature-intro{padding-bottom:2.3rem}.capability{grid-template-columns:42px 1fr;gap:1rem;min-height:0;padding:2rem 0}.capability-copy{grid-column:2}.capability-number{grid-row:1/3}.loop-diagram,.policy-card,.context-meter{grid-column:2;justify-self:stretch;width:100%;margin-top:.3rem}.sessions{grid-template-columns:1fr}.sessions .session-screen{order:2}.tool-list>div{grid-template-columns:25px 1fr}.tool-list h3{grid-column:2}.tool-list p{grid-column:2}.architecture-shot{order:2}.faq{gap:2.5rem}.closing{padding:5.5rem 0}.closing p{font-size:clamp(2.25rem,11vw,3.7rem)}footer{flex-direction:column;gap:.5rem}.reveal{opacity:1;transform:none;transition:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
/* Editorial typography, aligned with MiniCode */
:root{--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--sans:"LXGW WenKai","Noto Serif SC",serif;--serif:"Newsreader","LXGW WenKai","Noto Serif SC",serif}
.hero h1,.closing p,h2{font-family:var(--serif)}
.hero h1,.closing p{line-height:1.18;letter-spacing:-.045em;font-weight:500}
h2{line-height:1.22;letter-spacing:-.04em;font-weight:500}

/* Runtime details */
.boundaries{display:grid;grid-template-columns:.76fr 1fr;gap:8%;padding:8.4rem 0;border-top:1px solid var(--line)}.boundaries-head{grid-column:1}.boundaries-head>p:last-child{margin:1.15rem 0 0;color:var(--ink-soft);font-size:.86rem;line-height:1.9}.boundary-flow{display:grid;grid-column:2;grid-row:1/3;gap:.45rem;align-content:center;padding:1.35rem;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.boundary-step{display:grid;grid-template-columns:42px 1fr;gap:.1rem .72rem;padding:.82rem .9rem;border:1px solid #d7e3dd;border-radius:8px;background:#f6faf7}.boundary-step span{grid-row:1/3;align-self:center;color:#29877b;font:.58rem var(--mono)}.boundary-step b{font:.65rem var(--mono);color:#244b45}.boundary-step small{color:#61716b;font-size:.64rem}.boundary-step.active{border-color:#a9d8c9;background:#e8f4ee}.boundary-step.compact{border-color:#bddbd0;background:#eff5f1}.boundary-flow>i{height:13px;margin-left:20px;color:#6da49a;font-style:normal;font:.75rem var(--mono)}.boundary-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;grid-column:1/-1;margin-top:3.7rem}.boundary-notes>div{padding:1.15rem 0;border-top:1px solid var(--line)}.boundary-notes strong{font-size:.8rem;letter-spacing:-.03em}.boundary-notes p{margin:.55rem 0 0;color:var(--ink-soft);font-size:.72rem;line-height:1.75}.boundary-notes code,.runtime-note code{padding:.08rem .22rem;border-radius:3px;background:#e7efea;color:#2b7067;font:.92em var(--mono)}.runtime-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.runtime-note{min-height:210px;padding:1.35rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.runtime-note>span{color:#25877b;font:.56rem var(--mono)}.runtime-note h3{margin:3.2rem 0 .65rem;font-size:1rem;letter-spacing:-.05em}.runtime-note p{margin:0;color:var(--ink-soft);font-size:.74rem;line-height:1.75}
@media(max-width:760px){.boundaries{grid-template-columns:1fr;gap:2.4rem;padding:5.5rem 0}.boundary-flow{grid-column:auto;grid-row:auto}.boundary-notes,.runtime-notes{grid-template-columns:1fr}.boundary-notes{gap:.5rem;margin-top:1rem}.runtime-note{min-height:0}.runtime-note h3{margin:1.6rem 0 .65rem}}
/* One editorial reading axis: title, explanation, then evidence. */
.manifesto,.feature-intro,.boundaries,.sessions,.toolchain,.architecture,.start,.faq{grid-template-columns:1fr;gap:2rem;text-align:center}.manifesto{padding:8rem 0 5.2rem}.manifesto>div,.feature-intro>div,.feature-intro>.section-summary,.boundaries-head,.sessions-copy,.toolchain-title,.architecture-copy,.start-copy,.faq>.section-head{max-width:720px;margin-inline:auto}.manifesto-copy{padding-top:0}.manifesto-copy p,.sessions-copy>p,.architecture-copy>p,.toolchain-title>p,.start-copy>p{max-width:620px;margin-right:auto;margin-left:auto}.feature-intro{padding:5.2rem 0 3.2rem}.section-summary{max-width:620px}.capabilities{max-width:820px}.capability{grid-template-columns:1fr;gap:1.1rem;min-height:0;padding:3.2rem 0;text-align:center}.capability-number{justify-self:center;align-self:auto}.capability-copy{max-width:680px;margin:auto}.capability-copy p:last-child{max-width:620px;margin-inline:auto}.loop-diagram,.policy-card,.context-meter{justify-self:center;width:min(100%,560px);margin-top:.7rem;text-align:left}.loop-diagram{justify-content:center}.policy-card{text-align:left}.boundaries{padding:7.2rem 0}.boundary-flow{grid-column:auto;grid-row:auto;width:min(100%,680px);margin:1rem auto 0;text-align:left}.boundary-notes{width:min(100%,900px);margin:2.2rem auto 0;text-align:left}.runtime-notes{width:min(100%,900px);margin:0 auto;text-align:left}.sessions{padding:7.2rem 0}.session-screen{width:min(100%,820px);margin:1rem auto 0;order:2}.sessions-copy{order:1}.event-stream{justify-content:center}.toolchain{padding:7.2rem 0}.tool-list{width:min(100%,820px);margin:1rem auto 0;text-align:left}.architecture{padding:7.2rem 0}.architecture-copy{order:1}.architecture-copy ul{width:min(100%,520px);margin-right:auto;margin-left:auto;text-align:left}.architecture-shot{width:min(100%,820px);margin:1rem auto 0;order:2}.start{padding:7.2rem 0}.terminal-code{width:min(100%,720px);margin:1rem auto 0;text-align:left}.faq{padding:7.2rem 0}.faq-list{width:min(100%,760px);margin:1rem auto 0;text-align:left}
@media(max-width:760px){.manifesto,.feature-intro,.boundaries,.sessions,.toolchain,.architecture,.start,.faq{padding:5.5rem 0}.capability{padding:2.35rem 0}.boundary-notes,.runtime-notes{width:100%;text-align:left}}

/* Context compaction: retain the task signal, archive the heavy evidence. */
.compression{padding:7.2rem 0;border-top:1px solid var(--line);text-align:center}.compression-head{max-width:720px;margin:auto}.compression-head>p:last-child{max-width:625px;margin:1.15rem auto 0;color:var(--ink-soft);font-size:.86rem;line-height:1.9}.compression-map{width:min(100%,820px);margin:3.2rem auto 0;padding:1rem;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.context-lane{display:grid;grid-template-columns:150px repeat(3,1fr);gap:.55rem;align-items:center;padding:.85rem;border-radius:6px}.context-lane span{color:#7b5b52;font:.57rem var(--mono)}.context-lane b{padding:.55rem .45rem;border:1px solid #e4d9d3;border-radius:4px;background:#fcf9f7;color:#413632;font-size:.67rem;text-align:center}.context-lane.live{background:#fbf9f6}.context-lane.archive{background:#f4eee9}.context-lane.archive span{color:#a24938}.compression-arrow{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.85rem;color:#736661;font:.62rem var(--mono);text-align:center}.compression-arrow i{color:var(--mint-strong);font-style:normal;font-size:1rem}.compression-return{display:flex;align-items:center;gap:.75rem;margin-top:.6rem;padding:.75rem .85rem;border-top:1px solid var(--line);color:#655854;font-size:.7rem;line-height:1.6}.compression-return code{flex:none;padding:.22rem .34rem;border-radius:3px;background:#f4eee9;color:#934230;font:inherit;font-family:var(--mono)}.compression-notes{display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;margin:1.4rem auto 0;color:#706560;font-size:.69rem}.compression-notes b{color:var(--mint-strong);font-family:var(--mono)}
@media(max-width:760px){.compression{padding:5.5rem 0}.context-lane{grid-template-columns:1fr}.context-lane span{padding:.15rem 0}.compression-return{align-items:flex-start;flex-direction:column}.compression-notes{align-items:flex-start;flex-direction:column;gap:.55rem;text-align:left}}

/* FirstCoder green palette: one calm mint hierarchy for the compaction map. */
.compression-map{border-color:#c9ddd4;background:#fffefd}.context-lane.live{background:#f1f8f4}.context-lane.archive{background:#e5f2eb}.context-lane span,.context-lane.archive span{color:#26776b}.context-lane b{border-color:#c7ddd3;background:#fffefd;color:#1e3732}.compression-arrow{color:#65766f}.compression-arrow i{color:#159d8d}.compression-return{border-top-color:#c9ddd4;color:#526761}.compression-return code{background:#e3f1ea;color:#24766b}.compression-notes{color:#526761}.compression-notes b{color:#159d8d}

/* The resume demo is a full terminal recording: preserve every edge. */
.session-screen img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}

/* Real permission interaction, shown without cropping. */
.permission-screen{overflow:hidden;width:min(100%,680px);margin:.7rem auto 0;border:1px solid #263a37;border-radius:10px;background:#111;box-shadow:0 14px 30px rgba(18,44,40,.10)}
.permission-screen img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}

/* The overview capture is full-frame terminal UI, never crop its edges. */
.architecture-shot img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}

/* Give the resume chapter a clear breath after the runtime detail strip. */
.runtime-notes + .sessions{margin-top:5rem}
@media(max-width:760px){.runtime-notes + .sessions{margin-top:3.5rem}}
