:root{--paper:#f5f2eb;--ink:#20211e;--coral:#ff795e;--sage:#c3cbbb;--line:rgba(32,33,30,.25);--mono:'IBM Plex Mono',monospace;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 'Manrope',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,input{font:inherit}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure{margin:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #b64227;outline-offset:5px}.wrap{width:calc(100% - 132px);max-width:1440px;margin-inline:auto}.mono,.section-label,.button,.tabs button,.blueprint-label,.hero-line,.project-image>span{font-family:var(--mono)}.header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{font:34px/1 var(--serif);white-space:nowrap}.brand span{font:11px/1 var(--mono);letter-spacing:.05em;margin-left:12px;vertical-align:middle}.header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.header nav>a:not(.button):hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:49px;border:1px solid var(--ink);padding:12px 20px;font-size:12px;line-height:1.3;transition:background .15s,color .15s}.button:hover{background:var(--sage)}.button.dark{background:var(--ink);color:var(--paper)}.button.dark:hover{background:#464740}.button.coral{background:var(--coral);color:var(--ink);border-color:var(--coral)}.button.coral:hover{background:#ff947f}.menu-toggle{display:none}.hero{position:relative;min-height:738px;padding-top:67px;display:flex;align-items:flex-start}.hero-copy{position:relative;z-index:2;width:50%;pointer-events:none}.hero-copy>*{pointer-events:auto}h1{font:clamp(95px,8.9vw,145px)/.88 var(--serif);letter-spacing:-.035em;max-width:660px}h1 em{font-style:normal}.hero-copy>p{font-size:15px;line-height:1.8;max-width:420px;margin-top:32px}.actions{display:flex;align-items:center;gap:15px;margin-top:27px}.hero-art{position:absolute;width:66%;height:600px;right:-66px;top:33px;z-index:1}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(to right,transparent 0%,black 16%),linear-gradient(to bottom,black 88%,transparent 100%);mask-composite:intersect}.hero-art figcaption{position:absolute;right:66px;bottom:12px;font:10px var(--mono);color:#55564d}.hero-line{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:10px;letter-spacing:.04em}.section-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;line-height:1.5}.work{padding-top:50px;padding-bottom:105px}.work-heading{font:600 clamp(64px,7.5vw,115px)/.99 'Barlow Condensed',sans-serif;letter-spacing:-.015em;margin:27px 0 44px;max-width:1080px}.work-heading span{color:var(--coral)}.work-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:27px}.project-image{position:relative;height:430px;overflow:hidden}.project-image img{height:100%;width:100%;object-fit:cover}.project-image>span{position:absolute;left:18px;bottom:16px;background:var(--paper);padding:5px 8px;font-size:9px;letter-spacing:.03em}.ribbon img{object-position:50%}.project-title{display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px;gap:12px}.project h3{font-size:16px;font-weight:600;line-height:1.5}.text-link{font:11px/1.5 var(--mono);display:inline-flex;align-items:center;gap:14px;padding:3px 0;min-height:28px;white-space:nowrap}.project>p{font-size:13px;max-width:430px;margin-top:8px;color:#595b52}.usecases{margin-top:60px;border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:1fr 1.65fr;gap:60px}.usecases h3{font:37px/1.15 var(--serif);letter-spacing:-.02em}.small{font-size:11px;color:#65675e;margin-top:17px;max-width:260px}.tabs{display:flex;gap:7px;flex-wrap:wrap}.tabs button{font-size:11px;border:1px solid var(--line);padding:11px 13px;min-height:44px;line-height:1.3}.tabs button[aria-selected=true]{background:var(--coral);border-color:var(--coral)}.tabs button:hover{background:#e4dfd3}.tabs button[aria-selected=true]:hover{background:#ff9079}#case-content{padding-top:24px;min-height:205px}#case-content h4{font-size:17px;line-height:1.5;font-weight:600;margin-bottom:11px}#case-content>p{max-width:700px;font-size:13px;line-height:1.8}.case-evaluation{border-top:1px solid var(--line);padding-top:14px;margin-top:20px;font-size:11px!important}.case-evaluation span{display:block;font:9px var(--mono);letter-spacing:.07em;margin-bottom:8px}.harness{border-top:1px solid var(--line);padding-top:32px;padding-bottom:95px}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin:32px 0 42px}.section-intro h2,.research h2{font:76px/.99 var(--serif);letter-spacing:-.025em}.section-intro>p{max-width:470px;font-size:14px;line-height:1.9}.blueprint{background:var(--sage);padding:27px 30px 22px}.blueprint-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.04em}.architecture{position:relative;height:410px;display:grid;grid-template-columns:1fr 1.05fr 1.15fr;gap:14%;align-items:center}.connectors{position:absolute;inset:5px 0;z-index:0;width:100%;height:400px;pointer-events:none;color:#677061}.node{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;transition:background .18s,box-shadow .18s}.node strong{font-weight:600;font-size:15px}.node span{font-size:10px;line-height:1.6}.node svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.4;margin-bottom:14px}.input-nodes{display:grid;gap:25px}.input{flex-direction:column;height:160px;width:100%;background:#d9dfd3;border:1px solid #7c8974;border-radius:100px}.hub{background:var(--paper);border:1px solid #616f59;flex-direction:column;height:160px;padding:16px}.hub strong{font:30px var(--serif)}.hub>span{margin-top:7px;font:9px var(--mono)}.output-nodes{display:grid;gap:18px}.output{justify-content:flex-start;text-align:left;background:#dce1d7;border:1px solid #7d8975;padding:16px 14px;min-height:90px;gap:11px}.node-number{font:10px var(--mono)!important;align-self:flex-start;margin-top:4px;color:#626d5a}.output>div{flex:1}.output strong,.output div>span{display:block}.output small{font:7px var(--mono);letter-spacing:.035em;display:block;margin-top:5px}.node-arrow{font-size:18px!important}.node:hover,.node.is-focused{background:#f5f2eb;box-shadow:0 0 0 2px #687760}.blueprint[data-mode=coordination] .coord-path{stroke:#953c27;stroke-width:2;stroke-dasharray:6 4;animation:path-flow 14s linear infinite}.blueprint[data-mode=coordination] .hub{background:#ffb39c}.learning-loop{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;padding:21px 0;border-top:1px solid #8f9b85;border-bottom:1px solid #8f9b85}.learning-loop button{font:11px var(--mono);padding:10px 11px;border:1px solid #7c8974;min-height:44px;background:#d9dfd3}.loop-origin,.rollout{font:9px var(--mono);letter-spacing:.03em}.loop-origin{margin-right:10px}.learning-loop button:hover,.learning-loop button.is-focused{background:var(--paper)}.blueprint[data-mode=failure] .learning-loop button[data-node=episode],.blueprint[data-mode=failure] .learning-loop button[data-node=review],.blueprint[data-mode=training] .learning-loop button[data-node=train],.blueprint[data-mode=training] .learning-loop button[data-node=evaluate]{background:var(--coral);border-color:#a4513c}.blueprint-foot{font:9px/1.8 var(--mono);margin-top:16px;display:flex;justify-content:space-between;gap:20px}.harness-controls{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;margin-top:27px;align-items:start}.harness-controls p{font-size:12px;line-height:1.9;max-width:680px}.node-detail{position:relative;background:#e5e5dc;border-left:3px solid var(--ink);padding:24px 50px 24px 25px;margin-top:26px}.node-detail .mono{font-size:9px}.node-detail h3{font:29px var(--serif);margin:7px 0}.node-detail p{font-size:13px;max-width:820px}.node-detail>button{position:absolute;top:14px;right:15px;font-size:24px;width:44px;height:44px}.payments{background:var(--ink);color:var(--paper);padding:36px 0 85px}.payments .section-label{color:#b2b6a9}.payment-grid{display:grid;grid-template-columns:1fr .8fr;gap:13%;margin-top:62px;align-items:center}.payment-grid h2{font:96px/.95 var(--serif);letter-spacing:-.02em}.payment-grid p{font-size:14px;line-height:1.9;max-width:360px;margin-top:26px}.payment-grid .actions{gap:27px}.receipt{border:1px solid #6a6c63;padding:28px}.receipt-title{font:10px var(--mono);display:flex;justify-content:space-between}.receipt-title>span{font-size:20px}.receipt-flow{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #5a5d53;padding:35px 0;font:11px var(--mono)}.receipt-flow i{font-style:normal;color:var(--coral)}dl{margin:12px 0 0}dl>div{display:flex;justify-content:space-between;gap:20px;font:11px/1.6 var(--mono);padding:14px 0;border-bottom:1px solid #474a40}dl>div:last-child{border-bottom:0}dt{color:#b6bbab}dd{margin:0;text-align:right}.research{padding:46px 0 55px}.research h2{margin:29px 0 38px}.notes button{display:grid;grid-template-columns:1fr 2.4fr 30px;gap:25px;width:100%;align-items:center;text-align:left;border-top:1px solid var(--line);padding:27px 0}.notes button:last-child{border-bottom:1px solid var(--line)}.notes button>span:first-child{font:9px/1.7 var(--mono);letter-spacing:.03em}.notes button strong{font:31px/1.2 var(--serif);font-weight:400}.notes button>span:last-child{font-size:25px;transition:transform .2s}.notes button:hover>span:last-child{transform:translate(4px,-4px)}.notes button:hover strong{color:#a7442d}.closing{position:relative;font:clamp(70px,8.9vw,135px)/.94 var(--serif);letter-spacing:-.025em;margin-top:93px}.closing>span{position:absolute;right:35px;top:13px;color:var(--coral);font:150px/1 var(--serif)}.footer{border-top:1px solid var(--line);padding:31px 0 45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{font:10px/1.9 var(--mono);color:#66685e}.footer>div{display:flex;gap:25px;font:10px var(--mono)}.footer a:hover{text-decoration:underline}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:36px;width:min(760px,calc(100% - 36px));max-height:85vh;overflow:auto}dialog::backdrop{background:rgba(32,33,30,.65);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;gap:15px}.dialog-head .mono{font-size:9px}.dialog-close{font:11px var(--mono);min-height:44px;padding:10px}.dialog-close:hover{background:var(--sage)}dialog h2{font:61px/1.02 var(--serif);letter-spacing:-.02em;margin:30px 0}#article-body p{margin:16px 0;font-size:14px;line-height:1.9}#article-body h3{font-size:16px;margin-top:28px}#article-body a{border-bottom:1px solid var(--ink)}#article-body .source-list{border-top:1px solid var(--line);padding-top:17px;margin-top:28px;font:11px/2 var(--mono)}#article-body .status{font:10px/1.8 var(--mono);color:#746a58;background:#e9e4d8;padding:14px}.skip-link{position:absolute;top:-80px;left:12px;background:var(--paper);padding:15px;z-index:10}.skip-link:focus{top:8px}@keyframes path-flow{to{stroke-dashoffset:-100}}@media(min-width:1700px){.hero-art{right:0}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header nav{gap:20px}.hero{min-height:670px;padding-top:70px}.hero-art{right:-36px;height:520px;top:55px;width:67%}.hero-art figcaption{right:36px}.hero-copy>p{max-width:330px;font-size:13px}.hero .actions{gap:9px}.hero .button{font-size:10px;padding:12px 14px;gap:12px}.work-heading{font-size:84px}.project-image{height:330px}.project-title{display:block}.project-title .text-link{margin-top:10px}.section-intro{gap:50px}.section-intro h2{font-size:64px}.architecture{gap:10%}.node strong{font-size:12px}.hub strong{font-size:26px}.node span{font-size:9px}.output{padding:12px 9px;gap:7px}.learning-loop{gap:7px}.learning-loop button{font-size:9px}.loop-origin{width:100%;text-align:center;margin:0 0 4px}.payment-grid{gap:9%;grid-template-columns:1fr 1fr}.payment-grid h2{font-size:80px}.receipt{padding:20px}.receipt-flow{font-size:9px}dl>div{font-size:9px}.usecases{gap:40px}.harness-controls{grid-template-columns:1fr 1.2fr;gap:25px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:73px}.brand{font-size:31px}.brand span{font-size:9px;margin-left:8px}.menu-toggle{display:flex;align-items:center;gap:15px;min-height:44px;font:11px var(--mono);padding:8px 0 8px 12px}.menu-toggle span{font-size:23px}.header nav{display:none;position:absolute;top:72px;left:-20px;right:-20px;background:var(--paper);border-bottom:1px solid var(--ink);padding:20px;flex-direction:column;align-items:stretch;gap:5px}.header nav.is-open{display:flex}.header nav a{padding:12px;min-height:44px}.header nav .docs{margin-top:7px}.hero{min-height:0;display:flex;flex-direction:column;padding-top:40px}.hero-copy{width:100%;pointer-events:auto}h1{font-size:88px;line-height:.9;letter-spacing:-.03em}.hero-copy>p{max-width:345px;font-size:13px;line-height:1.8;margin-top:24px}.hero .actions{margin-top:23px;gap:9px;flex-wrap:wrap}.hero .button{font-size:10px;padding:12px 13px;min-height:46px}.hero-art{position:relative;right:auto;top:auto;width:calc(100% + 40px);height:340px;margin:10px -20px 0}.hero-art img{mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 89%,transparent 100%);mask-composite:add;object-fit:cover;object-position:50% 55%}.hero-art figcaption{right:20px;bottom:9px;font-size:8px}.hero-line{position:relative;flex-direction:column;gap:8px;font-size:8px;padding:17px 0}.work{padding-top:36px;padding-bottom:55px}.section-label{font-size:8px;gap:25px}.section-label>span:last-child{text-align:right;max-width:135px}.work-heading{font-size:61px;margin-top:22px;margin-bottom:30px;line-height:1}.work-grid{grid-template-columns:1fr;gap:34px}.project-image{height:280px}.project-title{display:flex;margin-top:16px;align-items:start}.project h3{font-size:13px}.project-title .text-link{font-size:9px;margin-top:0;gap:5px}.project>p{font-size:12px}.project-image>span{font-size:8px;left:12px;bottom:12px}.usecases{margin-top:39px;padding-top:25px;grid-template-columns:1fr;gap:24px}.usecases h3{font-size:35px}.small{max-width:none;font-size:10px;margin-top:12px}.tabs{gap:6px}.tabs button{font-size:9px;padding:10px 11px;min-height:44px}#case-content{min-height:235px;padding-top:20px}#case-content h4{font-size:16px}#case-content>p{font-size:12px}.harness{padding-top:26px;padding-bottom:55px}.section-intro{grid-template-columns:1fr;gap:23px;margin:27px 0 29px}.section-intro h2{font-size:55px}.section-intro>p{font-size:12px;line-height:1.9}.blueprint{padding:19px 16px}.blueprint-label{font-size:7px;gap:15px}.blueprint-label>span:last-child{max-width:104px;text-align:right}.architecture{height:auto;display:flex;flex-direction:column;gap:24px;padding:25px 0}.connectors{display:none}.input-nodes{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.input{height:150px;padding:10px;border-radius:75px}.node svg{width:30px;height:30px;margin-bottom:10px}.node strong{font-size:11px}.node span{font-size:8px}.hub{width:100%;height:130px}.hub strong{font-size:28px}.hub>span{font-size:9px}.output-nodes{width:100%;gap:9px}.output{padding:16px;min-height:82px}.output strong{font-size:14px}.output div>span{font-size:10px}.output small{font-size:7px}.node-number{font-size:9px!important}.node-arrow{font-size:21px!important}.hub:before,.output-nodes:before{content:'↓';position:absolute;top:-25px;left:50%;font:19px var(--mono)}.output-nodes{position:relative}.learning-loop{display:grid;grid-template-columns:1fr 18px 1fr;gap:8px;padding:19px 0}.loop-origin{grid-column:1/-1;font-size:8px;padding-bottom:7px}.learning-loop>span:nth-of-type(3){display:none}.learning-loop button{font-size:9px}.learning-loop>span{font-size:13px}.rollout{grid-column:1/-1;text-align:center;font-size:9px!important;margin-top:5px}.blueprint-foot{font-size:8px;display:block}.blueprint-foot span{display:block;margin-top:7px}.harness-controls{grid-template-columns:1fr;gap:20px;margin-top:22px}.harness-controls p{font-size:12px}.node-detail{padding:20px 45px 20px 20px}.node-detail p{font-size:12px}.payments{padding:27px 0 45px}.payment-grid{grid-template-columns:1fr;gap:40px;margin-top:38px}.payment-grid h2{font-size:72px}.payment-grid p{font-size:13px;margin-top:22px}.payment-grid .actions{gap:20px}.receipt{padding:22px}.receipt-flow{font-size:10px;padding:28px 0}dl>div{font-size:10px}.research{padding:31px 0 40px}.research h2{font-size:55px;margin:23px 0 27px}.notes button{grid-template-columns:1fr 24px;gap:12px;padding:22px 0}.notes button>span:first-child{grid-column:1/-1;font-size:8px}.notes button strong{font-size:29px}.notes button>span:last-child{font-size:25px}.closing{font-size:74px;margin-top:54px;line-height:.95}.closing>span{font-size:67px;right:0;top:6px}.footer{flex-wrap:wrap;gap:25px;padding:27px 0 35px}.footer>div{width:100%;justify-content:space-between}.footer p{font-size:8px}dialog{padding:22px;max-height:90vh}dialog h2{font-size:43px;margin:24px 0}.dialog-head{gap:8px}.dialog-head .mono{font-size:7px}#article-body p{font-size:12px}#article-body .source-list{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Fidelity refinements from the native-size concept comparison. */
@media(min-width:1101px){.header{height:74px}.brand{font-size:42px}.brand span{font-size:12px}.header nav{font-size:15px;gap:39px}.hero{padding-top:64px;min-height:752px}h1{font-size:clamp(120px,10.75vw,165px)}.hero-copy>p{font-size:18px;line-height:1.7;max-width:535px;margin-top:27px}.hero .button{font-size:13px;padding:15px 23px;min-height:57px}.hero .actions{margin-top:28px;gap:22px}.hero-art{height:650px;top:29px}.hero-line{font-size:10px}.work-heading{font-size:clamp(80px,6.7vw,103px);max-width:none;white-space:nowrap}.project h3{font:18px/1.5 var(--mono)}.project>p{font-size:14px}.project-title{display:block}.project-title .text-link{margin-top:13px;font-size:13px}.section-intro{display:block;margin:33px 0 35px}.section-intro h2{font-size:88px;line-height:1}.section-intro h2 br{display:none}.section-intro>p{max-width:1120px;margin-top:23px;font-size:19px;line-height:1.6}.node strong{font:23px/1.2 var(--serif)}.node span{font-size:12px}.hub strong{font-size:35px}.hub>span{font-size:11px}.learning-loop button{font-size:12px}.blueprint-foot{font-size:11px}.harness-controls .tabs button{font-size:13px;padding:15px 18px}.harness-controls p{font-size:14px}.payment-grid h2{font-size:114px}.payment-grid p{font-size:17px;max-width:500px}.receipt-flow{font-size:13px}dl>div{font-size:12px}.research h2{font-size:95px}.notes button strong{font:19px/1.5 var(--mono)}.closing br{display:none}.closing{font-size:104px;line-height:1;max-width:100%;margin-top:65px}.closing>span{display:none}}
.output>svg{width:28px;height:28px;flex:0 0 28px;margin:0 4px 0 0}.output small{font-size:8px}
@media(max-width:760px){.work-heading{font-size:57px}.output>svg{width:25px;height:25px;flex-basis:25px}.hero-copy h1{font-size:88px}}
@media(min-width:1101px){.hero{min-height:790px}h1{font-size:clamp(120px,10.3vw,158px)}}
.receipt-flow>span{display:flex;flex-direction:column;align-items:center;gap:10px}.receipt-flow svg{width:42px;height:42px;stroke:currentColor;fill:none;stroke-width:1.3}.receipt-flow{padding:25px 0}.receipt-flow>i{margin-top:-18px}
@media(max-width:760px){.receipt-flow svg{width:34px;height:34px}}
@media(max-width:760px){.hero-art{height:300px}.hero-art img{object-fit:contain;object-position:center}.text-link{min-height:44px}.footer>div a{min-height:44px;display:flex;align-items:center}.learning-loop{display:flex;flex-direction:column;gap:5px}.learning-loop button{width:100%}.learning-loop>span:not(.loop-origin):not(.rollout){display:block;transform:rotate(90deg)}.learning-loop .loop-origin{padding-bottom:7px}.learning-loop .rollout{margin-top:7px}}
/* Instant anchor navigation also keeps focus and automation targets stable. */
html{scroll-behavior:auto}
@media(max-width:760px){.learning-loop button{font-size:11px}.node.input span{font-size:10px}.node.input strong{font-size:12px}.blueprint-label{font-size:8px}}