.agent-story{padding:0!important;position:relative;background:radial-gradient(ellipse at 50% 65%,#133641,#08131f 55%,#080d16);overflow:auto}.agent-canvas{height:100%;min-height:540px;position:relative;max-width:1800px;margin:auto;isolation:isolate}.agent-heading{position:absolute;top:5%;left:4%;z-index:4;pointer-events:none}.agent-heading h2{font-size:clamp(32px,3.7vw,56px);line-height:1.05;margin-top:9px}.agent-heading .eyebrow{font-size:11px;letter-spacing:.16em}.agent-story h3{font-size:24px;line-height:1.18}.agent-story p{font-size:18px;line-height:1.45}.agent-story small{font-size:10px;letter-spacing:.12em;color:#78d9e4;display:block;margin-bottom:10px}.agent-story .appear{visibility:hidden;opacity:0;transform:translateY(25px);transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1),visibility .7s}.agent-story .appear.is-visible{visibility:visible;opacity:1;transform:none}.agent-progress{position:absolute;bottom:5%;left:4%;right:4%;display:flex;align-items:center;gap:24px;font-size:14px;color:#9cc8d3;z-index:6}.agent-progress button{font-size:12px;padding:7px 12px}.agent-source{position:absolute;bottom:1%;left:4%;right:4%;display:flex;gap:20px;font-size:10px;color:#7e97a9}.agent-cues{display:none}.minutes-paper{position:absolute;left:5%;top:31%;width:47%;padding:26px 30px 18px;background:#e9eeeb;color:#152d35;box-shadow:12px 20px 60px #0008;transform:perspective(1100px) rotateY(7deg) rotateZ(-2deg);transition:transform 1.2s}.minutes-paper .paper-meta{font-size:10px;letter-spacing:.09em;border-bottom:1px solid #aac0c4;padding-bottom:12px;display:flex;justify-content:space-between}.minutes-paper h3{font-size:22px;margin:14px 0}.minutes-paper p{font-size:16px;color:#3c5057;margin:12px 0}.minutes-paper mark{color:inherit;background:linear-gradient(90deg,#85e2df,#85e2df);background-size:0 100%;background-repeat:no-repeat;transition:background-size 1.3s ease}.minutes-paper .paper-page{font-size:10px;color:#536d77;text-align:right;margin-top:15px}.agent-story[data-step]:not([data-step="0"]) .minutes-paper mark{background-size:100% 100%}.agent-story[data-step]:not([data-step="0"]) .minutes-paper{transform:perspective(1100px) rotateY(0) rotateZ(-1deg)}.decision-ticket{position:absolute;top:22%;right:5%;width:35%;background:#102d38;padding:23px 27px;border-left:3px solid #65e2ec;box-shadow:0 15px 70px #54e6ee14}.decision-ticket h3{font-size:30px;color:#dcfcff;margin-bottom:16px}.decision-ticket dl{margin:0}.decision-ticket dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #264755;padding:8px 0;font-size:16px}.decision-ticket dt{color:#8eaebb}.decision-ticket dd{margin:0}.ambiguity-note{position:absolute;right:5%;top:65%;width:35%;border-left:2px solid #e9b779;padding-left:17px}.ambiguity-note strong{font-size:19px;color:#f1c58d}.ambiguity-note p{font-size:16px;margin-top:8px}.extraction-takeaway{position:absolute;right:5%;bottom:14%;width:35%;font-size:18px!important}.extract-story[data-step="4"] .ambiguity-note{opacity:0;visibility:hidden;transform:translateY(-15px)}
.mcp-hub{position:absolute;left:35%;top:43%;width:27%;padding:30px 18px;text-align:center;border:1px solid #68dbe3;border-radius:50%;background:#123d49;box-shadow:0 0 80px #51dfe71a;z-index:2}.mcp-hub h3{font-size:28px;color:#d5fcff}.mcp-hub p{font-size:16px;margin-top:13px}.mcp-hub small{font-size:9px}.mcp-routes{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.mcp-routes path{fill:none;stroke:#66e7ed;stroke-width:2;stroke-dasharray:6 12;opacity:0;transition:opacity .5s}.mcp-routes path.is-active{opacity:.65;animation:mcp-stream 1.5s linear infinite}.mcp-endpoint{position:absolute;z-index:2;width:25%;padding:17px 20px;background:#0b1c2af2;border-left:2px solid #58c9dc}.mcp-endpoint p{font-size:16px;margin:10px 0}.mcp-endpoint span{display:block;font-size:11px;color:#72d6c6}.mail-endpoint{left:5%;top:37%}.calendar-endpoint{right:5%;top:30%}.notion-endpoint{right:5%;top:64%}.mcp-definition{position:absolute;left:5%;bottom:13%;width:57%;background:#091621;padding:12px 0}.mcp-definition strong{font-size:18px}.mcp-definition p{font-size:14px;margin-top:7px}.mcp-story[data-step="4"] .mcp-hub{transform:translateY(-25px);transition:transform .7s}.mcp-story[data-step="4"] .mail-endpoint{transform:translateY(-15px)}
.kanban-board{position:absolute;top:30%;left:5%;width:90%;height:48%;background:#0e202a;box-shadow:0 20px 60px #0003;border-top:1px solid #37616c;transform:perspective(1800px) rotateX(3deg)}.board-header{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid #284452;font-size:15px}.board-header span{font-size:11px;color:#9db6c3}.board-lanes{position:absolute;inset:42px 0 0;display:grid;grid-template-columns:repeat(4,1fr)}.board-lanes>div{padding:14px;border-right:1px solid #24404c;background:linear-gradient(#13333b55,transparent)}.board-lanes>div:last-child{border:0}.board-lanes h3{font-size:16px;color:#96c9d0}.moving-decision{position:absolute;left:1.2%;top:90px;width:22.5%;padding:17px;background:#194451;border:1px solid #5bcbd4;border-radius:5px;box-shadow:0 9px 28px #0004;transition:left 1.3s cubic-bezier(.65,0,.25,1),background .8s,transform 1.3s;z-index:3}.moving-decision h3{font-size:23px}.moving-decision p{font-size:14px;margin-top:8px}.moving-decision small{font-size:9px}.decision-status{display:block;font-size:12px;margin-top:15px;color:#99f7ed}.ticket-source{font-size:10px;color:#b0cbd2;margin-top:10px}.kanban-story[data-step="1"] .moving-decision,.kanban-story[data-step="3"] .moving-decision{left:26.2%}.kanban-story[data-step="2"] .moving-decision{left:51.2%}.kanban-story[data-step="4"] .moving-decision{left:76.2%;background:#164942}.blocked-decision{position:absolute;left:1.2%;top:94px;width:22.5%;padding:17px;border:1px solid #aa8153;background:#302923}.blocked-decision h3{font-size:22px}.blocked-decision small{color:#e8b676}.blocked-decision p{font-size:14px;margin-top:10px}.kanban-event{position:absolute;left:5%;bottom:11%;width:58%;display:flex;gap:18px;align-items:start}.event-label{font-size:10px;letter-spacing:.1em;color:#65e1ea;min-width:110px;padding-top:4px}.kanban-event p{font-size:17px}.kanban-rule{position:absolute;right:5%;bottom:11%;width:31%;font-size:15px!important}.kanban-story[data-step="4"] .kanban-event{width:55%}
.follow-mail{position:absolute;left:5%;top:32%;width:43%;padding:22px 27px;background:#e9eeeb;color:#172e38;transform:rotate(-2deg);box-shadow:0 20px 60px #0004}.follow-mail small{color:#416470}.follow-mail blockquote{margin:18px 0;font-size:27px;line-height:1.4;letter-spacing:-.025em}.follow-mail>span{font-size:12px;color:#546b73}.follow-reading{position:absolute;top:26%;right:5%;width:38%}.follow-reading h3{font-size:34px}.follow-reading p{margin-top:12px;max-width:400px;font-size:17px}.follow-draft{position:absolute;left:8%;top:72%;width:40%;border-left:2px solid #67d9e8;padding-left:20px}.follow-draft h3{font-size:22px}.follow-draft p{font-size:17px;margin:7px 0}.follow-draft span{font-size:12px;color:#93b8c7}.follow-escalate{position:absolute;right:5%;top:61%;width:38%;border-left:2px solid #eabc7b;padding-left:20px}.follow-escalate small{color:#efc184}.follow-escalate p{font-size:17px;margin-top:8px}.human-decision{position:absolute;left:12%;right:12%;top:39%;padding:36px;text-align:center;border:1px solid #75e9ee;background:#103642f5;box-shadow:0 0 150px #03101dfc;z-index:5}.human-decision strong{font-size:42px}.human-decision p{font-size:22px;margin-top:15px;color:#c7f7f4}.human-decision span{display:block;font-size:14px;color:#9ebfca;margin:20px auto 0;max-width:660px}.follow-story[data-step="4"] .follow-mail,.follow-story[data-step="4"] .follow-reading,.follow-story[data-step="4"] .follow-draft,.follow-story[data-step="4"] .follow-escalate{opacity:.12;filter:blur(2px);transition:opacity .6s,filter .6s}@keyframes mcp-stream{to{stroke-dashoffset:-72}}.agent-story[hidden] *{animation-play-state:paused!important}
@media(max-width:750px){.agent-canvas{min-height:1080px}.agent-heading{top:30px;left:6%;right:6%}.agent-heading h2{font-size:36px}.agent-story h3{font-size:24px}.minutes-paper{left:6%;top:200px;width:88%;padding:20px;transform:rotate(-1deg)!important}.minutes-paper p{font-size:15px}.decision-ticket{top:600px;right:6%;width:88%}.decision-ticket h3{font-size:27px}.ambiguity-note{top:865px;right:6%;width:88%}.extraction-takeaway{top:865px;right:6%;width:88%;bottom:auto}.agent-progress{bottom:45px;left:6%;gap:15px;align-items:center}.agent-progress span{font-size:12px}.agent-progress button{white-space:nowrap}.agent-source{font-size:9px;bottom:10px;flex-wrap:wrap;gap:4px 15px;left:6%;right:6%}.mcp-story .agent-canvas{min-height:1350px}.mcp-hub{top:200px;left:15%;width:70%;padding:24px;transform:none!important}.mcp-endpoint{left:8%;right:auto;width:84%;padding:18px;transform:none!important}.mail-endpoint{top:440px}.calendar-endpoint{top:650px}.notion-endpoint{top:860px}.mcp-definition{left:8%;width:84%;bottom:110px}.mcp-routes{display:none}.kanban-story .agent-canvas{min-height:1050px}.kanban-board{top:210px;left:6%;width:88%;height:610px;transform:none}.board-header{height:64px;padding:10px;display:block}.board-header span{display:block;font-size:9px;margin-top:4px}.board-lanes{inset:64px 0 0;display:flex;flex-direction:column}.board-lanes>div{height:25%;border-bottom:1px solid #29434a;border-right:0}.board-lanes h3{font-size:13px;max-width:62px}.moving-decision{left:26%!important;width:71%;top:78px;padding:12px;transition:top 1.3s cubic-bezier(.65,0,.25,1),background .8s}.moving-decision h3{font-size:18px}.moving-decision small{margin-bottom:5px}.moving-decision p{font-size:12px;margin-top:4px}.moving-decision .decision-status{margin-top:6px;font-size:11px}.ticket-source{margin-top:3px;font-size:9px}.kanban-story[data-step="1"] .moving-decision,.kanban-story[data-step="3"] .moving-decision{top:214px}.kanban-story[data-step="2"] .moving-decision{top:350px}.kanban-story[data-step="4"] .moving-decision{top:486px}.blocked-decision{left:26%;width:71%;top:78px;padding:12px}.blocked-decision h3{font-size:18px}.blocked-decision p{font-size:12px;margin-top:4px}.kanban-event{left:6%;width:88%!important;top:850px;bottom:auto;display:block}.kanban-event p{font-size:15px;margin-top:6px}.kanban-rule{display:none}.follow-story .agent-canvas{min-height:1180px}.follow-mail{left:6%;width:88%;top:220px;padding:20px}.follow-mail blockquote{font-size:24px}.follow-reading{left:8%;width:84%;top:490px}.follow-reading h3{font-size:29px}.follow-draft{left:8%;width:84%;top:710px}.follow-escalate{left:8%;width:84%;top:900px}.human-decision{left:6%;right:6%;top:440px;padding:28px 20px}.human-decision strong{font-size:34px}.human-decision p{font-size:21px}}
@media(prefers-reduced-motion:reduce){.mcp-routes path{animation:none!important}.agent-story *{transition:none!important}}
.market-tool{position:absolute;width:28%;border-top:1px solid #39727e;padding-top:18px}.market-tool h3{font-size:30px;color:#e3fcff}.market-tool p{font-size:17px;margin-top:14px}.market-tool blockquote,.openclaw-feature blockquote{font-size:17px;line-height:1.4;color:#a0e3e6;margin:16px 0}.market-tool a,.open-story article a{font-size:12px;display:inline-block;margin-right:15px}.market-claude{left:5%;top:34%}.market-microsoft{left:37%;top:26%}.market-mistral{right:4%;top:43%}.market-conclusion{position:absolute;bottom:14%;left:5%;width:62%;font-size:19px!important}.market-story[data-step="4"] .market-tool{transform:translateY(-10px)}.openclaw-feature{position:absolute;left:5%;top:32%;width:40%;padding-left:20px;border-left:3px solid #60e2ed}.openclaw-feature h3{font-size:45px}.openclaw-feature p{font-size:18px;margin-top:16px}.framework-feature{position:absolute;right:5%;top:27%;width:43%;border-top:1px solid #426c7b;padding-top:15px}.framework-feature h3{font-size:30px}.framework-feature h3 span{color:#4dd2e6}.framework-feature p{font-size:17px;margin:10px 0}.lm-agent-feature{position:absolute;right:5%;top:63%;width:43%;border-left:2px solid #65e0dc;padding-left:20px}.lm-agent-feature h3{font-size:27px;color:#87eff0}.lm-agent-feature p{font-size:16px;margin:10px 0}.open-conclusion{position:absolute;left:5%;bottom:14%;width:40%;font-size:18px!important}.open-story[data-step="4"] .openclaw-feature{transform:translateY(-14px)}
@media(max-width:750px){.market-story .agent-canvas{min-height:1300px}.market-tool{left:7%;right:auto;width:86%;transform:none!important}.market-tool h3{font-size:29px}.market-claude{top:225px}.market-microsoft{top:520px}.market-mistral{top:815px}.market-conclusion{left:7%;width:86%;bottom:100px;font-size:17px!important}.open-story .agent-canvas{min-height:1350px}.openclaw-feature{left:7%;width:86%;top:225px;transform:none!important}.openclaw-feature h3{font-size:40px}.framework-feature{left:7%;width:86%;top:590px}.framework-feature h3{font-size:29px}.lm-agent-feature{left:7%;width:86%;top:880px}.open-conclusion{left:7%;width:86%;bottom:125px}.open-story .agent-source{font-size:9px}}
@media(min-width:751px){.mcp-story[data-step="4"] .mcp-hub{transform:translateY(-48px)}.follow-mail{padding:18px 25px}.follow-mail blockquote{font-size:24px;line-height:1.35;margin:12px 0}.follow-draft{top:66%}}
@media(min-width:751px){.market-microsoft{top:31%}}
@media(min-width:751px){.follow-mail{top:28%}}
/* Two staged pairs keep Work and Cowork side by side without crowding. */
@media(min-width:751px){.market-tool{width:40%;top:34%;transform:none!important}.market-claude,.market-microsoft{left:5%;right:auto}.market-chatgpt,.market-mistral{left:auto;right:5%;top:29%}.market-tool h3{font-size:34px}.market-tool p{font-size:18px}.market-tool blockquote{font-size:18px}.market-chatgpt h3{font-size:31px}.market-conclusion{width:87%;bottom:13%}}
@media(max-width:750px){.market-story .agent-canvas{min-height:1190px}.market-claude,.market-microsoft{top:225px}.market-chatgpt,.market-mistral{top:550px}.market-conclusion{bottom:105px}.market-chatgpt h3{font-size:29px}}
/* Agent platforms and the permissions of the CODIR workflow. */
.hermes-story .agent-heading,.permission-story .agent-heading,.alternatives-story .agent-heading{top:5%}.platform-intro,.permission-intro,.alternatives-intro{position:absolute;left:4%;top:20%;right:4%;color:#adcad2}.hermes-profile,.claw-profile{position:absolute;top:30%;width:35%}.hermes-profile{left:4%}.claw-profile{right:4%}.hermes-profile h3,.claw-profile h3{font-size:32px;color:#82e6ef}.claw-profile h3{color:#c4b4ff}.hermes-profile p,.claw-profile p{font-size:17px;margin:12px 0}.hermes-profile blockquote,.claw-profile blockquote{border-left:2px solid #426977;padding-left:14px;font-size:17px;line-height:1.4;color:#a6c7d0;margin:17px 0 12px}.hermes-profile a,.claw-profile a,.alternatives-story article a{font-size:13px;margin-right:18px}.platform-routes,.permission-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.platform-routes path,.permission-routes path{fill:none;stroke:#7ce2e9;stroke-width:2;stroke-dasharray:7 9;opacity:0;transition:opacity .6s;animation:platform-signal 2s linear infinite}.platform-routes path.is-active,.permission-routes path.is-active{opacity:.65}.shared-model{position:absolute;left:37%;width:26%;top:66%;text-align:center;padding:13px;background:#0e2834;border-top:1px solid #5bc8d8}.shared-model h3{font-size:23px}.shared-model p{font-size:14px;margin-top:8px}.shared-model small{font-size:9px}.platform-lesson{position:absolute;left:4%;top:76%;width:30%;font-size:16px!important}.platform-lesson em{color:#6bdddf;font-style:normal}.permission-boundary{position:absolute;left:3%;top:28%;width:59%;height:50%;border:1px solid #326171;border-radius:20px}.permission-boundary>span{position:absolute;left:18px;top:-10px;background:#0c1b28;padding:0 9px;font-size:12px;color:#8fbcc7}.permission-document{position:absolute;left:5%;top:35%;width:25%;padding:20px;background:#e4eeec;color:#183039;box-shadow:6px 12px 40px #0006}.permission-document small{color:#386271}.permission-document h3{font-size:25px}.permission-document p{font-size:17px;margin:12px 0}.permission-document strong{display:block;font-size:14px;color:#256276}.permission-document .poisoned-text{position:absolute;top:97%;left:0;width:100%;background:#442734;color:#ffb5b3;padding:12px 17px;font-size:15px;border-left:3px solid #f88d95;box-sizing:border-box}.permission-worker{position:absolute;left:36%;width:24%;border-left:2px solid #69e2df;padding-left:17px}.permission-worker h3{font-size:24px;color:#87e4eb}.permission-worker p{font-size:16px;margin:10px 0}.permission-worker small{font-size:10px}.worker-extract{top:34%}.worker-follow{top:58%}.permission-draft{position:absolute;right:4%;width:29%;top:36%;border-top:2px solid #baa8ef;padding-top:20px}.permission-draft h3{font-size:27px;color:#cabcf2}.permission-draft p{font-size:21px;line-height:1.45;margin:15px 0}.permission-draft>span{font-size:13px;color:#a7c4cf}.permission-draft>b{display:block;font-size:15px;color:#ffd295;position:absolute;top:110%}.permission-draft>b.approval-done{color:#72e4dd}.permission-alert,.permission-result{position:absolute;left:35%;right:4%;top:79%;font-size:16px!important;line-height:1.45!important}.permission-alert{color:#ffbac1}.permission-alert b{font-weight:500;color:#82e6df}.permission-result{left:5%;font-size:17px!important;color:#a4d7e0}.security-current{position:absolute;left:36%;right:5%;top:35%;padding:20px;background:#102531;z-index:2}.security-current h3{font-size:27px;color:#88e5ef}.security-current p{font-size:20px;line-height:1.5;margin-top:18px}.alternatives-story article{position:absolute;width:40%;border-left:2px solid #42808b;padding-left:20px}.alternatives-story article h3{font-size:29px;color:#83e4ed;margin-bottom:13px}.alternatives-story article p{font-size:18px;margin:8px 0}.alternative-a{left:4%;top:32%}.alternative-b{right:5%;top:32%}.alternative-c{left:8%;top:66%}.alternative-d{right:1%;top:66%}.alternative-framework{left:4%;top:34%}.alternative-lm{right:5%;top:46%}.alternative-check{position:absolute;left:4%;top:80%;font-size:18px!important;color:#a9d2da}.hermes-story .agent-source,.permission-story .agent-source{font-size:9px;gap:12px}.permission-story .appear:not(.is-visible),.alternatives-story .appear:not(.is-visible){visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s}@keyframes platform-signal{to{stroke-dashoffset:-64}}
@media(max-width:800px){.hermes-story .agent-canvas,.permission-story .agent-canvas,.alternatives-story .agent-canvas{min-width:760px}.hermes-profile p,.claw-profile p,.hermes-profile blockquote,.claw-profile blockquote,.alternatives-story article p{font-size:15px}.permission-document p{font-size:15px}.permission-worker h3{font-size:20px}.permission-worker p{font-size:14px}.permission-draft p{font-size:17px}.permission-draft h3{font-size:22px}.security-current p{font-size:17px}.platform-intro,.permission-intro,.alternatives-intro{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.platform-routes path,.permission-routes path{animation:none}.hermes-story .appear,.permission-story .appear,.alternatives-story .appear{transition:none!important}}
.hermes-profile>a,.claw-profile>a{position:absolute;right:0;top:36px;margin:0}.permission-document>p:not(.poisoned-text){color:#28454e}

/* Progressive comparison: reveal each guarantee separately. */
.residency-story .agent-heading h2{font-size:clamp(32px,3.6vw,50px)}.residency-table{position:absolute;left:4%;top:24%;width:92%;table-layout:fixed;border-collapse:collapse;transition:opacity .5s,filter .5s}.residency-table th,.residency-table td{text-align:left;vertical-align:middle;padding:13px 18px;border-bottom:1px solid #294653;font-size:16px;line-height:1.35}.residency-table thead th{font-size:12px;letter-spacing:.08em;color:#74d9e4;padding-top:0;padding-bottom:12px}.residency-table th:first-child{width:19%;padding-left:0}.residency-table tbody th{font-size:17px;font-weight:500}.residency-table a{text-decoration:none;color:#d9f7fb}.residency-table a:hover{text-decoration:underline}.residency-table td{color:#b9d0d8}.residency-table td b{color:#f4cb94;font-weight:500}.residency-table .appear{display:block}.residency-table small{font-size:9px;margin:5px 0 0}.residency-story[data-step="1"] .residency-table th:nth-child(2),.residency-story[data-step="2"] .residency-table th:nth-child(3),.residency-story[data-step="3"] .residency-table th:nth-child(4){color:#e3ffff}.residency-story[data-step="4"] .residency-table{opacity:.09;filter:blur(2px)}.residency-mcp{position:absolute;left:7%;top:30%;width:86%;background:#102b36;padding:32px;box-shadow:0 20px 70px #0008;z-index:5;border-top:2px solid #66e0e4}.residency-flow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0}.residency-flow span{font-size:22px;line-height:1.5}.residency-flow strong{color:#9ae9ed}.residency-flow i{color:#69dde7;font-style:normal;font-size:32px;animation:residency-signal 1.4s ease-in-out infinite}.residency-mcp p{font-size:17px}.residency-takeaway{position:absolute;left:4%;bottom:12%;font-size:17px!important;line-height:1.5!important}.residency-story .agent-source{font-size:9px;gap:17px}.residency-story .agent-progress{font-size:12px}@keyframes residency-signal{50%{opacity:.35;transform:translateX(7px)}}@media(max-width:750px){.residency-story .agent-canvas{min-height:1120px}.residency-story .agent-heading{top:28px}.residency-story .agent-heading h2{font-size:34px}.residency-table{top:170px;min-width:700px}.residency-story{overflow:auto}.residency-table th,.residency-table td{font-size:15px;padding:20px 14px}.residency-takeaway{left:6%;right:6%;bottom:150px}.residency-mcp{top:230px;left:6%;width:88%;padding:22px}.residency-flow{flex-direction:column;align-items:flex-start;margin:20px 0}.residency-flow i{transform:rotate(90deg);animation:none}.residency-flow span{font-size:20px}.residency-story .agent-source{flex-wrap:wrap;bottom:15px}.residency-story .agent-progress{bottom:75px}}@media(prefers-reduced-motion:reduce){.residency-flow i{animation:none}}

/* The harness grows around a persistent model as the example advances. */
.harness-story .agent-heading h2{font-size:clamp(32px,3.8vw,52px)}
.harness-definition{position:absolute;left:4%;top:19%;right:4%;font-size:19px!important;color:#a9c9d2}.harness-definition strong{color:#d1f9fc;font-weight:500}
.harness-enclosure{position:absolute;left:3%;right:3%;top:30%;height:47%;border:1px solid #387282;border-radius:28px;background:radial-gradient(ellipse at center,#1f697224,transparent 65%)}.harness-enclosure>span{position:absolute;left:26px;top:-9px;background:#0b1c28;padding:0 10px;color:#80c8d4;font-size:10px;letter-spacing:.16em}
.harness-model{position:absolute;left:39%;width:22%;top:38%;height:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:radial-gradient(ellipse,#164652,#0c2631 65%);box-shadow:0 0 65px #55deee16;z-index:2}.harness-model h3{font-size:29px;color:#c5fbff}.harness-model small{font-size:8px;letter-spacing:.12em;margin-bottom:12px}.harness-model p{font-size:15px;line-height:1.45;margin-top:12px;color:#a9d3dc}.harness-orbit{position:absolute;inset:0;border:1px solid #5bdae78c;border-radius:50%;border-right-color:#cffcff;animation:harness-orbit 16s linear infinite;pointer-events:none}
.harness-request{position:absolute;top:24%;left:20%;right:20%;text-align:center;font-size:24px!important;color:#c0eef3}
.harness-story article{position:absolute;width:29%;z-index:3;padding:0 14px;background:#0b1b27}.harness-story article small{font-size:8px;letter-spacing:.08em;line-height:1.5;margin-bottom:7px}.harness-story article h3{font-size:22px;color:#d5faff}.harness-story article p{font-size:15px;line-height:1.5;margin-top:9px;color:#b4d0d8}.harness-story article em{font-style:normal;color:#79e3ed}
.harness-context{top:36%;left:5%}.harness-tool{top:36%;right:5%}.harness-memory{top:59%;left:5%}.harness-approval{top:59%;right:5%}.harness-story .harness-approval h3{color:#f3ce93}.harness-lock{font-size:8px;letter-spacing:.1em;color:#f3ce93;display:inline-block;margin-top:9px;padding:4px 7px;border:1px solid #a180534f;border-radius:4px;animation:harness-light 2.5s ease-in-out infinite}
.harness-routes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.harness-routes path{fill:none;stroke:#74dce9;stroke-width:2;stroke-dasharray:5 8;opacity:0;transition:opacity .5s}.harness-routes path.is-active{opacity:.75;animation:platform-signal 2.5s linear infinite}.harness-routes path:nth-child(4){stroke:#e7bd7e}
.harness-return{position:absolute;left:33%;width:34%;top:68%;text-align:center;background:#102d39;border-bottom:1px solid #6bd9e3;padding:10px 14px;z-index:4}.harness-return small{font-size:8px;margin:0 0 6px}.harness-return p{font-size:16px;line-height:1.5}.harness-return b{font-weight:500;color:#92e4e9}
.harness-caption{position:absolute;left:4%;right:4%;top:83%;font-size:19px!important;color:#d2edf1;line-height:1.4!important}.harness-story .agent-progress{bottom:4%;font-size:12px}.harness-story .agent-source{bottom:.4%;font-size:9px}
@keyframes harness-orbit{to{transform:rotate(360deg)}}@keyframes harness-light{50%{background:#c58e2720;box-shadow:0 0 20px #e5c47418}}
@media(max-width:750px){.harness-story .agent-canvas{min-height:1100px}.harness-story .agent-heading h2{font-size:34px}.harness-definition{top:12%;left:6%;right:6%;font-size:17px!important}.harness-enclosure{top:23%;height:57%}.harness-model{top:25%;left:25%;width:50%;height:19%}.harness-request{top:15%;left:6%;right:6%;font-size:20px!important}.harness-story article{width:43%;padding:0 8px}.harness-context,.harness-tool{top:48%}.harness-memory,.harness-approval{top:65%}.harness-story article h3{font-size:19px}.harness-story article p{font-size:14px}.harness-story article small{font-size:8px}.harness-routes{display:none}.harness-return{top:66%;left:12%;width:76%}.harness-caption{top:84%;left:6%;right:6%;font-size:17px!important}.harness-story .agent-progress{bottom:5%}.harness-story .agent-source{bottom:1%;font-size:8px}.harness-enclosure>span{font-size:8px;left:10px}}
@media(prefers-reduced-motion:reduce){.harness-orbit,.harness-lock,.harness-routes path{animation:none!important}}
@media(min-width:751px){.harness-story .agent-canvas{min-height:0}.harness-story .agent-heading h2{font-size:clamp(30px,3.7vw,48px)}.harness-definition{font-size:clamp(15px,1.5vw,19px)!important}.harness-context,.harness-tool{top:34%}.harness-story article h3{font-size:clamp(17px,1.65vw,22px)}.harness-story article p{font-size:clamp(12px,1.17vw,15px);margin-top:7px}.harness-story article small{font-size:clamp(7px,.64vw,8px);margin-bottom:6px}.harness-memory,.harness-approval{top:59%}.harness-caption{top:82%;font-size:clamp(14px,1.5vw,19px)!important}.harness-model h3{font-size:clamp(22px,2.3vw,29px)}.harness-model p{font-size:clamp(12px,1.2vw,15px)}.harness-return{top:65%;padding:8px}.harness-return p{font-size:14px}.harness-lock{margin-top:6px}.harness-story .agent-progress{bottom:4.5%;font-size:11px}.harness-story .agent-progress button{padding:5px 9px;font-size:10px}.harness-enclosure{height:48%}}
.harness-orbit{animation:harness-light 4s ease-in-out infinite}