:root { --ink:#080e0f; --panel:#10191a; --line:rgba(214,229,225,.16); --mist:#e7eeeb; --quiet:#91a09c; --cyan:#a4dad2; --amber:#a4dad2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--mist); background:var(--ink); font-family:Manrope,Arial,sans-serif; font-size:15px; line-height:1.6; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid var(--cyan); outline-offset:5px; }
.grain { pointer-events:none; position:fixed; z-index:20; inset:0; opacity:.12; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E"); }
.topbar { position:absolute; z-index:3; top:0; left:0; right:0; height:86px; display:flex; align-items:center; justify-content:space-between; padding:0 5.3vw; border-bottom:1px solid var(--line); }
.wordmark { font:500 12px/1 "DM Mono",monospace; letter-spacing:.18em; display:flex; align-items:center; gap:10px; }
.app-icon { width:25px; height:25px; display:block; flex:none; }
nav { display:flex; gap:26px; margin-left:54px; } nav a,.text-link,.quiet-link { color:var(--quiet); font-size:12px; transition:color .25s ease; } nav a:hover,.text-link:hover,.quiet-link:hover { color:var(--mist); }.text-link i { font-style:normal; color:var(--cyan); }
.hero { min-height:850px; position:relative; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; overflow:hidden; border-bottom:1px solid var(--line); }
.hero-copy { z-index:1; margin-left:10.6vw; max-width:650px; padding-top:76px; }.eyebrow,.section-kicker { color:var(--cyan); font:500 10px/1.4 "DM Mono",monospace; letter-spacing:.13em; text-transform:uppercase; }.pulse { display:inline-block; height:6px; width:6px; background:var(--amber); margin:0 9px 1px 0; border-radius:50%; box-shadow:0 0 0 4px rgba(217,173,103,.1); }
h1,h2,h3,p { margin-top:0; }h1 { margin:25px 0 24px; max-width:680px; font:500 clamp(3rem,5.2vw,5.65rem)/.99 "Playfair Display",Georgia,serif; letter-spacing:-.052em; }h1 em,h2 em { color:var(--cyan); font-weight:500; }.lede { max-width:525px; color:#bac4c0; font-size:16px; line-height:1.7; }.hero-actions { display:flex; gap:28px; align-items:center; margin-top:38px; }.button { background:var(--cyan); color:#0b1212; display:inline-flex; align-items:center; gap:28px; padding:14px 17px; font-size:12px; font-weight:600; transition:background .25s ease,transform .25s ease; }.button span { font-size:16px; line-height:1; }.button:hover { background:#e3fff9; transform:translateY(-2px); }.button:active { transform:translateY(0); }.quiet-link span { margin-left:8px; color:var(--cyan); }
.hero-art { position:absolute; inset:0 0 0 40%; overflow:hidden; }.hero-art img { width:100%; height:100%; object-fit:cover; object-position:64% 50%; opacity:.82; filter:contrast(1.05) saturate(.75); transform:scale(1.025); animation:breath 12s ease-in-out infinite alternate; }.hero-art:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--ink) 0%,rgba(9,11,12,.84) 10%,rgba(9,11,12,.08) 48%,rgba(9,11,12,.18)); }.coordinate { position:absolute; z-index:1; color:rgba(215,240,233,.65); font:400 9px "DM Mono",monospace; letter-spacing:.12em; }.coordinate.one { top:31%; right:9%; }.coordinate.two { bottom:26%; left:36%; }.orbit { position:absolute; z-index:1; width:465px; height:465px; border:1px solid rgba(185,236,227,.13); border-radius:50%; right:-110px; top:calc(50% - 232px); }.orbit:before,.orbit:after { content:""; position:absolute; background:var(--cyan); border-radius:50%; width:5px; height:5px; }.orbit:before { top:79px; left:48px; }.orbit:after { bottom:68px; right:68px; background:var(--amber); }.hero-footer { z-index:2; position:absolute; bottom:25px; left:5.3vw; right:5.3vw; display:flex; justify-content:space-between; color:#7d8d88; font:400 9px "DM Mono",monospace; letter-spacing:.11em; text-transform:uppercase; }
.manifesto { padding:155px 10.6vw 145px; }.section-kicker { margin-bottom:30px; }.manifesto-grid { display:grid; grid-template-columns:1.5fr .55fr; gap:8vw; align-items:end; }.manifesto h2,.connection h2,.principles h2,.institutional h2 { font:500 clamp(2.35rem,3.8vw,4.3rem)/1.06 "Playfair Display",Georgia,serif; letter-spacing:-.04em; margin:0; }.manifesto-grid p { margin:0 0 5px; color:var(--quiet); font-size:14px; }
.connection { padding:130px 10.6vw 118px; background:#101516; border-top:1px solid var(--line); }.connection-intro { display:grid; grid-template-columns:1fr 1fr; column-gap:10vw; }.connection-intro .section-kicker { grid-column:1/-1; }.connection-intro h2 { max-width:550px; }.connection-intro h2 em { color:var(--cyan); font-weight:500; }.connection-intro>p:last-child { align-self:end; max-width:410px; color:var(--quiet); font-size:14px; margin:0; }.connection-map { margin-top:73px; min-height:330px; display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:0; align-items:center; border:1px solid var(--line); position:relative; overflow:hidden; background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 60%); }.connection-map:before { content:""; position:absolute; left:33%; right:31%; top:50%; height:1px; background:linear-gradient(90deg,rgba(185,236,227,.18),rgba(185,236,227,.8),rgba(185,236,227,.18)); }.endpoints { padding:38px; display:grid; gap:11px; z-index:1; }.endpoint { border:1px solid rgba(212,226,221,.18); background:rgba(16,21,22,.88); padding:14px 16px; display:flex; align-items:center; gap:13px; }.endpoint b,.memory-node b { font-size:12px; font-weight:600; display:block; }.endpoint small,.memory-node small { display:block; font-size:10px; color:var(--quiet); margin-top:2px; }.endpoint-mark { width:11px; height:11px; display:block; border-radius:50%; border:1px solid var(--cyan); box-shadow:0 0 0 4px rgba(185,236,227,.07); flex:none; }.endpoint-mark.agent { border-radius:2px; border-color:var(--amber); transform:rotate(45deg); }.endpoint-mark.fleet { width:14px; height:11px; border-radius:0; border-width:1px 0; position:relative; }.endpoint-mark.fleet:after { content:""; position:absolute; width:4px; height:4px; border:1px solid var(--cyan); border-radius:50%; left:4px; top:2px; }.mcp-node { position:relative; z-index:2; width:175px; height:175px; justify-self:center; border:1px solid rgba(185,236,227,.65); border-radius:50%; background:#111a1a; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; box-shadow:0 0 0 18px rgba(185,236,227,.025); }.node-label { position:absolute; top:-27px; color:var(--quiet); white-space:nowrap; font:400 8px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.mcp-node strong { font:500 18px/.93 "DM Mono",monospace; letter-spacing:.07em; }.mcp-node strong i { color:var(--cyan); font-style:normal; }.node-status { position:absolute; bottom:23px; color:var(--quiet); font:400 8px "DM Mono",monospace; }.node-status b { width:5px; height:5px; margin:0 5px 1px 0; display:inline-block; background:var(--amber); border-radius:50%; }.memory-node { z-index:1; position:relative; margin:0 38px 0 22px; min-height:205px; padding:24px; display:flex; flex-direction:column; justify-content:center; background:rgba(185,236,227,.07); border:1px solid rgba(185,236,227,.35); }.memory-node>span { color:var(--cyan); font:500 9px "DM Mono",monospace; letter-spacing:.1em; }.memory-node b { margin:16px 0 9px; font:500 21px/1.15 "Playfair Display",Georgia,serif; }.connection-note { margin:20px 0 0; color:var(--cyan); font:400 10px "DM Mono",monospace; letter-spacing:.04em; }
.system { padding:64px 5.3vw 0; background:#0d1112; }.system-heading { display:flex; justify-content:space-between; padding:0 5.3vw 34px; border-bottom:1px solid var(--line); }.system-heading .section-kicker { margin:0; }.system-heading p:last-child { margin:0; color:var(--quiet); font-size:12px; }.flow { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); }.flow li { padding:36px 2.6vw 51px 0; border-right:1px solid var(--line); }.flow li+li { padding-left:2.6vw; }.flow li:last-child { border:0; }.flow-index,.principle-list span { color:var(--amber); font:400 10px "DM Mono",monospace; }.flow h3 { margin:46px 0 13px; font:500 22px "Playfair Display",Georgia,serif; }.flow p { color:var(--quiet); max-width:250px; margin:0; font-size:12px; }
.principles { padding:145px 10.6vw; display:grid; grid-template-columns:.74fr 1.26fr; gap:9vw; }.principles-intro h2 { font-size:3.2rem; }.principle-list { border-top:1px solid var(--line); }.principle-list article { padding:25px 0 27px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:55px 1fr 1.35fr; gap:12px; }.principle-list h3 { margin:0; font-size:14px; font-weight:600; }.principle-list p { margin:0; color:var(--quiet); font-size:13px; }
.institutional { background:#b9ece3; color:#0c1413; padding:104px 10.6vw; display:grid; grid-template-columns:1.2fr .8fr; gap:9vw; }.institutional .section-kicker { color:#536863; }.institutional h2 em { color:#264e49; }.institutional-panel { padding-top:7px; }.institutional-panel>p { font-size:17px; font-weight:500; line-height:1.5; }.institutional ul { list-style:none; padding:23px 0 27px; margin:26px 0; border-top:1px solid rgba(13,45,40,.2); border-bottom:1px solid rgba(13,45,40,.2); }.institutional li { font-size:12px; padding:6px 0; }.institutional li span { color:#52776f; margin-right:8px; }.button-light { background:#0c1413; color:#dcf8f1; }.button-light:hover { background:#263b37; }
.institutional-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }.github-cta { display:inline-flex; align-items:center; gap:9px; padding:11px 0 9px; border-bottom:1px solid rgba(13,45,40,.42); font-size:12px; font-weight:600; transition:border-color .2s ease,color .2s ease; }.github-cta span { color:#365f59; font-size:15px; }.github-cta:hover { color:#264e49; border-color:#264e49; }.institutional-panel>.github-note { margin:14px 0 0; color:#52625f; font-size:11px; font-weight:400; }
footer { padding:48px 5.3vw; display:grid; grid-template-columns:1fr 1.4fr auto; align-items:end; color:var(--quiet); font-size:11px; } footer .wordmark { color:var(--mist); } footer p { margin:0; line-height:1.6; }.footer-meta { display:flex; align-items:flex-end; gap:24px; }.footer-meta a { transition:color .2s ease; }.footer-meta a:hover { color:var(--mist); }.footer-meta span { font:400 10px "DM Mono",monospace; }
@keyframes breath { from { transform:scale(1.025); } to { transform:scale(1.07); } }
@media (max-width:760px) { .topbar { height:68px; padding:0 7vw; }nav { display:none; }.text-link { font-size:10px; }.app-icon { width:23px; height:23px; }.hero { min-height:790px; display:block; }.hero-copy { padding:178px 7vw 0; margin:0; }.hero-art { inset:0; opacity:.37; }.hero-art:after { background:linear-gradient(90deg,rgba(9,11,12,.6),rgba(9,11,12,.83)); }.hero-copy { position:relative; }.hero-footer { left:7vw; right:7vw; gap:14px; }.hero-footer span:nth-child(2) { display:none; }h1 { font-size:3.55rem; }.manifesto,.connection,.principles { padding:90px 7vw; }.manifesto-grid,.connection-intro,.principles,.institutional { display:block; }.manifesto-grid p,.connection-intro>p:last-child { margin-top:30px; }.connection-map { margin-top:50px; min-height:0; display:block; overflow:visible; background:none; border:0; }.connection-map:before { display:none; }.endpoints { padding:0; gap:10px; }.mcp-node { margin:48px auto; }.mcp-node:before,.mcp-node:after { content:""; position:absolute; width:1px; height:38px; left:50%; background:rgba(185,236,227,.5); }.mcp-node:before { top:-38px; }.mcp-node:after { bottom:-38px; }.memory-node { margin:0; }.connection-note { margin-top:30px; line-height:1.7; }.system { padding:48px 7vw 0; }.system-heading { padding:0 0 24px; display:block; }.system-heading p:last-child { margin-top:15px; }.flow { display:block; }.flow li,.flow li+li { padding:28px 0; border-right:0; border-bottom:1px solid var(--line); }.flow h3 { margin:24px 0 10px; }.principles-intro { margin-bottom:55px; }.principles-intro h2 { font-size:2.65rem; }.principle-list article { grid-template-columns:35px 1fr; }.principle-list p { grid-column:2; }.institutional { padding:82px 7vw; }.institutional-panel { margin-top:48px; }footer { grid-template-columns:1fr; gap:26px; padding:38px 7vw; }.footer-meta { justify-content:space-between; align-items:center; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.hero-art img { animation:none; } }

/* Mobile hero: let the decision stay clear instead of competing with utility labels. */
@media (max-width:760px) { .hero-actions { gap:16px; }.hero-actions .button { gap:16px; padding:14px; white-space:nowrap; }.hero-actions .quiet-link { font-size:11px; white-space:nowrap; }.hero-footer { display:none; } }

/* Self-hosting is a deployment choice, not a secondary badge. */
.self-host-link { grid-column:1/-1; display:grid; grid-template-columns:52px 1fr auto; gap:16px; align-items:center; margin-top:24px; padding:21px 0; border-top:1px solid rgba(13,23,23,.2); border-bottom:1px solid rgba(13,23,23,.2); color:#0d1717; }.self-host-link span { color:#52746e; font:500 9px "DM Mono",monospace; letter-spacing:.09em; }.self-host-link b { font:500 22px/1.15 "Playfair Display",Georgia,serif; letter-spacing:-.02em; }.self-host-link small { color:#52625f; font-size:11px; white-space:nowrap; transition:color .2s ease; }.self-host-link i { color:#254b45; font-style:normal; }.self-host-link:hover small { color:#0d1717; }.self-host-link:hover b { color:#254b45; }
@media (max-width:760px) { .self-host-link { grid-template-columns:38px 1fr; gap:12px; margin-top:37px; padding:20px 0; }.self-host-link b { font-size:20px; }.self-host-link small { grid-column:2; } }

/* Content clarity pass: concrete questions, not abstract infrastructure. */
.questions { padding:0 10.6vw 142px; background:#0d1112; }.questions-inner { display:grid; grid-template-columns:.85fr 1.15fr; gap:10vw; padding-top:42px; border-top:1px solid var(--line); }.questions h2 { max-width:520px; margin:0; font:500 clamp(2.5rem,4.1vw,4.25rem)/1.04 "Playfair Display",Georgia,serif; letter-spacing:-.045em; }.questions h2 em { color:var(--cyan); font-weight:500; }.questions-panel { padding-top:8px; }.questions-panel>p { max-width:490px; margin:0 0 35px; color:#aab7b2; font-size:15px; line-height:1.65; }.question-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }.question-list li { display:grid; grid-template-columns:52px 1fr; gap:16px; padding:17px 0 18px; border-bottom:1px solid var(--line); }.question-list span { color:var(--cyan); font:500 9px "DM Mono",monospace; letter-spacing:.09em; }.question-list b { font-size:14px; font-weight:600; }
@media (max-width:760px) { .questions { padding:0 7vw 90px; }.questions-inner { display:block; padding-top:30px; }.questions h2 { font-size:3rem; }.questions-panel { padding-top:48px; }.question-list li { grid-template-columns:38px 1fr; gap:12px; } }

/* Premium continuity pass: image-led relationship, not a generic system diagram. */
.topbar { justify-content:flex-start; gap:0; }.topbar nav { margin-left:clamp(48px,7vw,112px); }.topbar .text-link { margin-left:auto; white-space:nowrap; }
.context-contract { padding:132px 10.6vw 138px; display:grid; grid-template-columns:.89fr 1.11fr; gap:10vw; background:#e7eeeb; color:#0b1515; }.context-contract .section-kicker { color:#52746e; }.context-contract h2 { max-width:600px; margin:0; font:500 clamp(2.5rem,4.05vw,4.25rem)/1.04 "Playfair Display",Georgia,serif; letter-spacing:-.045em; }.context-contract h2 em { color:#355f59; font-weight:500; }.context-terms { padding-top:7px; }.context-summary { margin:0 0 37px; max-width:500px; color:#40514e; font-size:16px; line-height:1.65; }.context-terms ol { list-style:none; margin:0; padding:0; border-top:1px solid rgba(13,23,23,.2); }.context-terms li { display:grid; grid-template-columns:52px 1fr; gap:16px; padding:20px 0 21px; border-bottom:1px solid rgba(13,23,23,.2); }.context-terms li>span { color:#52746e; font:500 9px "DM Mono",monospace; letter-spacing:.09em; }.context-terms b { display:block; font-size:14px; font-weight:600; }.context-terms p { max-width:430px; margin:5px 0 0; color:#52625f; font-size:12px; line-height:1.65; }
@media (max-width:760px) { .context-contract { display:block; padding:90px 7vw; }.context-contract h2 { font-size:3rem; }.context-terms { padding-top:49px; }.context-summary { margin-bottom:30px; }.context-terms li { grid-template-columns:38px 1fr; gap:12px; } }
.connection { padding:0; background:#0b1415; border-color:rgba(214,229,225,.12); }
.continuity-field { min-height:720px; position:relative; overflow:hidden; border-bottom:1px solid var(--line); }.continuity-field>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:.74; filter:saturate(.65) contrast(1.03); }.continuity-field:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,14,15,.98) 0%,rgba(8,14,15,.86) 35%,rgba(8,14,15,.23) 76%,rgba(8,14,15,.64) 100%),linear-gradient(0deg,rgba(8,14,15,.65),transparent 42%); }.continuity-copy { position:relative; z-index:1; padding:142px 10.6vw 0; max-width:720px; }.continuity-copy h2,.modes h2,.deployment h2 { font:500 clamp(2.5rem,4.4vw,4.85rem)/1.01 "Playfair Display",Georgia,serif; letter-spacing:-.045em; margin:0; }.continuity-copy h2 em,.modes h2 em { color:var(--cyan); font-weight:500; }.continuity-copy>p:last-child { margin:30px 0 0; color:#b7c2be; max-width:475px; font-size:15px; }.continuity-sources { position:absolute; z-index:1; left:10.6vw; bottom:62px; display:flex; gap:34px; }.continuity-sources span { width:142px; padding-top:10px; border-top:1px solid rgba(228,242,238,.35); color:#dce7e3; font:400 9px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.continuity-core { position:absolute; z-index:1; right:10.6vw; bottom:58px; padding-left:18px; border-left:1px solid var(--cyan); text-align:left; }.continuity-core span { display:block; color:var(--cyan); font:500 9px "DM Mono",monospace; letter-spacing:.1em; }.continuity-core b { display:block; margin-top:9px; color:#e6efeb; font:500 18px/1.17 "Playfair Display",Georgia,serif; }.connection-note { margin:0; padding:20px 10.6vw 23px; background:#080e0f; color:var(--cyan); font:400 10px "DM Mono",monospace; letter-spacing:.045em; }
.modes { padding:146px 10.6vw; display:grid; grid-template-columns:.85fr 1.15fr; gap:10vw; }.modes-intro .section-kicker { margin-bottom:28px; }.mode-list { border-top:1px solid var(--line); }.mode-list article { display:grid; grid-template-columns:142px 1fr; column-gap:36px; padding:29px 0 33px; border-bottom:1px solid var(--line); }.mode-list span,.deployment-options span { color:var(--cyan); font:400 9px "DM Mono",monospace; letter-spacing:.09em; }.mode-list h3 { margin:0; font-size:18px; font-weight:600; }.mode-list p { grid-column:2; margin:11px 0 0; color:var(--quiet); max-width:470px; font-size:13px; }
.deployment { padding:103px 10.6vw 109px; display:grid; grid-template-columns:.9fr 1.1fr; gap:9vw; background:#dce7e3; color:#0d1717; }.deployment .section-kicker { color:#52746e; }.deployment h2 { font-size:3.15rem; }.deployment-options { list-style:none; margin:8px 0 0; padding:0; border-top:1px solid rgba(13,23,23,.18); }.deployment-options li { display:grid; grid-template-columns:52px 135px 1fr; gap:12px; padding:17px 0; border-bottom:1px solid rgba(13,23,23,.18); align-items:baseline; }.deployment-options span { color:#52746e; }.deployment-options b { font-size:13px; }.deployment-options p { margin:0; color:#52625f; font-size:12px; }
@media (max-width:760px) { .continuity-field { min-height:760px; }.continuity-field>img { object-position:61% center; opacity:.54; }.continuity-field:after { background:linear-gradient(90deg,rgba(8,14,15,.94),rgba(8,14,15,.72)),linear-gradient(0deg,rgba(8,14,15,.92),transparent 58%); }.continuity-copy { padding:93px 7vw 0; }.continuity-copy h2,.modes h2,.deployment h2 { font-size:3rem; }.continuity-copy>p:last-child { margin-top:24px; }.continuity-sources { left:7vw; right:7vw; bottom:142px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.continuity-sources span { width:auto; font-size:8px; }.continuity-core { left:7vw; right:auto; bottom:50px; }.connection-note { padding:18px 7vw 21px; line-height:1.65; }.modes { display:block; padding:92px 7vw; }.modes-intro { margin-bottom:52px; }.mode-list article { grid-template-columns:1fr; gap:0; }.mode-list h3 { margin-top:20px; }.mode-list p { grid-column:auto; }.deployment { display:block; padding:83px 7vw; }.deployment-options { margin-top:52px; }.deployment-options li { grid-template-columns:38px 100px 1fr; } }