/* SPDX-License-Identifier: Apache-2.0 */
:root{color-scheme:light;--ink:#19282d;--muted:#53646a;--line:#dbe4e7;--green:#147960;--paper:#fff;--dark:#12272d;--coral:#fa654e}
*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #147960;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:650}h2{font-size:52px}h3{font-size:25px}p{color:var(--muted)}.header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 5%;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.wordmark{font-size:24px;font-weight:750;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--green);padding:0 5px}nav{display:flex;align-items:center;gap:27px;font-size:14px}nav a{text-decoration:none}.nav-cta{padding:10px 18px;background:var(--dark);color:white;border-radius:4px}.hero{position:relative;background:#f3f8fa url('../assets/local-compute-hero.png') no-repeat center bottom;background-size:cover;color:var(--ink);text-align:center;min-height:660px}.hero-inner{max-width:840px;margin:auto;padding:76px 24px 180px}.eyebrow{font-size:13px;line-height:1.4;font-weight:650}.hero h1{font-size:57px;margin-bottom:22px}.hero h1 span{color:#14816a;font-weight:450}.hero-line{font-size:42px;line-height:1.13;color:var(--ink);font-weight:550}.hero-copy{font-size:17px;color:#50636c;margin:22px auto 28px;max-width:620px}.actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;text-decoration:none;font-size:14px;font-weight:650;padding:13px 22px;border-radius:4px;min-height:50px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--dark);color:white}.primary:hover{background:#24564f}.secondary{border:1px solid #839d9e;background:#ffffffa6}.text-link{font-size:14px;font-weight:650;text-decoration:none}.text-link span{margin-left:8px}.capability-strip{display:flex;align-items:center;justify-content:center;gap:38px;flex-wrap:wrap;background:white;border-bottom:1px solid var(--line);padding:26px 5%;font-size:15px}.capability-strip>span{font-size:12px;max-width:150px;line-height:1.6;color:#718189}.capability-strip strong{font-weight:550}.section{padding:100px max(6%,calc((100% - 1120px)/2));scroll-margin-top:20px}.section-heading{max-width:800px}.section-heading .eyebrow,.integration>.eyebrow,.closing>.eyebrow{color:#267964;margin-bottom:22px}.section-heading>p:not(.eyebrow){font-size:18px;margin-top:26px;max-width:690px}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:58px;gap:40px}.columns article{border-top:1px solid var(--line);padding-top:24px}.index{display:block;color:#268777;font:24px/1.4 ui-monospace,monospace}.columns article:nth-child(2) .index{color:#d56248}.columns article:nth-child(3) .index{color:#387fa6}.columns h3{margin-top:22px;line-height:1.2;max-width:260px}.columns .role{font-size:13px;font-weight:600;margin:12px 0 18px;color:#277860}.columns article>p:not(.role){font-size:15px}.columns a{display:block;margin:24px 0 14px;font-size:14px;font-weight:650}.columns small{display:block;font-size:11px;line-height:1.6;color:#6a7b80}.principle{border-top:1px solid var(--line);margin-top:52px;padding-top:34px;display:grid;grid-template-columns:1fr 2fr;gap:42px}.principle strong{font-size:28px;line-height:1.25;font-weight:550}.principle p{font-size:16px}.progress{background:#edf6f7}.milestones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:50px}.milestones article{border-top:2px solid #90bbb9;padding-top:20px}.milestones article:last-child{border-color:#e4aa7e}.status{font:11px/1.5 ui-monospace,monospace}.working{color:#26705e}.planned{color:#9b5726}.milestones h3{font-size:21px;margin:18px 0 14px;line-height:1.25}.milestones p{font-size:14px}.milestones a{display:inline-block;font-size:12px;margin-top:22px}.evidence{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:24px;border-top:1px solid #c8dddf;margin-top:45px;padding-top:32px}.evidence strong{display:block;font-size:29px;font-weight:550}.evidence span{font-size:11px;color:#617a80;display:block;margin-top:4px}.evidence>a{font-size:13px;max-width:180px}.evidence>a span{display:inline}.start{display:grid;grid-template-columns:1fr 1fr;gap:42px 64px}.start .section-heading .text-link{display:inline-block;margin-top:24px}.terminal{align-self:center;min-width:0;border-radius:6px;background:var(--dark);color:#e7f4f0;overflow:hidden;box-shadow:10px 12px 0 #dcedeb}.terminal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #3b5256;padding:16px 20px;font:11px ui-monospace,monospace;color:#b2cecc}button{font:inherit;background:transparent;color:inherit;border:0;cursor:pointer;min-height:36px}#copy{color:#a8edd0;font-size:11px;text-decoration:underline;text-underline-offset:4px}pre{margin:0;padding:28px 20px 10px;overflow:auto;font-size:13px;line-height:2}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}#copy-status{height:30px;font-size:11px;padding:0 20px;color:#a9cfc6}.next-command{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1.7fr;gap:12px 30px;font-size:14px}.next-command code{font-size:13px;overflow-wrap:anywhere}.next-command p{grid-column:2}.integration{background:var(--dark);color:white}.integration>.eyebrow{color:#92d2c1}.integration-heading{display:flex;align-items:center;justify-content:space-between;gap:34px}.ecosystem-logo{object-fit:contain;flex-shrink:0;width:140px;height:140px}.integration-copy{max-width:800px;margin:30px 0 38px;font-size:20px;color:#c2d7d8}.integration-details{display:grid;grid-template-columns:1fr 1fr;gap:58px;border-top:1px solid #3d5459;padding-top:30px;margin-bottom:34px}.integration-details p{font-size:15px;color:#a8c0c4}.integration-details strong{display:block;color:white;margin-bottom:12px}.integration .text-link{color:#a0e1c9}.license-details{border-top:1px solid #9dafb3;border-bottom:1px solid #9dafb3;margin-top:38px}.license-details summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:24px 0;font-size:18px;font-weight:600}.license-details summary::-webkit-details-marker{display:none}.license-details summary span{font-size:24px;font-weight:400;transition:transform .2s}.license-details[open] summary span{transform:rotate(45deg)}.license-table-wrap{padding-bottom:20px}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th,td{padding:21px 20px 21px 0;vertical-align:top;border-bottom:1px solid var(--line)}thead th{font-size:11px;color:#637c81;border-bottom:2px solid var(--ink)}tbody th{font-weight:600;width:30%;line-height:1.5}td:nth-child(2){width:27%;color:#245d50}td:last-child{color:#647a80}.table-note{display:block;font-size:10px;color:#95642e}.license-foot{font-size:12px;line-height:1.9;margin-top:25px;max-width:920px}.closing{background:#ffe6dd}.closing .eyebrow{color:#a54d36}.closing p:not(.eyebrow){margin:26px 0;max-width:570px}.closing .actions{justify-content:flex-start}footer{padding:42px 6%;display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;font-size:12px}footer nav{justify-content:flex-end;font-size:13px}footer p:last-child{text-align:right}.skip{position:absolute;left:20px;top:-100px;z-index:5;background:white;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.distributed{border-top:1px solid var(--line);background:#f7faf8}.fabric-diagram{margin:45px auto 40px;max-width:850px;text-align:center}.fabric-policy{font-size:22px;font-weight:600;padding-bottom:28px;position:relative}.fabric-policy::after{content:"";position:absolute;height:20px;width:1px;background:#81aaa2;bottom:0;left:50%}.fabric-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #81aaa2;border-bottom:1px solid #81aaa2}.fabric-nodes>div{padding:30px 10px;position:relative}.fabric-nodes>div::before,.fabric-nodes>div::after{content:"";position:absolute;left:50%;width:1px;height:18px;background:#81aaa2}.fabric-nodes>div::before{top:0}.fabric-nodes>div::after{bottom:0}.fabric-nodes h3{font-size:20px;margin-bottom:8px}.fabric-nodes p{font-size:13px}.fabric-diagram figcaption{position:relative;padding-top:27px;font-size:20px;color:#246d60;font-weight:600}.fabric-diagram figcaption::before{content:"";position:absolute;top:0;height:19px;left:50%;width:1px;background:#81aaa2}.distributed-details{display:grid;grid-template-columns:1fr 1fr;gap:50px}.distributed-details h3{font-size:24px;line-height:1.25;margin-bottom:18px}.distributed-details p{font-size:15px}.distributed-note{font-size:12px;margin:28px 0 18px}.distributed .text-link{color:#216d5c}
@media(max-width:520px){.fabric-policy{font-size:20px}.fabric-nodes h3{font-size:13px}.fabric-nodes p{font-size:11px}.fabric-nodes>div{padding:28px 3px}.distributed-details{grid-template-columns:1fr;gap:28px}.distributed-details h3{font-size:22px}}
/* A full-width translucent scrim preserves the artwork without compromising text contrast. */
.hero::before,.ot-closing::before{content:"";position:absolute;inset:0;background:rgba(248,252,253,.66);backdrop-filter:blur(1.5px);pointer-events:none}.hero-inner{position:relative;z-index:1}.hero-copy{color:#334c56}.secondary{background:rgba(255,255,255,.88)}
.capability-graphic{margin:0;padding:30px max(6%,calc((100% - 1060px)/2)) 25px;border-bottom:1px solid var(--line);background:#fff;cursor:default}.capability-graphic figcaption{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:16px;font-weight:550;margin-bottom:15px}.capability-graphic figcaption span{font-size:11px;color:#657b82;font-weight:400}.capability-graphic img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.reader-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:18px}.reader-links a{font-size:12px}
.architecture-explorer{padding:100px max(4%,calc((100% - 1360px)/2));background:#11272d;color:#f7fbfb;scroll-margin-top:20px}.architecture-intro{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.4fr);gap:20px 70px;align-items:end;margin-bottom:52px}.architecture-intro .eyebrow{grid-column:1/-1;color:#78d1b4}.architecture-intro h2{font-size:50px}.architecture-intro>p:last-child{font-size:18px;color:#b9cdd0;max-width:690px;padding-bottom:4px}.architecture-workbench{display:grid;grid-template-columns:230px minmax(500px,1fr) 275px;gap:28px;align-items:start}.architecture-before{border-top:1px solid #587078;padding-top:22px}.architecture-label{color:#7fd4ba;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.architecture-before h3,.architecture-detail h3{font-size:23px;line-height:1.22;margin:14px 0 22px}.architecture-before ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.architecture-before li{padding:9px 11px;border:1px solid #476067;background:#1b343a;color:#d4e1e2;border-radius:4px;font-size:13px}.architecture-cost{margin-top:18px;padding-top:17px;border-top:1px solid #744f4a;color:#f4a99b;font-size:13px;line-height:1.55}.architecture-flow{min-width:0}.architecture-node,.ecos-heading,.execution-route,.ecos-capabilities button{width:100%;border:1px solid transparent;border-radius:5px;text-align:left;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s}.architecture-node:hover,.ecos-heading:hover,.execution-route:hover,.ecos-capabilities button:hover{transform:translateY(-2px)}.architecture-node:focus-visible,.ecos-heading:focus-visible,.execution-route:focus-visible,.ecos-capabilities button:focus-visible{outline:3px solid #fff;outline-offset:3px}.architecture-node{display:grid;grid-template-columns:105px minmax(120px,.65fr) 1.6fr;align-items:center;gap:18px;min-height:76px;padding:14px 19px;color:#11272d}.architecture-node>span,.ecos-heading>span,.execution-route>span{font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}.architecture-node strong,.ecos-heading strong,.execution-route strong{font-size:23px;line-height:1.1}.architecture-node small,.ecos-heading small,.execution-route small{font-size:12px;line-height:1.45}.node-app{background:#eaf6ff;border-color:#65b7ed}.node-contract{background:#f0edff;border-color:#9e89f8}.architecture-node.is-active,.ecos-heading.is-active,.execution-route.is-active,.ecos-capabilities button.is-active{border-color:#fa654e;box-shadow:0 0 0 2px #fa654e,0 10px 30px #07121555}.flow-arrow{text-align:center;color:#81bdd0;font-size:24px;line-height:32px;height:32px}.ecos-control-plane{background:#e9faee;border:1px solid #40bb69;border-radius:6px;padding:13px;color:#102b24}.ecos-heading{display:grid;grid-template-columns:105px minmax(120px,.65fr) 1.6fr;gap:18px;align-items:center;min-height:68px;padding:10px 7px;background:transparent;color:#102b24}.ecos-heading strong{font-size:29px}.ecos-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.ecos-capabilities button{min-height:42px;padding:8px 11px;background:#f7fff9;border-color:#bde8c9;color:#254a3d;font-size:11px;line-height:1.3}.route-split{height:42px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 11%;border-top:1px solid #78969d}.route-split span{position:relative}.route-split span::before{content:"";position:absolute;left:50%;top:0;height:31px;border-left:1px solid #78969d}.route-split span::after{content:"";position:absolute;left:calc(50% - 4px);top:27px;width:7px;height:7px;border-right:1px solid #9bb2b7;border-bottom:1px solid #9bb2b7;transform:rotate(45deg)}.execution-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.execution-route{display:flex;min-height:105px;padding:13px 12px;flex-direction:column;align-items:flex-start;justify-content:flex-start;color:#11272d}.execution-route strong{font-size:16px;margin:5px 0}.execution-route small{margin-top:auto}.route-local{background:#e9f9ee;border-color:#65c582}.route-local>span{color:#11823b}.route-trusted{background:#e9f4ff;border-color:#77b7ee}.route-trusted>span{color:#1761b9}.route-external{background:#fff7de;border-color:#e8b640}.route-external>span{color:#9a6500}.architecture-detail{position:sticky;top:28px;background:#f7fbfb;color:#12272d;border-radius:6px;padding:23px;min-height:440px}.architecture-detail .architecture-label{color:#277965}.architecture-detail>p:nth-of-type(2){font-size:14px;line-height:1.6}.architecture-detail dl{margin:28px 0 0}.architecture-detail dl div{padding:15px 0;border-top:1px solid #d3e0e2}.architecture-detail dt{font-size:10px;text-transform:uppercase;color:#687c81}.architecture-detail dd{margin:5px 0 0;font-size:13px;line-height:1.5}.architecture-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:45px;border-top:1px solid #486168;border-bottom:1px solid #486168}.architecture-principles p{padding:23px 24px 23px 0;color:#b9cdd0;font-size:12px;line-height:1.5}.architecture-principles p+p{padding-left:24px;border-left:1px solid #486168}.architecture-principles strong{display:block;color:#fff;font-size:15px;margin-bottom:7px}.architecture-principles span{display:block}
@media(max-width:1100px){.architecture-workbench{grid-template-columns:220px minmax(0,1fr)}.architecture-detail{position:static;grid-column:1/-1;min-height:0;display:grid;grid-template-columns:140px 1fr 2fr;gap:12px 28px;align-items:start}.architecture-detail h3{margin:0}.architecture-detail>p:nth-of-type(2){margin:0}.architecture-detail dl{grid-column:2/-1;margin:12px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.architecture-detail dl div{padding-top:12px}.architecture-principles{grid-template-columns:repeat(2,1fr)}.architecture-principles p:nth-child(3){border-left:0;border-top:1px solid #486168;padding-left:0}.architecture-principles p:nth-child(4){border-top:1px solid #486168}}
@media(max-width:760px){.architecture-explorer{padding:64px 6%}.architecture-intro{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.architecture-intro .eyebrow{grid-column:1}.architecture-intro h2{font-size:37px}.architecture-intro>p:last-child{font-size:16px}.architecture-workbench{grid-template-columns:1fr}.architecture-before ul{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-node,.ecos-heading{grid-template-columns:80px 1fr}.architecture-node small,.ecos-heading small{grid-column:2}.architecture-detail{grid-column:1;display:block}.architecture-detail h3{margin:14px 0 18px}.architecture-detail dl{display:block;margin-top:24px}.execution-route{min-height:96px}.architecture-principles{grid-template-columns:1fr}.architecture-principles p,.architecture-principles p+p,.architecture-principles p:nth-child(3){padding:19px 0;border-left:0;border-top:1px solid #486168}.architecture-principles p:first-child{border-top:0}}
@media(max-width:520px){.architecture-before ul,.ecos-capabilities,.execution-routes{grid-template-columns:1fr}.route-split{display:none}.execution-routes{margin-top:15px}.execution-route{min-height:78px}.architecture-node,.ecos-heading{grid-template-columns:1fr;gap:4px}.architecture-node small,.ecos-heading small{grid-column:1}.architecture-node strong,.ecos-heading strong{margin:4px 0}.architecture-node{min-height:100px}.ecos-heading{padding:9px}.architecture-principles strong{font-size:14px}}
/* The reader scrolls independently; the native dialog provides focus containment. */
body.reader-open{overflow:hidden}#reader{padding:0;width:min(1160px,94%);height:min(840px,90dvh);max-height:90dvh;border:1px solid #aabcbf;border-radius:8px;box-shadow:0 24px 100px #11292d55;color:var(--ink);overflow:hidden}#reader::backdrop{background:#172b37a8;backdrop-filter:blur(5px)}.reader-toolbar{display:flex;align-items:center;gap:20px;height:66px;padding:12px 22px;border-bottom:1px solid var(--line);background:#f5f9f9}.reader-toolbar button{font-size:13px;white-space:nowrap}.reader-toolbar button:disabled{opacity:.35;cursor:default}#reader-title{flex:1;font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-layout{display:grid;grid-template-columns:230px minmax(0,1fr);height:calc(100% - 66px)}.reader-layout aside{padding:26px 20px;overflow:auto;border-right:1px solid var(--line);background:#fafcfc}.reader-layout label{font-size:12px;font-weight:650;display:block;margin-bottom:10px}#reader-select{width:100%;padding:9px 5px;font:12px sans-serif;border:1px solid #bfd0d3;background:#fff;border-radius:3px;color:var(--ink)}#reader-toc{display:flex;flex-direction:column;align-items:stretch;gap:12px;font-size:12px;margin:24px 0}#reader-toc a{color:#60767c;line-height:1.4}#reader-source{font-size:12px;display:inline-block;margin-top:14px}.markdown-body{padding:36px 48px 80px;overflow:auto;overflow-wrap:anywhere;font-size:15px;line-height:1.75}.markdown-body h1{font-size:32px;margin:0 0 28px}.markdown-body h2{font-size:24px;margin:38px 0 16px;scroll-margin-top:20px}.markdown-body h3{font-size:19px;margin:28px 0 12px}.markdown-body h4{font-size:16px;margin:24px 0 10px}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote{margin:16px 0}.markdown-body li{margin:5px 0}.markdown-body a{color:#13775f}.markdown-body pre{background:#edf4f5;padding:20px;border-radius:4px;margin:20px 0;font-size:12px;white-space:pre;overflow:auto;max-width:100%}.markdown-body :not(pre)>code{font-size:12px;background:#edf4f5;padding:2px 4px;border-radius:3px}.markdown-body blockquote{border-left:3px solid #78bcae;padding-left:18px;color:#5d767a}.markdown-body .table-scroll{overflow:auto;max-width:100%;margin:20px 0}.markdown-body th,.markdown-body td{font-size:12px;min-width:110px;width:auto;padding:12px}.markdown-body hr{border:0;border-top:1px solid var(--line);margin:30px 0}.markdown-body .plain-license{white-space:pre-wrap;overflow-wrap:anywhere}
@media(min-width:1600px){.hero{min-height:690px;background-size:100% auto}.hero-inner{padding-top:88px}}
@media(max-width:1000px){.header{padding:16px 4%}.wordmark{font-size:20px}nav{gap:18px;font-size:13px}.hero h1{font-size:48px}.hero-line{font-size:36px}.hero{min-height:620px;background-size:auto 100%;}.hero-inner{padding:65px 25px 180px;max-width:650px}.hero-copy{font-size:16px;max-width:490px}.capability-strip{gap:25px}.section{padding:76px 6%}h2{font-size:42px}.columns{gap:28px}.start{gap:38px}.reader-layout{grid-template-columns:190px minmax(0,1fr)}.markdown-body{padding:30px}.evidence strong{font-size:25px}}
@media(max-width:760px){.header{flex-direction:column;gap:14px;padding:18px 16px}.header nav{gap:20px;font-size:12px}.nav-cta{padding:8px 12px}.hero{min-height:590px;background-size:auto 100%}.hero-inner{padding:55px 20px 195px;max-width:580px}.hero h1{font-size:39px}.hero-line{font-size:33px}.hero-copy{font-size:15px;max-width:380px}.capability-strip{padding:23px 6%;gap:14px 25px;font-size:14px}.capability-strip>span{max-width:none;flex-basis:100%;text-align:center}.section{padding:60px 6%}h2{font-size:37px}.section-heading>p:not(.eyebrow){font-size:16px}.columns{grid-template-columns:1fr;gap:32px;margin-top:38px}.columns article{display:grid;grid-template-columns:48px 1fr;gap:0 15px}.columns .index{grid-row:1/5}.columns h3{max-width:none;margin:0;font-size:25px}.columns .role,.columns article>p,.columns a,.columns small{grid-column:2}.principle{grid-template-columns:1fr;gap:18px}.principle strong{font-size:26px}.milestones{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.evidence{grid-template-columns:1fr 1fr;gap:26px}.start{grid-template-columns:1fr;gap:34px}.next-command{grid-template-columns:1fr}.next-command p{grid-column:1}.integration-copy{font-size:18px}.integration-heading h2{font-size:34px}.ecosystem-logo{width:95px;height:95px}.integration-details{gap:25px}.reader-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.reader-layout aside{padding:12px 20px;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.reader-layout label,#reader-toc{display:none}#reader-select{max-width:65%;font-size:12px}#reader-source{margin:0;font-size:11px;white-space:nowrap}.reader-toolbar{padding:10px 16px;gap:12px}.markdown-body{padding:26px}.markdown-body h1{font-size:27px}.markdown-body h2{font-size:23px}#reader{width:96%;height:94dvh;max-height:94dvh}footer .wordmark{font-size:19px}footer nav{gap:16px;font-size:12px}}
@media(max-width:480px){.header nav{gap:14px;font-size:11px}.nav-cta{padding:7px 10px}.hero{min-height:565px;background-size:auto 100%;background-position:center bottom}.hero-inner{padding:47px 18px 150px}.hero h1{font-size:30px;margin-bottom:24px}.hero-line{font-size:30px}.hero-copy{font-size:14px;max-width:290px}.desktop{display:none}.actions{gap:12px}.button,.text-link{font-size:12px}.button{gap:16px;padding:12px 16px}.capability-strip{gap:12px 20px;font-size:12px}.section{padding:52px 6%}h2{font-size:32px}.columns h3{font-size:23px}.columns article>p:not(.role){font-size:14px}.milestones{gap:25px 18px}.milestones h3{font-size:19px}.milestones p{font-size:13px}.evidence strong{font-size:24px}.integration-heading{display:block}.ecosystem-logo{margin-top:20px;width:115px;height:115px}.integration-heading h2{font-size:32px}.integration-details{grid-template-columns:1fr;gap:24px}.license-table-wrap{margin-top:0}thead{display:none}table,tbody,tr,th,td{display:block;width:100%}tbody tr{padding:18px 0;border-bottom:1px solid var(--line)}tbody th,td:nth-child(2){width:100%}tbody th,td{border:0;padding:4px 0;font-size:13px}.table-note{display:inline;margin-left:8px}.license-foot{font-size:12px}footer{grid-template-columns:1fr;padding:32px 6%;gap:22px}footer nav{justify-content:flex-start}footer p:last-child{text-align:left}.terminal-heading{padding:12px 16px}pre{font-size:11px;padding:22px 16px 8px}.markdown-body table{display:table}.markdown-body tbody{display:table-row-group}.markdown-body thead{display:table-header-group}.markdown-body tr{display:table-row}.markdown-body td,.markdown-body th{display:table-cell}.markdown-body{padding:22px 18px}.reader-toolbar button{font-size:12px}#reader-title{font-size:12px}}
@media(max-width:760px){.reader-links{gap:5px;margin:0}.reader-links a{font-size:10px}.capability-graphic{padding:25px 5%}.capability-graphic figcaption{font-size:14px;display:block}.capability-graphic figcaption span{display:block;margin-top:5px}.capability-graphic img{min-height:125px;object-fit:fill}}
.community{background:#f2f7fa;border-top:1px solid var(--line)}
.community-places{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 28px;margin-top:44px}
.community-places article{border-top:1px solid #b6cbd3;padding-top:24px;min-width:0}
.community-places h3{font-size:24px;line-height:1.25;margin-bottom:16px}
.community-places p{font-size:15px;margin-bottom:20px}
.community-places .text-link{display:inline-block;color:#216d5c}
.community-places small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
.community-places small{margin-top:10px}
.community-policy{border-top:1px solid var(--line);margin-top:36px;padding-top:22px;font-size:13px}
@media(max-width:760px){.community-places{grid-template-columns:1fr;gap:28px}.community-places h3{font-size:22px}}
.hero-copy strong{font-weight:750;color:#11624e;text-decoration:underline;text-decoration-color:#70cbb5;text-decoration-thickness:3px;text-underline-offset:4px}
.milestones article{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
.milestones article>a{align-self:end}
.evidence{align-items:stretch}.evidence>div{display:flex;flex-direction:column;justify-content:space-between}.evidence>a{align-self:end}
@media(min-width:761px){
  .columns article{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0}
  .columns article>a,.columns article>small{align-self:end}
  .community-places article{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
  .community-places h3{font-size:22px;overflow-wrap:normal}
  .community-places .text-link{align-self:end}
  .community-places small{align-self:end}
  .start .terminal{align-self:stretch;display:flex;flex-direction:column}.start .terminal pre{flex:1}
}
@media(min-width:521px){.distributed-details>div{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}}
@media(min-width:481px){.integration-details p{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.integration-details strong{margin-bottom:0}}
@media(min-width:761px) and (max-width:1100px){.community-places{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Interactive architecture schema: faithful to the supplied three-column diagram. */
.architecture-explorer{padding:92px max(4%,calc((100% - 1420px)/2));background:#f7faf8;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.architecture-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:18px 54px;align-items:end;margin-bottom:46px}
.architecture-intro .eyebrow{grid-column:1/-1;color:#267964}
.architecture-intro h2{font-size:50px;color:var(--ink)}
.architecture-intro>p:last-child{font-size:18px;color:var(--muted);max-width:700px;padding-bottom:4px}
.architecture-schema{display:grid;grid-template-columns:minmax(215px,.72fr) minmax(540px,1.8fr) minmax(220px,.78fr);gap:16px;align-items:stretch}
.traditional-stack,.ecos-application{background:#fff;border:1px solid #cbdadd;border-radius:6px;padding:16px;min-width:0}
.traditional-stack{border-color:#cbdadd}
.schema-heading{text-align:center;min-height:78px}
.schema-heading h3{font-size:21px;line-height:1.2;color:var(--ink)}
.schema-heading p{font-size:12px;margin-top:7px}
.traditional-app{display:flex;align-items:center;justify-content:center;min-height:54px;margin:4px 8px 11px;background:#edf2f4;border:1px solid #cbd6d9;border-radius:5px;font-weight:650}
.traditional-stack ul,.ecos-benefits{list-style:none;margin:0;padding:10px;background:#f8fafb;border:1px solid #e0e7e9;border-radius:5px}
.traditional-stack li{padding:8px 10px;background:#fff;border-bottom:1px solid #e5ecee;font-size:12px}
.traditional-stack li:last-child{border-bottom:0}
.architecture-cost{margin:12px 0 0;padding:0;background:#fff;border:1px solid #d7e1e3;border-radius:5px;color:#53646a;overflow:hidden}
.architecture-cost h4{margin:0;padding:14px 16px;background:#edf3f3;border-bottom:1px solid #d7e1e3;font-size:12px;line-height:1.4;color:var(--ink);text-align:left}
.architecture-cost ol{list-style:none;counter-reset:tradeoff;margin:0;padding:0 16px}
.architecture-cost li{counter-increment:tradeoff;position:relative;padding:13px 0 13px 30px;border-bottom:1px solid #d7e1e3;font-size:11px;line-height:1.45}
.architecture-cost li:last-child{border-bottom:0}
.architecture-cost li::before{content:counter(tradeoff,decimal-leading-zero);position:absolute;left:0;top:13px;color:#267964;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.architecture-flow{min-width:0}
.architecture-node,.ecos-heading,.execution-route,.ecos-capabilities button,.ecos-app-flow button{width:100%;border:1px solid #a9c6cc;border-radius:5px;color:var(--ink);text-align:center;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s}
.architecture-node:hover,.ecos-heading:hover,.execution-route:hover,.ecos-capabilities button:hover,.ecos-app-flow button:hover{transform:translateY(-1px);border-color:#147960}
.architecture-node:focus-visible,.ecos-heading:focus-visible,.execution-route:focus-visible,.ecos-capabilities button:focus-visible,.ecos-app-flow button:focus-visible{outline:3px solid #147960;outline-offset:3px}
.architecture-node.is-active,.ecos-heading.is-active,.execution-route.is-active,.ecos-capabilities button.is-active,.ecos-app-flow button.is-active{border-color:#147960;box-shadow:0 0 0 2px #147960;background:#e8f5f1}
.architecture-node{display:grid;grid-template-columns:minmax(150px,.7fr) 1.3fr;align-items:center;gap:6px 20px;min-height:76px;padding:13px 18px;background:#edf6f7}
.architecture-node strong{font-size:24px;line-height:1.1;text-align:right}
.architecture-node span{font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;text-transform:none}
.architecture-node small{grid-column:1/-1;font-size:11px;color:#496167}
.node-app{border-color:#90bbb9;background:#edf6f7}
.node-contract{border-color:#9fbcc2;background:#f5f9f9}
.flow-arrow{text-align:center;color:#428877;font-size:24px;line-height:28px;height:28px}
.ecos-control-plane{background:#e9f7ee;border:1px solid #56ad73;border-radius:6px;padding:11px;color:var(--ink)}
.ecos-heading{display:block;min-height:73px;padding:7px 12px;background:transparent}
.ecos-heading strong{display:block;font-size:31px;line-height:1.05}
.ecos-heading span{display:block;margin:5px auto 0;max-width:620px;font:12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:none}
.ecos-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.ecos-capabilities button{min-height:48px;padding:7px 6px;background:#fff;border-color:#b9dbc4;font-size:10px;line-height:1.25}
.route-split{height:36px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 11%;border-top:1px solid #81aaa2}
.route-split span{position:relative}
.route-split span::before{content:"";position:absolute;left:50%;top:0;height:27px;border-left:1px solid #81aaa2}
.route-split span::after{content:"";position:absolute;left:calc(50% - 4px);top:23px;width:7px;height:7px;border-right:1px solid #81aaa2;border-bottom:1px solid #81aaa2;transform:rotate(45deg)}
.execution-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.execution-route{display:flex;min-height:91px;padding:11px 9px;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff}
.execution-route span{font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;color:#267964}
.execution-route strong{font-size:14px;line-height:1.2;margin:5px 0}
.execution-route small{margin-top:auto;font-size:10px;line-height:1.3;color:var(--muted)}
.route-local{background:#e9f7ee;border-color:#74bf8d}
.route-trusted{background:#edf6f7;border-color:#90bbb9}
.route-external{background:#fff1ec;border-color:#e3a092}
.ecos-app-flow{display:grid;grid-template-columns:1fr;gap:2px;margin:4px 8px 12px;text-align:center}
.ecos-app-flow button{min-height:55px;padding:8px;background:#edf6f7;font-size:15px;font-weight:650}
.ecos-app-flow button:nth-of-type(2){background:#f5f9f9}
.ecos-app-flow button:nth-of-type(3){background:#e9f7ee;border-color:#74bf8d}
.ecos-app-flow button small{display:block;margin-top:3px;font-size:10px;font-weight:400;text-transform:capitalize}
.ecos-app-flow>span{height:18px;color:#428877;font-size:18px;line-height:18px}
.ecos-benefits{background:#edf8f1;border-color:#cce7d5}
.ecos-benefits li{position:relative;padding:6px 3px 6px 25px;font-size:11px;line-height:1.35}
.ecos-benefits li::before{content:"✓";position:absolute;left:3px;top:5px;width:16px;height:16px;border-radius:50%;background:#2f9d5d;color:#fff;text-align:center;font-size:10px;line-height:16px}
.architecture-detail{position:static;display:grid;grid-template-columns:120px 1.15fr 1.6fr;gap:14px 28px;align-items:start;min-height:0;margin-top:16px;padding:19px 22px;background:#fff;color:var(--ink);border:1px solid #cbdadd;border-radius:6px}
.architecture-detail .architecture-label{color:#267964;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}
.architecture-detail h3{font-size:19px;line-height:1.25;margin:0}
.architecture-detail>p:nth-of-type(2){font-size:12px;line-height:1.55;margin:0}
.architecture-detail dl{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0}
.architecture-detail dl div{padding-top:11px;border-top:1px solid var(--line)}
.architecture-detail dt{font-size:9px;text-transform:uppercase;color:#687c81}
.architecture-detail dd{margin:4px 0 0;font-size:11px;line-height:1.4}
.architecture-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:16px;background:#fff;border:1px solid #cbdadd;border-radius:6px}
.architecture-principles p{padding:18px 20px;color:var(--muted);font-size:11px;line-height:1.45}
.architecture-principles p+p{border-left:1px solid var(--line)}
.architecture-principles strong{display:block;color:var(--ink);font-size:13px;margin-bottom:6px}
.architecture-principles span{display:block}
@media(max-width:1160px){.architecture-schema{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.architecture-flow{grid-column:1/-1;grid-row:1}.traditional-stack{grid-column:1}.ecos-application{grid-column:2}.ecos-capabilities{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.architecture-intro{grid-template-columns:1fr;gap:20px}.architecture-intro .eyebrow{grid-column:1}.architecture-intro h2{font-size:42px}.architecture-intro>p:last-child{max-width:650px}}
@media(max-width:760px){.architecture-explorer{padding:60px 6%}.architecture-intro{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.architecture-intro .eyebrow{grid-column:1}.architecture-intro h2{font-size:37px}.architecture-intro>p:last-child{font-size:16px}.architecture-schema{grid-template-columns:1fr}.architecture-flow,.traditional-stack,.ecos-application{grid-column:1}.architecture-flow{grid-row:1}.traditional-stack{grid-row:2}.ecos-application{grid-row:3}.ecos-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-detail{grid-template-columns:1fr;gap:8px}.architecture-detail h3{margin:0}.architecture-detail dl{grid-column:1;grid-template-columns:1fr;margin-top:8px}.architecture-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-principles p:nth-child(3){border-left:0;border-top:1px solid var(--line)}.architecture-principles p:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:520px){.architecture-node{grid-template-columns:1fr;gap:5px;min-height:104px}.architecture-node strong,.architecture-node span{text-align:center}.ecos-capabilities,.execution-routes{grid-template-columns:1fr}.route-split{display:none}.execution-routes{margin-top:10px}.execution-route{min-height:78px}.architecture-principles{grid-template-columns:1fr}.architecture-principles p,.architecture-principles p+p,.architecture-principles p:nth-child(3),.architecture-principles p:nth-child(4){border-left:0;border-top:1px solid var(--line)}.architecture-principles p:first-child{border-top:0}}

/* Final schema pass: a direct, balanced rendering of the supplied comparison diagram. */
.architecture-explorer{padding:76px max(4%,calc((100% - 1420px)/2));background:#f7faf8;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.architecture-schema{display:grid;grid-template-columns:minmax(218px,.72fr) minmax(560px,1.85fr) minmax(218px,.72fr);gap:18px;align-items:start}
.traditional-stack,.ecos-application{background:#fff;border:1px solid #cbdadd;border-radius:6px;padding:18px;min-width:0}
.schema-heading{text-align:center;min-height:82px}
.schema-heading h3{font-size:20px;line-height:1.2;color:var(--ink)}
.schema-heading p{font-size:11px;line-height:1.45;margin-top:7px;color:var(--muted)}
.traditional-app{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;margin:2px 5px 12px;background:#edf2f4;border:1px solid #cbd6d9;border-radius:5px;font-weight:650}
.traditional-app img,.ecos-app-flow img{width:18px;height:18px;opacity:.72}
.traditional-responsibilities{display:grid;gap:5px;list-style:none;margin:0;padding:0;background:transparent;border:0}
.traditional-responsibilities li{display:flex;align-items:center;gap:8px;padding:8px 9px;background:#f8fafb;border:1px solid #e0e7e9;border-radius:4px;font-size:11px;line-height:1.25}
.traditional-responsibilities img{width:15px;height:15px;opacity:.65;flex:0 0 auto}
.architecture-cost{margin:14px 0 0;padding:0;background:#fff;border:1px solid #d7e1e3;border-radius:5px;color:#53646a;overflow:hidden}
.architecture-cost h4{margin:0;padding:12px 13px;background:#edf3f3;border-bottom:1px solid #d7e1e3;font-size:11px;line-height:1.35;color:var(--ink);text-align:left}
.architecture-cost ol{list-style:none;counter-reset:tradeoff;margin:0;padding:0 13px}
.architecture-cost li{counter-increment:tradeoff;position:relative;padding:11px 0 11px 27px;border-bottom:1px solid #d7e1e3;font-size:10px;line-height:1.35}
.architecture-cost li:last-child{border-bottom:0}
.architecture-cost li::before{content:counter(tradeoff,decimal-leading-zero);position:absolute;left:0;top:11px;color:#267964;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.architecture-flow{min-width:0}
.architecture-node,.ecos-heading,.execution-route,.ecos-capabilities button,.ecos-app-flow button{width:100%;border:1px solid #a9c6cc;border-radius:5px;color:var(--ink);text-align:center;transition:border-color .16s,transform .16s,box-shadow .16s,background .16s}
.architecture-node:hover,.ecos-heading:hover,.execution-route:hover,.ecos-capabilities button:hover,.ecos-app-flow button:hover{transform:translateY(-1px);border-color:#267964}
.architecture-node:focus-visible,.ecos-heading:focus-visible,.execution-route:focus-visible,.ecos-capabilities button:focus-visible,.ecos-app-flow button:focus-visible{outline:3px solid #267964;outline-offset:3px}
.architecture-node.is-active,.ecos-heading.is-active,.execution-route.is-active,.ecos-capabilities button.is-active,.ecos-app-flow button.is-active{border-color:#267964;box-shadow:0 0 0 2px #267964;background:#e8f5f1}
.architecture-node{display:grid;grid-template-columns:minmax(150px,.7fr) 1.3fr;align-items:center;gap:6px 20px;min-height:76px;padding:13px 18px;background:#edf6f7}
.architecture-node strong{font-size:24px;line-height:1.1;text-align:right}
.architecture-node>span{font:13px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;text-transform:none}
.architecture-node small{grid-column:1/-1;font-size:10px;color:#496167}
.application-types,.contract-traits{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.application-types span,.contract-traits span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.application-types img,.contract-traits img{width:14px;height:14px;opacity:.64}
.node-app{border-color:#90bbb9;background:#edf6f7}
.node-contract{border-color:#9fbcc2;background:#f5f9f9}
.flow-arrow{text-align:center;color:#428877;font-size:24px;line-height:28px;height:28px}
.ecos-control-plane{background:#e9f7ee;border:1px solid #56ad73;border-radius:6px;padding:12px;color:var(--ink)}
.ecos-heading{display:block;min-height:77px;padding:8px 12px;background:transparent}
.ecos-heading strong{display:block;font-size:31px;line-height:1.05}
.ecos-heading span{display:block;margin:6px auto 0;max-width:680px;font:11px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-transform:none}
.ecos-capabilities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px}
.ecos-capabilities button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:47px;padding:7px 5px;background:#fff;border-color:#b9dbc4;font-size:9px;line-height:1.25}
.ecos-capabilities img{width:15px;height:15px;opacity:.68;flex:0 0 auto}
.route-split{height:36px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 11%;border-top:1px solid #81aaa2}
.route-split span{position:relative}
.route-split span::before{content:"";position:absolute;left:50%;top:0;height:27px;border-left:1px solid #81aaa2}
.route-split span::after{content:"";position:absolute;left:calc(50% - 4px);top:23px;width:7px;height:7px;border-right:1px solid #81aaa2;border-bottom:1px solid #81aaa2;transform:rotate(45deg)}
.execution-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.execution-route{display:flex;min-height:94px;padding:11px 9px;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff}
.execution-route span{font:9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;color:#267964}
.execution-route strong{font-size:14px;line-height:1.2;margin:5px 0}
.execution-route small{margin-top:auto;font-size:10px;line-height:1.3;color:var(--muted)}
.route-local{background:#e9f7ee;border-color:#74bf8d}
.route-trusted{background:#edf6f7;border-color:#90bbb9}
.route-external{background:#fff9e8;border-color:#d7b45f}
.ecos-app-flow{display:grid;grid-template-columns:1fr;gap:2px;margin:4px 5px 13px;text-align:center}
.ecos-app-flow button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:55px;padding:8px;background:#edf6f7;font-size:15px;font-weight:650}
.ecos-app-flow button:nth-of-type(2){background:#f5f9f9}
.ecos-app-flow button:nth-of-type(3){background:#e9f7ee;border-color:#74bf8d}
.ecos-app-flow button small{display:block;margin-top:3px;font-size:10px;font-weight:400;text-transform:capitalize}
.ecos-app-flow>span{height:18px;color:#428877;font-size:18px;line-height:18px}
.ecos-benefits{background:#edf8f1;border-color:#cce7d5}
.ecos-benefits li{position:relative;padding:7px 3px 7px 25px;font-size:10px;line-height:1.35}
.ecos-benefits li::before{content:"✓";position:absolute;left:3px;top:6px;width:16px;height:16px;border-radius:50%;background:#2f9d5d;color:#fff;text-align:center;font-size:10px;line-height:16px}
.architecture-detail{position:static;display:grid;grid-template-columns:120px 1.15fr 1.6fr;gap:14px 28px;align-items:start;min-height:0;margin-top:16px;padding:19px 22px;background:#fff;color:var(--ink);border:1px solid #cbdadd;border-radius:6px}
.architecture-detail[hidden]{display:none}
.architecture-detail .architecture-label{color:#267964;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}
.architecture-detail h3{font-size:19px;line-height:1.25;margin:0}
.architecture-detail>p:nth-of-type(2){font-size:12px;line-height:1.55;margin:0}
.architecture-detail dl{grid-column:2/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0}
.architecture-detail dl div{padding-top:11px;border-top:1px solid var(--line)}
.architecture-detail dt{font-size:9px;text-transform:uppercase;color:#687c81}
.architecture-detail dd{margin:4px 0 0;font-size:11px;line-height:1.4}
.architecture-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:18px;background:#fff;border:1px solid #cbdadd;border-radius:6px}
.architecture-principles p{padding:18px 20px;color:var(--ink);font-size:11px;line-height:1.45}
.architecture-principles p+p{border-left:1px solid var(--line)}
.architecture-principles strong{display:block;color:var(--ink);font-size:12px;line-height:1.35}
.architecture-principles span{display:block}
@media(max-width:1160px){.architecture-schema{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.architecture-flow{grid-column:1/-1;grid-row:1}.traditional-stack{grid-column:1;grid-row:2}.ecos-application{grid-column:2;grid-row:2}.ecos-capabilities{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.architecture-explorer{padding:60px 6%}.architecture-schema{grid-template-columns:1fr}.architecture-flow,.traditional-stack,.ecos-application{grid-column:1}.architecture-flow{grid-row:1}.traditional-stack{grid-row:2}.ecos-application{grid-row:3}.ecos-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-detail{grid-template-columns:1fr;gap:8px}.architecture-detail h3{margin:0}.architecture-detail dl{grid-column:1;grid-template-columns:1fr;margin-top:8px}.architecture-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-principles p:nth-child(3){border-left:0;border-top:1px solid var(--line)}.architecture-principles p:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:520px){.architecture-node{grid-template-columns:1fr;gap:5px;min-height:112px}.architecture-node strong,.architecture-node>span{text-align:center}.application-types,.contract-traits{gap:7px 12px}.ecos-capabilities,.execution-routes{grid-template-columns:1fr}.route-split{display:none}.execution-routes{margin-top:10px}.execution-route{min-height:78px}.architecture-principles{grid-template-columns:1fr}.architecture-principles p,.architecture-principles p+p,.architecture-principles p:nth-child(3),.architecture-principles p:nth-child(4){border-left:0;border-top:1px solid var(--line)}.architecture-principles p:first-child{border-top:0}}

/* Direct PNG port: the comparison is intentionally static in its structure; only
   capability cells and execution routes open the accessible detail panel. */
.architecture-explorer{padding:34px max(1.3%,calc((100% - 1496px)/2));background:#fff;color:#08114e;border-top:1px solid #dbe1ea;border-bottom:1px solid #dbe1ea}
.architecture-schema{display:grid;grid-template-columns:minmax(270px,1fr) minmax(560px,1.97fr) minmax(270px,.96fr);gap:16px;align-items:stretch}
.traditional-stack,.ecos-application{min-width:0;padding:18px 18px 20px;background:#fff;border:1.5px solid #b8c9da;border-radius:7px}
.traditional-stack{border-color:#ff7777}.ecos-application{border-color:#b8c9da}
.schema-heading{text-align:center;min-height:66px}.schema-heading h3{margin:0;color:#08114e;font-size:28px;line-height:1.05;font-weight:750}.schema-heading p{margin:8px 0 0;color:#14245f;font-size:16px;line-height:1.2}
.traditional-app{display:flex;justify-content:center;align-items:center;gap:10px;min-height:59px;margin:2px 14px 12px;background:#e7ebf1;border:1px solid #c4cfdb;border-radius:7px;color:#08114e;font-size:24px;font-weight:700}.traditional-app img{width:28px;height:28px;opacity:1}
.traditional-responsibilities{display:grid;gap:5px;list-style:none;margin:0;padding:8px 10px;background:#f7f8fa;border:1px solid #e1e5ea;border-radius:7px}.traditional-responsibilities li{display:flex;align-items:center;gap:16px;min-height:39px;padding:6px 12px;background:linear-gradient(100deg,#edf0f4,#f8f9fb);border-radius:7px;color:#0b1554;font-size:16px;line-height:1.1}.traditional-responsibilities img{width:28px;height:28px;opacity:1;flex:0 0 auto}
.architecture-cost{display:grid;gap:0;margin:12px 0 0;padding:15px 27px;background:#ffe4e4;border:0;border-radius:7px;color:#b20b0b}.architecture-cost p{margin:0;padding:0 0 7px;font-size:16px;line-height:1.23}.architecture-cost p:last-child{padding-bottom:0}
.architecture-flow{min-width:0;display:flex;flex-direction:column}.architecture-node{width:100%;border-radius:7px;color:#07114f;text-align:center}.architecture-node strong{display:block;font-size:28px;line-height:1.1}.architecture-node>span{display:block;margin-top:5px;font-size:17px;line-height:1.2}.node-app{min-height:143px;padding:13px 19px;background:#cbe7ff;border:1.5px solid #2e9fff}.node-contract{min-height:92px;padding:12px 19px;background:#e8e2ff;border:1.5px solid #9e82ff}.flow-arrow{height:28px;text-align:center;color:#0753b6;font-size:33px;line-height:28px;font-weight:700}.application-types{display:flex;justify-content:space-evenly;align-items:end;gap:12px;margin-top:18px}.application-types span{display:flex;flex-direction:column;align-items:center;gap:5px;color:#08114e;font-size:14px;line-height:1.1}.application-types img{width:31px;height:31px;opacity:1}.contract-traits{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-top:8px;color:#08114e;font-size:15px;line-height:1.3}.contract-traits img{width:39px;height:39px;margin-right:8px}.contract-traits span:nth-of-type(2n){font-size:21px}
.ecos-control-plane{padding:12px 11px 11px;background:#d7f8df;border:1.5px solid #2bc667;border-radius:7px;color:#072e1a}.ecos-heading{padding:0 25px 10px;text-align:center}.ecos-heading strong{display:block;color:#000;font-size:32px;line-height:1.05}.ecos-heading span{display:block;margin:6px auto 0;max-width:680px;color:#073421;font-size:17px;line-height:1.2}.ecos-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.ecos-capabilities button{display:flex;align-items:center;justify-content:flex-start;gap:13px;min-height:63px;padding:8px 13px;background:#eaffef;border:1px solid #98e0af;border-radius:7px;color:#07114f;font-size:15px;line-height:1.12;text-align:left;cursor:pointer}.ecos-capabilities button:hover,.ecos-capabilities button:focus-visible{background:#fff;border-color:#2874d4;box-shadow:0 0 0 2px #2874d455}.ecos-capabilities button.is-active{background:#fff;border-color:#2874d4;box-shadow:0 0 0 2px #2874d4}.ecos-capabilities img{width:30px;height:30px;flex:0 0 auto;opacity:1}
.route-split{height:34px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 10%;border-top:3px solid #274f76}.route-split span{position:relative}.route-split span::before{content:"";position:absolute;left:50%;top:0;height:24px;border-left:2px solid #274f76}.route-split span::after{content:"";position:absolute;left:calc(50% - 5px);top:20px;width:8px;height:8px;border-right:2px solid #274f76;border-bottom:2px solid #274f76;transform:rotate(45deg)}.execution-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.execution-route{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto auto;align-items:center;min-height:106px;padding:11px 13px;background:#fff;border-radius:7px;text-align:left;cursor:pointer}.execution-route img{grid-row:1/4;width:30px;height:30px;align-self:center}.execution-route strong{font-size:16px;line-height:1.1}.execution-route span{font-size:14px;font-weight:700;line-height:1.15}.execution-route small{font-size:13px;line-height:1.15}.route-local{background:#d9f8e0;border:1.5px solid #39c968;color:#0b7b38}.route-trusted{background:#d6eaff;border:1.5px solid #238cff;color:#0646a8}.route-external{background:#fff4d6;border:1.5px solid #eab51e;color:#745000}.execution-route:hover,.execution-route:focus-visible{box-shadow:0 0 0 2px #2874d455}.execution-route.is-active{box-shadow:0 0 0 2px #2874d4}
.ecos-app-flow{display:grid;grid-template-columns:1fr;gap:0;margin:0 17px 23px;text-align:center}.ecos-app-flow>div{display:flex;align-items:center;justify-content:center;gap:10px;min-height:59px;padding:9px;background:#cbe7ff;border:1.5px solid #2e9fff;border-radius:7px;color:#08114e;font-size:24px;font-weight:700}.ecos-app-flow>div img{width:32px;height:32px}.ecos-app-flow>span{height:31px;color:#0e4273;font-size:30px;line-height:31px}.ecos-app-flow .right-contract{background:#e8e2ff;border-color:#9e82ff}.ecos-app-flow .right-ecos{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:10px;background:#d7f8df;border-color:#2bc667}.ecos-app-flow .right-ecos img{grid-row:1/3;width:38px;height:38px}.ecos-app-flow small{display:block;font-size:16px;font-weight:400;line-height:1.05}.ecos-benefits{list-style:none;margin:0 7px;padding:11px 17px;background:#e2fae8;border:0;border-radius:7px}.ecos-benefits li{position:relative;padding:8px 0 8px 35px;color:#14245f;font-size:16px;line-height:1.2}.ecos-benefits li::before{content:"✓";position:absolute;left:0;top:6px;width:25px;height:25px;border-radius:50%;background:#32b95d;color:#fff;text-align:center;font-size:17px;font-weight:700;line-height:25px}
.architecture-detail{position:static;display:grid;grid-template-columns:120px 1.15fr 1.6fr;gap:14px 28px;align-items:start;min-height:0;margin-top:16px;padding:19px 22px;background:#fff;color:var(--ink);border:1px solid #cbdadd;border-radius:6px}.architecture-detail[hidden]{display:none}
.architecture-principles{display:grid;grid-template-columns:1.25fr 1.65fr 1.55fr 1.75fr 1.3fr;gap:0;margin-top:22px;padding:17px 22px;background:#fff;border:1.5px solid #afc2d7;border-radius:7px;align-items:center}.principles-title h3{margin:0;color:#08114e;font-size:27px;line-height:1.1}.principle-item{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:67px;padding:0 20px;border-left:1.5px solid #afc2d7}.principle-item img{width:37px;height:37px}.principle-item:first-of-type img{filter:none}.principle-item p{margin:0;color:#08114e;font-size:16px;line-height:1.15}
@media(max-width:1250px){.architecture-schema{grid-template-columns:minmax(225px,.95fr) minmax(500px,1.8fr) minmax(225px,.95fr)}.schema-heading h3{font-size:23px}.schema-heading p{font-size:13px}.traditional-responsibilities li,.architecture-cost p,.ecos-benefits li{font-size:13px}.ecos-capabilities button{font-size:12px}.principle-item p{font-size:13px}}
@media(max-width:1040px){.architecture-schema{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);}.architecture-flow{grid-column:1/-1;grid-row:1}.traditional-stack{grid-column:1;grid-row:2}.ecos-application{grid-column:2;grid-row:2}.architecture-principles{grid-template-columns:repeat(3,1fr)}.principles-title{grid-column:1/-1;padding-bottom:12px}.principle-item:nth-of-type(2){border-left:0}.principle-item{border-top:1px solid #afc2d7;padding-top:12px}}
@media(max-width:700px){.architecture-explorer{padding:28px 14px}.architecture-schema{grid-template-columns:1fr}.architecture-flow,.traditional-stack,.ecos-application{grid-column:1}.architecture-flow{grid-row:1}.traditional-stack{grid-row:2}.ecos-application{grid-row:3}.ecos-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.execution-routes{grid-template-columns:1fr}.route-split{display:none}.execution-route{min-height:78px}.architecture-principles{grid-template-columns:1fr;padding:0 16px}.principles-title{padding:16px 0}.principle-item,.principle-item:nth-of-type(2){border-left:0;border-top:1px solid #afc2d7;padding:13px 0}.application-types{gap:9px}.application-types span{font-size:11px}.application-types img{width:24px;height:24px}.contract-traits{font-size:12px}.contract-traits img{width:30px;height:30px}.node-app{min-height:125px}.ecos-heading span{font-size:14px}.ecos-capabilities button{min-height:58px;padding:8px;font-size:11px}.traditional-responsibilities li{font-size:14px}.architecture-cost p{font-size:14px}.ecos-benefits li{font-size:14px}}

/* Final fidelity adjustments. */
.schema-heading h3{font-size:24px}
.application-types{flex-wrap:nowrap!important;gap:5px!important}
.application-types span{font-size:12px!important}
.contract-traits{display:grid!important;grid-template-columns:45px 1fr!important;justify-content:initial!important;gap:10px!important}
.contract-traits ul{display:grid;gap:2px;margin:0;padding:0;list-style:none;text-align:left;font-size:14px;line-height:1.25}
.contract-traits li::before{content:"•";padding-right:8px}
.contract-traits img{width:39px!important;height:39px!important;margin:0!important}
.node-contract{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;align-items:center}
.node-contract strong{grid-column:1;grid-row:1}
.node-contract>span{grid-column:1;grid-row:2}
.node-contract .contract-traits{grid-column:2;grid-row:1/3}
.application-types{gap:12px!important}
.application-types span{font-size:13px!important}
.ecos-control-plane{padding:8px 10px 9px}
.ecos-heading{padding-bottom:6px}
.ecos-heading span{font-size:16px}
.ecos-capabilities button{min-height:58px}
.ecos-capabilities img{width:28px;height:28px}
.ecos-benefits{margin:0!important;padding:11px 12px!important}
.ecos-benefits li{font-size:14px!important}
.principle-item:nth-of-type(2) img{filter:invert(42%) sepia(85%) saturate(932%) hue-rotate(103deg)}
.principle-item:nth-of-type(3) img{filter:invert(16%) sepia(99%) saturate(5770%) hue-rotate(351deg)}
.principle-item:nth-of-type(4) img,.principle-item:nth-of-type(5) img{filter:invert(10%) sepia(64%) saturate(4254%) hue-rotate(225deg)}
@media(max-width:700px){.application-types{flex-wrap:wrap!important}.application-types span{font-size:11px!important}.contract-traits{font-size:12px!important}.contract-traits img{width:30px!important;height:30px!important}}

/* Precision alignment for two-column content inside diagram cards. */
.traditional-responsibilities li{flex-direction:row-reverse;justify-content:space-between}
.node-app{display:block!important}
.node-app strong{margin-top:0;text-align:center}
.node-app>span{text-align:center}
.node-contract{display:block!important;position:relative!important;padding:12px 20px!important;min-height:92px!important}
.node-contract strong{display:block!important;text-align:center}
.node-contract>span{display:block!important;max-width:330px;margin:5px auto 0!important;text-align:center}
.node-contract>span{max-width:250px}
.node-contract .contract-traits{position:absolute;top:15px;right:8px;width:210px;display:grid!important;grid-template-columns:39px 1fr!important;margin:0!important}
.node-contract .contract-traits ul{font-size:13px}
.ecos-capabilities button{flex-direction:row-reverse;justify-content:space-between;text-align:left}
.execution-route{grid-template-columns:1fr 36px}
.execution-route img{grid-column:2;grid-row:1/4}
.ecos-app-flow>div{justify-content:space-between;text-align:left}
.ecos-app-flow>div:first-child{justify-content:center;text-align:center}
.ecos-app-flow .right-contract{display:grid;grid-template-columns:1fr 32px;grid-template-rows:auto auto;column-gap:8px}
.ecos-app-flow .right-contract img{grid-column:2;grid-row:1/3;width:32px;height:32px}
.ecos-app-flow .right-contract strong{grid-column:1;grid-row:1}
.ecos-app-flow .right-contract small{grid-column:1;grid-row:2}
.ecos-app-flow .right-ecos{grid-template-columns:1fr 38px;grid-template-rows:auto auto}
.ecos-app-flow .right-ecos img{grid-column:2;grid-row:1/3}
.ecos-app-flow .right-ecos strong{grid-column:1;grid-row:1}
.ecos-app-flow .right-ecos small{grid-column:1;grid-row:2}
@media(max-width:700px){.node-contract{padding:12px 20px!important}.node-contract .contract-traits{position:static;width:auto;margin:9px auto 0!important}.execution-route{grid-template-columns:1fr 36px}.ecos-app-flow .right-contract,.ecos-app-flow .right-ecos{grid-template-columns:1fr 35px}}

/* Static blocks stay static; only the declared controls receive an interaction cue. */
.traditional-responsibilities li{flex-direction:row;justify-content:flex-start}
.ecos-capabilities button{flex-direction:row;justify-content:flex-start}
.execution-route{grid-template-columns:36px 1fr}
.execution-route img{grid-column:1;grid-row:1/4}
.ecos-app-flow .right-contract{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:8px}
.ecos-app-flow .right-contract img{grid-column:1;grid-row:1/3;width:32px;height:32px}
.ecos-app-flow .right-contract strong{grid-column:2;grid-row:1}
.ecos-app-flow .right-contract small{grid-column:2;grid-row:2}
.ecos-app-flow .right-ecos{grid-template-columns:38px 1fr;grid-template-rows:auto auto}
.ecos-app-flow .right-ecos img{grid-column:1;grid-row:1/3}
.ecos-app-flow .right-ecos strong{grid-column:2;grid-row:1}
.ecos-app-flow .right-ecos small{grid-column:2;grid-row:2}
.node-app:hover,.node-contract:hover{transform:none;border-color:inherit;box-shadow:none;cursor:default}
.node-contract{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important;align-items:center;min-height:92px!important;padding:12px 20px!important;position:static!important}
.node-contract .contract-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.node-contract .contract-copy strong{display:block;text-align:center}
.node-contract .contract-copy span{display:block;max-width:280px;margin:5px auto 0;text-align:center}
.node-contract .contract-traits{position:static!important;grid-column:2;grid-row:1;width:auto!important;display:grid!important;grid-template-columns:39px 1fr!important;align-items:center;gap:10px!important;margin:0!important}
.node-contract .contract-traits ul{font-size:13px}
.ecos-capabilities button,.execution-route{animation:schema-click-hint 4.8s ease-in-out infinite}
.ecos-capabilities button:nth-child(2),.execution-route:nth-child(2){animation-delay:.7s}
.ecos-capabilities button:nth-child(3),.execution-route:nth-child(3){animation-delay:1.4s}
@keyframes schema-click-hint{0%,100%{box-shadow:0 0 0 0 rgba(40,116,212,0)}18%{box-shadow:0 0 0 3px rgba(40,116,212,.22)}42%{box-shadow:0 0 0 1px rgba(40,116,212,.08)}70%{box-shadow:0 0 0 0 rgba(40,116,212,0)}}
@media(prefers-reduced-motion:reduce){.ecos-capabilities button,.execution-route{animation:none}}
@media(max-width:700px){.node-contract{display:block!important}.node-contract .contract-copy{display:block}.node-contract .contract-traits{display:grid!important;grid-template-columns:30px 1fr!important;margin:9px auto 0!important}.node-contract .contract-traits img{width:30px!important;height:30px!important}.execution-route{grid-template-columns:36px 1fr}}

/* One synchronized invitation for the interactive controls. */
.architecture-explorer{border-top:0}
.site-footer{padding:52px max(6%,calc((100% - 1120px)/2));grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;border-top:1px solid var(--line);align-items:stretch}
.site-footer .footer-identity,.site-footer .footer-resources{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.site-footer .wordmark{font-size:24px;line-height:32px}
.site-footer .wordmark span{padding:0}
.site-footer p,.site-footer p:last-child{text-align:left;font-size:12px;line-height:1.75}
.site-footer .footer-copyright{margin-top:auto;padding-top:24px}
.site-footer nav{justify-content:flex-start;flex-wrap:wrap;gap:12px 20px;min-height:32px;font-size:13px}
.site-footer nav a{white-space:nowrap;font-weight:700}
.site-footer .trademark-notice{margin-top:22px;max-width:520px}
@media(max-width:760px){.site-footer{grid-template-columns:1fr;gap:30px;padding:36px 6%}.site-footer .footer-resources{border-top:1px solid var(--line);padding-top:24px}.site-footer .footer-copyright{padding-top:16px}.site-footer .trademark-notice{margin-top:18px}.site-footer nav{gap:12px 22px}}
.closing.ot-closing{position:relative;min-height:520px;background:#fff url('../assets/ot-system-hero.png') center right/cover no-repeat;color:var(--ink);overflow:hidden}
.ot-closing>.eyebrow,.ot-closing>h2,.ot-closing>p,.ot-closing>.actions{position:relative;z-index:1;max-width:510px}
.ot-closing>h2{font-size:58px}
.ot-closing>p:not(.eyebrow){font-size:19px;line-height:1.5;margin:26px 0;max-width:480px}
@media(max-width:760px){.closing.ot-closing{min-height:600px;background-position:10% center;background-size:auto 100%}.ot-closing>h2{font-size:42px}.ot-closing>p:not(.eyebrow){font-size:16px;max-width:300px}}
.ecos-capabilities button,.execution-route{animation:schema-synchronized-hint 4.2s ease-in-out infinite!important;animation-delay:0s!important}
.ecos-capabilities button:hover,.execution-route:hover,.ecos-capabilities button:focus-visible,.execution-route:focus-visible{animation-play-state:paused!important;background:#fff!important;border-color:#2874d4!important;box-shadow:0 0 0 2px rgba(40,116,212,.65)!important}
.ecos-capabilities button.is-active,.execution-route.is-active{animation:none!important;background:#fff!important;border-color:#2874d4!important;box-shadow:0 0 0 2px #2874d4!important}
@keyframes schema-synchronized-hint{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(40,116,212,0)}35%{opacity:.9;box-shadow:0 0 0 3px rgba(40,116,212,.2)}58%{opacity:1;box-shadow:0 0 0 1px rgba(40,116,212,.08)}78%{opacity:1;box-shadow:0 0 0 0 rgba(40,116,212,0)}}
@media(prefers-reduced-motion:reduce){.ecos-capabilities button,.execution-route{animation:none!important}}