:root{--ink:#12120f;--paper:#f2eee4;--orange:#ff5635;--blue:#4658e8;--acid:#d9f75c;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Arial,"Helvetica Neue",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;-webkit-font-smoothing:antialiased}a{color:inherit}.concept{min-height:100vh}.concept h1,.concept h2,.concept p{margin-top:0}.back{position:fixed;z-index:50;top:17px;right:20px;padding:8px 11px;border:1px solid currentColor;background:inherit;font:10px/1 var(--mono);text-decoration:none}.eyebrow{font:10px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}.proto-button{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid;font:700 12px/1 var(--sans);text-decoration:none}

/* Gallery */
.gallery{background:#171713;color:#f7f3e9;font-family:var(--sans)}.gallery-head{display:grid;grid-template-columns:.45fr 1.15fr .7fr;gap:50px;width:min(1240px,calc(100% - 64px));margin:auto;padding:84px 0 72px;border-bottom:1px solid #3b3a34}.gallery-brand{font-size:27px;font-weight:800;letter-spacing:-.06em;text-decoration:none}.gallery-brand span{color:var(--orange)}.gallery-head h1{margin:16px 0 0;font-size:clamp(48px,6vw,82px);font-weight:600;letter-spacing:-.065em;line-height:.98}.gallery-head>div>p{margin:0;color:var(--acid);font:10px/1 var(--mono);text-transform:uppercase}.gallery-intro{align-self:end;margin:0;color:#99978f;font-size:14px;line-height:1.7}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 28px;width:min(1240px,calc(100% - 64px));margin:60px auto 100px}.gallery-card{min-width:0}.gallery-preview{position:relative;height:340px;overflow:hidden;border:1px solid #3c3b36;background:#ece8dd}.gallery-preview iframe{width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none}.gallery-preview>a{position:absolute;inset:0}.gallery-preview>a:focus-visible{outline:4px solid var(--acid);outline-offset:-5px}.gallery-meta{display:grid;grid-template-columns:40px 1fr auto;gap:14px;padding:18px 0;border-bottom:1px solid #3b3a34}.gallery-meta>span{color:var(--orange);font:10px/1.4 var(--mono)}.gallery-meta h2{margin:0;font-size:17px}.gallery-meta p{margin:5px 0 0;color:#89877f;font:10px/1.4 var(--mono)}.gallery-meta b{font-weight:400}.original-card{grid-column:1/-1}.original-card .gallery-preview{height:440px}.original-card .gallery-preview iframe{width:166.666%;height:166.666%;transform:scale(.6)}.gallery-foot{padding:32px;border-top:1px solid #3b3a34;color:#77756e;text-align:center;font:10px/1 var(--mono)}

/* 01 — Sovereignty */
.v1{padding:28px clamp(26px,5vw,72px) 48px;background:#f0e8d8;color:#421b21;font-family:var(--sans)}.v1 .back{background:#f0e8d8}.v1-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #8e7373;font:10px/1 var(--mono)}.v1-head strong{font-size:18px}.v1-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:center;min-height:calc(100vh - 95px)}.v1-copy .eyebrow{color:#a34b41}.v1 h1{margin:24px 0 28px;font-size:clamp(60px,8.5vw,120px);font-weight:650;letter-spacing:-.085em;line-height:.82}.v1 h1 em{color:#b3382e;font-style:normal}.v1-copy p{max-width:610px;color:#785c5c;font-size:16px;line-height:1.65}.v1 .proto-button{margin-top:22px;background:#421b21;color:#f0e8d8}.v1-deed{position:relative;padding:38px;border:1px solid #7c5d5d;background:#f8f1e3;box-shadow:14px 14px 0 #b3382e}.deed-seal{position:absolute;top:-32px;right:28px;display:grid;width:68px;height:68px;place-items:center;border:2px solid;border-radius:50%;background:#f8f1e3;font:700 18px/1 var(--mono)}.v1-deed>small{font:9px/1 var(--mono);letter-spacing:.12em}.v1-deed h2{margin:34px 0;font-size:31px;letter-spacing:-.05em}.v1-deed dl{margin:0;border-top:1px solid #bca6a0}.v1-deed dl div{display:grid;grid-template-columns:1fr 1.4fr;padding:14px 0;border-bottom:1px solid #c9b5ae}.v1-deed dt,.v1-deed dd{font:9px/1.4 var(--mono)}.v1-deed dd{margin:0;text-align:right}.v1-deed footer{margin-top:30px;text-align:center;font:700 9px/1 var(--mono);letter-spacing:.12em}

/* 02 — Low ops */
.v2{display:grid;grid-template-rows:auto 1fr auto;padding:26px clamp(25px,5vw,70px);background:#dff263;color:#111;font-family:var(--sans)}.v2 .back{background:#dff263}.v2-head{display:flex;justify-content:space-between;font:10px/1 var(--mono)}.v2-head strong{font-size:18px}.v2-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.v2-copy .eyebrow{color:#596116}.v2 h1{margin:25px 0;font-size:clamp(60px,8vw,112px);font-weight:700;letter-spacing:-.09em;line-height:.83}.v2-copy p{max-width:550px;font-size:16px;line-height:1.6}.v2-object{display:flex;flex-direction:column;align-items:center}.binary{display:grid;width:min(310px,80%);aspect-ratio:1;place-items:center;border:2px solid;background:#111;color:#dff263;box-shadow:18px 18px 0 #9cad32}.binary span{align-self:start;justify-self:start;margin:18px;font:9px/1 var(--mono)}.binary strong{font:700 64px/1 var(--mono)}.binary small{align-self:end;justify-self:end;margin:18px;font:9px/1 var(--mono)}.v2-parts{display:flex;align-items:center;gap:14px;margin-top:38px;font:10px/1 var(--mono)}.v2-parts i{font-style:normal}.v2-foot{display:flex;justify-content:space-between;padding-top:19px;border-top:2px solid;font:700 9px/1 var(--mono)}

/* 03 — Git-native admin */
.v3{padding:26px clamp(25px,5vw,72px);background:#e8e2ff;color:#242039;font-family:var(--sans)}.v3 .back{background:#e8e2ff}.v3-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #9a92bf;font:10px/1 var(--mono)}.v3-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:center;min-height:calc(100vh - 74px)}.v3 .eyebrow{color:#5d4dd4}.v3 h1{margin:23px 0 27px;font-size:clamp(57px,7.7vw,106px);font-weight:650;letter-spacing:-.085em;line-height:.86}.v3-copy p{max-width:560px;color:#716b8b;font-size:16px;line-height:1.65}.v3-history{position:relative;padding-left:45px}.v3-history:before{position:absolute;top:14px;bottom:160px;left:11px;border-left:2px solid #8f85cf;content:""}.commit{position:relative;display:grid;grid-template-columns:50px 1fr;min-height:74px;align-items:start}.commit i{position:absolute;top:4px;left:-39px;width:14px;height:14px;border:2px solid #5d4dd4;border-radius:50%;background:#e8e2ff}.commit.active i{background:#5d4dd4;box-shadow:0 0 0 7px #5d4dd420}.commit span{font:500 11px/1 var(--mono)}.commit small{grid-column:2;color:#736c91;font:9px/1.3 var(--mono)}.diff{border:1px solid #5d4dd4;background:#f5f2ff;box-shadow:12px 12px 0 #5d4dd4}.diff>span{display:block;padding:12px 15px;border-bottom:1px solid #9a92bf;font:9px/1 var(--mono)}.diff code{display:block;padding:24px 18px;font:10px/1.8 var(--mono)}.diff code b{color:#3d9d64}.diff strong{display:block;padding:12px 15px;border-top:1px solid #9a92bf;color:#3d7653;font:9px/1 var(--mono);text-align:right}

/* 04 — Security gate */
.v4{display:grid;grid-template-rows:auto 1fr auto;padding:25px clamp(25px,5vw,70px);background:#121313;color:#f2ede3;font-family:var(--sans)}.v4 .back{background:#121313}.v4-head{display:flex;justify-content:space-between;color:#857e75;font:9px/1 var(--mono)}.v4-stage{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.v4 .eyebrow{color:#ff5537}.v4 h1{margin:24px 0 28px;font-size:clamp(56px,7.8vw,108px);font-weight:600;letter-spacing:-.08em;line-height:.85}.v4 h1 em{color:#ff5537;font-style:normal}.v4-copy p{max-width:540px;color:#8e8981;font:12px/1.7 var(--mono)}.airlock{display:grid;grid-template-columns:1fr 125px 1fr;align-items:center}.air-in,.air-out{position:relative;padding:20px 0;border-top:1px solid #57534d;border-bottom:1px solid #57534d}.air-in:after,.air-out:before{position:absolute;top:50%;width:10px;height:10px;transform:translateY(-50%);border-radius:50%;content:""}.air-in:after{right:-5px;background:#ff5537}.air-out:before{left:-5px;background:#d9f75c}.air-in span,.air-out span{display:block;color:#6f6b64;font:8px/1 var(--mono)}.air-in strong,.air-out strong{display:block;margin-top:9px;font:10px/1 var(--mono)}.air-out{text-align:right}.gate{position:relative;z-index:2;display:grid;width:125px;height:250px;place-items:center;border:1px solid #ff5537;background:#231715}.gate small{position:absolute;top:13px;left:13px;color:#9a5b4d;font:8px/1 var(--mono)}.gate b{font:700 24px/1 var(--mono);writing-mode:vertical-rl;transform:rotate(180deg)}.gate i{position:absolute;right:8px;bottom:9px;padding:6px;background:#d9f75c;color:#111;font:700 8px/1 var(--mono);font-style:normal}.v4-foot{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid #3b3935;color:#77736c;font:8px/1 var(--mono)}

/* 05 — First push */
.v5{display:grid;grid-template-rows:auto 1fr auto;padding:25px clamp(25px,6vw,85px);background:#e9f1df;color:#183022;font-family:var(--sans)}.v5 .back{background:#e9f1df}.v5-head{display:flex;justify-content:space-between;font:9px/1 var(--mono)}.v5-head strong{font-size:18px}.v5-layout{display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:center}.v5 .eyebrow{color:#417954}.v5 h1{margin:24px 0 27px;font-size:clamp(58px,8vw,112px);font-weight:600;letter-spacing:-.085em;line-height:.83}.v5 h1 em{color:#df4e32;font-style:normal}.v5-copy p{max-width:600px;color:#607565;font-size:16px;line-height:1.65}.v5-copy code{display:block;width:max-content;max-width:100%;margin-top:31px;padding:14px 17px;border:1px solid #78917e;background:#f5f9ef;font:10px/1.4 var(--mono);white-space:normal}.v5-copy code b{color:#df4e32}.v5-creation{display:grid;gap:27px;justify-items:center}.ghost-repo,.real-repo{display:flex;width:min(330px,90%);min-height:120px;flex-direction:column;justify-content:center;padding:25px;border:1px dashed #8da294}.ghost-repo span,.real-repo span{font:500 14px/1 var(--mono)}.ghost-repo small,.real-repo small{margin-top:8px;color:#78907f;font:8px/1 var(--mono)}.ghost-repo{opacity:.55}.real-repo{position:relative;border:1px solid #28563a;background:#f8fbf2;box-shadow:12px 12px 0 #74ad83}.real-repo strong{position:absolute;top:10px;right:10px;padding:6px;background:#28563a;color:#fff;font:8px/1 var(--mono)}.v5-creation>i{color:#df4e32;font:10px/1 var(--mono);font-style:normal}.v5-foot{padding-top:17px;border-top:1px solid #9fb1a1;color:#607565;font:8px/1 var(--mono);text-align:center}

/* 06 — Fail closed */
.v6{display:grid;grid-template-rows:auto 1fr auto;padding:25px clamp(25px,5vw,70px);background:#ff5030;color:#111;font-family:var(--sans)}.v6 .back{background:#ff5030}.v6-head{display:flex;justify-content:space-between;font:9px/1 var(--mono)}.v6-head strong{font-size:18px}.v6-layout{display:grid;grid-template-columns:150px 1.3fr .7fr;gap:45px;align-items:center}.v6-layout .eyebrow{align-self:start;margin-top:9vh}.v6 h1{margin:0;font-size:clamp(58px,8.5vw,116px);font-weight:650;letter-spacing:-.09em;line-height:.85}.v6 h1 em{color:#fff;font-style:normal}.v6-rule{border-top:2px solid}.v6-rule div{display:flex;min-height:94px;align-items:center;justify-content:space-between;border-bottom:2px solid;font:10px/1 var(--mono)}.v6-rule strong{font-size:15px}.v6-foot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;font:700 9px/1 var(--mono)}.v6-foot i{height:2px;background:#111}

/* 07 — Explainable audit */
.v7{padding:25px clamp(25px,6vw,85px);background:#dcecf3;color:#142d39;font-family:var(--sans)}.v7 .back{background:#dcecf3}.v7-head{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #91aab5;font:9px/1 var(--mono)}.v7-layout{display:grid;grid-template-columns:1fr .8fr;gap:9vw;align-items:center;min-height:calc(100vh - 70px)}.v7 .eyebrow{color:#2d718f}.v7 h1{margin:24px 0 27px;font-size:clamp(61px,8.5vw,118px);font-weight:600;letter-spacing:-.09em;line-height:.82}.v7-copy p{max-width:560px;color:#66808b;font-size:16px;line-height:1.65}.evidence{transform:rotate(1.5deg);border:1px solid #142d39;background:#f8fbf8;box-shadow:13px 15px 0 #8fb8ca}.evidence-top{display:flex;justify-content:space-between;padding:15px;border-bottom:2px solid;font:9px/1 var(--mono)}.evidence-top b{color:#257449}.evidence dl{margin:0;padding:12px 20px}.evidence dl div{display:grid;grid-template-columns:1fr 1.3fr;padding:12px 0;border-bottom:1px dashed #91aab5}.evidence dt,.evidence dd{font:9px/1 var(--mono)}.evidence dd{margin:0;text-align:right}.evidence footer{padding:15px;color:#66808b;font:8px/1 var(--mono);text-align:center}

/* 08 — Machine principals */
.v8{display:grid;grid-template-rows:auto 1fr auto;padding:25px clamp(25px,5vw,72px);overflow:hidden;background:#17142c;color:#f2efff;font-family:var(--sans)}.v8 .back{background:#17142c}.v8-head{display:flex;justify-content:space-between;color:#86809e;font:9px/1 var(--mono)}.v8-head strong{font-size:18px;color:#f2efff}.v8-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.v8 .eyebrow{color:#a997ff}.v8 h1{margin:24px 0 28px;font-size:clamp(54px,7.4vw,102px);font-weight:600;letter-spacing:-.08em;line-height:.88}.v8 h1 em{color:#bbaeff;font-style:normal}.v8-copy p{max-width:610px;color:#8c86a3;font-size:15px;line-height:1.7}.scope-map{position:relative;width:min(480px,42vw);aspect-ratio:1;border:1px solid #4d466a;border-radius:50%}.scope-map:before,.scope-map:after{position:absolute;inset:13%;border:1px solid #4d466a;border-radius:50%;content:""}.scope-map:after{inset:27%}.machine{position:absolute;z-index:3;top:50%;left:50%;display:flex;width:135px;height:135px;align-items:center;justify-content:center;transform:translate(-50%,-50%);flex-direction:column;border-radius:50%;background:#a997ff;color:#17142c;font:700 12px/1 var(--mono)}.machine small{margin-top:8px;font:7px/1 var(--mono)}.scope{position:absolute;z-index:4;padding:9px 11px;border:1px solid #6f6693;background:#17142c;font:8px/1 var(--mono)}.scope.s1{top:8%;left:13%}.scope.s2{top:48%;right:-2%}.scope.denied{bottom:7%;left:12%;border-color:#ff604b;color:#ff806f}.v8-foot{display:flex;justify-content:space-between;padding-top:17px;border-top:1px solid #3c3654;color:#807a95;font:8px/1 var(--mono)}

/* 09 — System components */
.v9{padding:25px clamp(25px,5vw,72px);background:#f3ca42;color:#17263b;font-family:var(--sans)}.v9 .back{background:#f3ca42}.v9-head{display:flex;justify-content:space-between;font:9px/1 var(--mono)}.v9-main{display:grid;grid-template-columns:1fr 1.1fr;column-gap:7vw;align-items:center;min-height:calc(100vh - 45px)}.v9-main>.eyebrow{grid-column:1}.v9 h1{grid-column:1;margin:24px 0;font-size:clamp(60px,8vw,112px);font-weight:700;letter-spacing:-.09em;line-height:.82}.v9-main>p{grid-column:1;max-width:570px;color:#4d596a;font-size:15px;line-height:1.65}.equation{grid-column:2;grid-row:1/5;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;border:2px solid #17263b}.equation>div{display:flex;min-height:330px;flex-direction:column;justify-content:space-between;padding:20px}.equation small{font:8px/1 var(--mono)}.equation strong{font-size:clamp(25px,3vw,43px);letter-spacing:-.05em;line-height:.95}.equation strong i{font-weight:400}.equation>b{display:grid;place-items:center;border-right:1px solid;border-left:1px solid;font:400 20px/1 var(--mono)}.eq-gith{background:#17263b;color:#f3ca42}

/* 10 — Comprehensible host */
.v10{padding:25px clamp(25px,6vw,86px);background:#eeeae0;color:#191915;font-family:var(--sans);background-image:linear-gradient(#00000008 1px,transparent 1px);background-size:100% 28px}.v10 .back{background:#eeeae0}.v10-head{display:flex;justify-content:space-between;font:9px/1 var(--mono)}.v10-head strong{font-size:18px}.v10-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;min-height:calc(100vh - 45px)}.v10 .eyebrow{color:#666158}.v10 h1{margin:25px 0 28px;font-size:clamp(55px,7.7vw,106px);font-weight:600;letter-spacing:-.085em;line-height:.84}.v10 h1 em{color:#d6452b;font-style:normal}.v10-copy p{max-width:600px;color:#6c6961;font-size:15px;line-height:1.7}.whole-host{position:relative;padding:55px 27px 27px;border:2px solid #191915;background:#f8f5ec;box-shadow:15px 15px 0 #d6452b}.host-label{position:absolute;top:0;left:0;padding:13px 16px;border-right:2px solid;border-bottom:2px solid;font:700 9px/1 var(--mono)}.whole-host>div{display:grid;grid-template-columns:35px 1fr auto;align-items:center;min-height:66px;border-bottom:1px solid #aaa59a}.whole-host b{color:#d6452b;font:9px/1 var(--mono)}.whole-host strong{font:500 12px/1 var(--mono)}.whole-host small{color:#777269;font:8px/1 var(--mono)}.whole-host footer{padding-top:23px;font:700 9px/1 var(--mono);text-align:right}

@media(max-width:800px){.gallery-head{grid-template-columns:1fr;width:calc(100% - 32px);padding:50px 0}.gallery-intro{max-width:500px}.gallery-grid{grid-template-columns:1fr;width:calc(100% - 32px)}.original-card{grid-column:auto}.original-card .gallery-preview,.gallery-preview{height:260px}.original-card .gallery-preview iframe{width:200%;height:200%;transform:scale(.5)}.v1-layout,.v2-layout,.v3-layout,.v4-stage,.v5-layout,.v7-layout,.v8-layout,.v9-main,.v10-layout{grid-template-columns:1fr;gap:55px;padding:70px 0}.v1-deed,.v3-history,.airlock,.v5-creation,.evidence,.whole-host{width:min(560px,calc(100% - 15px))}.v2-object{margin-bottom:40px}.v2-foot,.v4-foot,.v8-foot{flex-wrap:wrap;gap:15px}.v6-layout{grid-template-columns:1fr;gap:32px;padding:70px 0}.v6-layout .eyebrow{margin:0}.scope-map{width:min(480px,90vw);margin:0 auto 35px}.v9-main>.eyebrow,.v9 h1,.v9-main>p,.equation{grid-column:1}.equation{grid-row:auto}.v9-main>.eyebrow{align-self:end}.v9-main>p{align-self:start}.back{display:none}}
@media(max-width:500px){.concept{padding-right:20px;padding-left:20px}.v1 h1,.v2 h1,.v3 h1,.v4 h1,.v5 h1,.v6 h1,.v7 h1,.v8 h1,.v9 h1,.v10 h1{font-size:clamp(45px,14vw,66px)}.v1-deed{padding:28px 20px}.v2-foot{display:grid;grid-template-columns:1fr 1fr}.airlock{grid-template-columns:1fr 80px 1fr}.gate{width:80px;height:210px}.v4-foot{display:grid;grid-template-columns:1fr 1fr}.v5-copy code{font-size:8px}.v6-rule div{min-height:72px}.v6-foot{font-size:7px}.evidence dl div{grid-template-columns:1fr}.evidence dd{margin-top:5px;text-align:left}.scope{font-size:6px}.equation{grid-template-columns:1fr}.equation>div{min-height:160px}.equation>b{min-height:45px;border:1px solid;border-right:0;border-left:0}.v8-foot{display:grid;grid-template-columns:1fr}.whole-host{padding-right:17px;padding-left:17px}}
