@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;450;500;550;600;650;700;800&display=swap');
:root{--bg:#fcfbf9;--surface:#f2f0ec;--line:#dedbd5;--text:#20211f;--muted:#757670;--green:#6e403c;--ink:#292a25;--paper:#f8f7f3;--serif:'Instrument Sans',Arial,sans-serif;--sans:'Instrument Sans',Arial,sans-serif}
body{background:var(--bg)}header{background:#faf9f6f2;border-color:#e9e6e0}.logo{filter:none}.navlinks{color:#74756f}.navright{color:#363731}.button,.button.small{background:#20211f;border-color:#20211f;color:#fffdf8;border-radius:4px}.button:hover{background:#41423e}.pill{color:#6d6b64}.pill>span:last-child{color:#929089}.dot{background:#80534c;box-shadow:none}h1{font-weight:600;letter-spacing:-3px}h1>span{color:#20211f}h1 i{color:#724640;font-weight:400}.hero-stage:before{display:none}.hero-bottom p{color:#777972}.hero-stage{margin-top:52px}.product{border-color:#dedbd3;box-shadow:0 14px 42px #4b44300b;border-radius:6px}.demo-top{color:#8b8a80}.demo-steps button{color:#96958d}.demo-steps button span{color:#8c8c83}.demo-steps button.active{color:#68443e;border-color:#68443e}.demo-steps button.active span{color:#363a31}.replay{color:#797c71}.demo-caption{color:#97968d}.section-label{color:#8c8981}.section-label>span:first-child:before{border-color:#a39a8c}.section-label .green{color:#8c8981!important}h2{font-weight:550}h2>span{color:#93928b}.section{padding-top:108px}.split-head>p{color:#7d7e76}.room-detail{background:#f5f3ee;border-color:#dedbd3}.room-list{border-color:#dedbd3}.room-list>.micro,.micro{color:#9a9386}.room-choice{color:#9c978c}.room-choice>span:first-child{color:#65675f}.room-choice small{color:#999a8e}.room-choice.active{background:#e8e6de}.room-choice.active>span:first-child{color:#32362c}.room-choice.active>span:last-child{color:#6b4b41}.mini-room-title{border-color:#dedbd3;color:#99988e}.mini-room-title strong{color:#45483e}.mini-room-title>span{color:#95978c}.thread-inner h3{color:#30352a}.thread-inner>p{color:#818676}.thread-file{background:#fffef9;border-color:#deded1}.thread-file>span:first-child{color:#818b70}.thread-file strong{color:#555d46}.thread-file small{color:#9c9f91}.reply-preview{border-color:#d2d6c7}.reply-preview .avatar{background:#e2e8d8;color:#7f8e6d}.reply-preview strong{color:#5b6450}.reply-preview p{color:#8b957e}.reply-preview>div>span{color:#a0a991}.green{color:#7c8e67!important}.feature-foot{color:#92958a}.feature-foot b{color:#575e4b}.handoff-section{background:#f0ede7;border-color:#e3dfd7}.handoff-layout h2 i{color:#754a43}.handoff-card{background:#fbfaf6;border-color:#ddd6ca;box-shadow:0 12px 32px #514a3607}.handoff-card .message-meta{color:#515448}.handoff-card .avatar{background:#e9e5d8;color:#958c68}.handoff-card .agent-badge{background:#ecebe4;color:#9a9c8e!important}.handoff-card p{color:#828675}.handoff-card .mention{color:#798460;background:#e8ebdd}.attached-mini{border-color:#e3e2d5;color:#9b9e8e}.handoff-card.next{background:#f5f7ed;border-color:#d1d9c0}.handoff-card.next .avatar{background:#e3ead6;color:#83966a}.handoff-connector{color:#9cae84}.handoff-card.next .working{color:#94a77d}.illustration-note{color:#b0b19f}.playbook,.approval{background:#f5f3ed;border-color:#dedbd3}.playbook h3,.approval h3{color:#42473a}.mini-label{color:#92917f}.playbook ol{color:#838977}.playbook li::marker{color:#a6ae96}.example-label{color:#abae9f}.approval .message-meta{color:#737b64}.approval .avatar{background:#e7eadc;color:#98a285}.approval .message-meta .approval-badge{color:#9a8557;background:#ece7d8}.approval>p{color:#969d89}.email-mini{border-color:#e1e0d4}.email-mini small{color:#a1a58f}.email-mini span{color:#7a826b}.approval-actions button{color:#848f73;border-color:#d9ddcd}.approval-actions .approve{background:#34392c;color:#fffef6}.approval>.approval-feedback{color:#a3aa96}.intelligence-grid>a{background:#f6f4ef}.intelligence-grid>a:hover{background:#edeae2}.intelligence-icon{color:#8f957b}.intelligence-grid h3{color:#434a38}.intelligence-grid h3 span{color:#a3a98f}.intelligence-grid p{color:#858c78}.token-row>span,.memory-line{background:#eeeee4;border-color:#dfe2d2;color:#949e80}.usecase-tabs button{color:#9b9d8f}.usecase-tabs button[aria-selected=true]{color:#6c4b40;border-color:#6c4b40}.usecase-content .textlink{color:#727b60}.workflow>div{background:#f4f4ec;border-color:#dce1d0;color:#697457}.workflow .avatar{background:#e3e9d5;color:#97a580}.workflow small{color:#a1ab90}.workflow>i{color:#b7c1a8}.final-cta{background:#f1eae7;border-color:#e0d5ce}.final-cta .eyebrow{color:#a28d82}.final-cta h2{color:#302a26}.final-cta h2 i{color:#744640}.final-cta p{color:#9a8b81}.final-cta .textlink{color:#9a7c6d}.final-orbit{border-color:#a7957f30}.final-orbit:before,.final-orbit:after{border-color:#a7957f20}.final-orbit span{background:#f5efea;color:#b09a85;border-color:#cdbfae;box-shadow:none}.footer-top{color:#939589}.footer-bottom{color:#aaa99f}.textlink:hover,.navlinks a:hover{color:#71463e}.menu{color:#717467}dialog{border-color:#dad9cd;background:#faf9f3}.artifact-callout{background:#eeede4}.handoff-line,.trigger-quote{border-left-width:1px}.hero-stage .dot{background:#9a9f8d}.final-cta .button:hover{background:#443c36}
/* Three original diagrams: context converges, work hands off, people decide. */
.principles-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 15px;margin-top:52px;font-size:8px;letter-spacing:1px;color:#a19b91}.principles-toolbar button{display:flex;align-items:center;gap:7px;padding:7px 0 7px 12px;font-size:11px;letter-spacing:0;color:#777970}.principles-toolbar button span{font-size:9px}.line-principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:0}.line-principle{padding:22px 24px 30px;min-width:0}.line-principle:first-child{padding-left:0}.line-principle:last-child{padding-right:0}.line-principle+.line-principle{border-left:1px solid var(--line)}.line-art{position:relative;height:256px;margin-bottom:25px;color:#777b6f}.line-art svg{width:100%;height:235px;overflow:visible}.line-art .line-base{stroke:#d4d3c9;stroke-width:1}.line-art .line-animated{stroke:#8f9780;stroke-width:1.1}.line-art .trace{stroke-dasharray:95 950;stroke-dashoffset:1045;animation:line-travel 7s linear infinite;animation-play-state:paused}.line-art .t2{animation-delay:-2.3s;stroke:#ad8a7b}.line-art .t3{animation-delay:-4.6s;stroke:#6a705e}.line-principles.in-view:not(.motion-paused) .trace{animation-play-state:running}.diagram-points{fill:#b2b5a4;stroke:var(--bg);stroke-width:3}.diagram-label-bg{fill:var(--bg);stroke:#d3d5c8;stroke-width:1}.line-art text{fill:#71795f;font-family:var(--sans);font-size:11px;font-weight:450}.line-art text.diagram-caption{font-size:6.5px;letter-spacing:1.1px;fill:#a6a697}.line-art .diagram-check{stroke:#8c9a72;stroke-width:1.5}.figure-no{position:absolute;bottom:0;left:0;color:#a5a092;font-size:7px;letter-spacing:1px}.line-principle h3{font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.3;margin-bottom:12px}.line-principle>p{font-size:12px;line-height:1.9;color:#8b8b7e;max-width:290px}.line-principle:hover .diagram-label-bg{stroke:#9ca888;transition:stroke .3s}.line-principle:hover .line-animated{stroke-width:1.5}.problem{padding-bottom:0}.problem .split-head{margin-bottom:0}.problem h2>span{color:#9b9387}.line-principles{border-bottom:1px solid var(--line)}
@keyframes line-travel{from{stroke-dashoffset:1045}to{stroke-dashoffset:0}}
@media(max-width:800px){h1{letter-spacing:-2px}.section{padding-top:80px}.line-principle{padding:17px}.line-art{height:200px;margin-bottom:22px}.line-art svg{height:180px}.line-principle h3{font-size:17px}.line-principle>p{font-size:11px}.principles-toolbar{margin-top:35px}.figure-no{font-size:6px;letter-spacing:.6px}}
@media(max-width:560px){h1{letter-spacing:-1.3px}.section{padding-top:67px}nav.open .navlinks{background:var(--bg);border-color:#dedbd5}.line-principles{display:block}.line-principle,.line-principle:first-child,.line-principle:last-child{padding:24px 0 28px;display:grid;grid-template-columns:1fr;gap:0}.line-principle+.line-principle{border-left:0;border-top:1px solid var(--line)}.line-art{height:230px;max-width:360px;width:100%;margin:0 auto 23px}.line-art svg{height:220px}.line-principle h3{font-size:22px}.line-principle>p{font-size:13px;max-width:none}.figure-no{font-size:7px}.principles-toolbar{font-size:6px;letter-spacing:.6px}.principles-toolbar button span{font-size:8px}.final-cta p{max-width:290px}}
@media(prefers-reduced-motion:reduce){.line-art .trace{animation:none;stroke-dasharray:none;opacity:.45}}
/* Keep reading contrast strong; reserve faint gray for figure annotations. */
.hero-bottom p,.split-head>p,.line-principle>p{color:#70716b}.problem h2>span{color:#99948b}.line-art .line-base{stroke:#c4c5b9}.line-art .line-animated{stroke:#7c8669}.principles-toolbar{color:#8e897d}.line-principle h3{color:#30332b}.thread-inner>p,.control-grid>article>p,.intelligence-grid p,.usecase-content p{color:#777d6d}.footer-bottom{color:#85877c}.final-cta p{color:#83756b}

/* Three original, fully constructed forms: shared context, relay, human direction. */
.line-art{height:310px;margin-bottom:25px;display:flex;align-items:flex-start;justify-content:center}
.line-art svg.principle-form{width:100%;height:286px;overflow:visible;stroke-linejoin:round;stroke-linecap:round}
/* Light-canvas hierarchy: silhouette, structure, then quiet secondary detail. */
.principle-form{--pf-strong:#575854;--pf-structure:#a5a5a0;--pf-detail:#cecdc7;--pf-quiet:#e2e1dc}
.principle-form .pf-outline{stroke:var(--pf-structure);stroke-width:1;vector-effect:non-scaling-stroke}
.principle-form .pf-edge{stroke:var(--pf-strong);stroke-width:1.15;fill:none;vector-effect:non-scaling-stroke}
.principle-form .pf-detail{stroke:var(--pf-detail);stroke-width:.85}
.principle-form .pf-muted{stroke:var(--pf-quiet);stroke-width:.85;fill:none}
.principle-form .pf-channel{stroke:#c5c4be;stroke-width:1;fill:none}
.principle-form .pf-accent{stroke:var(--pf-strong);stroke-width:.8}
.principle-form .pf-icon{stroke:var(--pf-strong);stroke-width:1.2;fill:none}
.line-art .principle-form .pf-glyph{fill:var(--pf-strong);font-family:inherit;font-size:14px;font-weight:500}
.principle-form .pf-signal{stroke:var(--pf-strong);stroke-width:1.45;stroke-dasharray:18 82;fill:none;animation:pf-flow 5.4s linear infinite;animation-play-state:paused}
.principle-form .pf-document{animation:pf-gather 6.6s cubic-bezier(.22,1,.36,1) infinite;animation-play-state:paused}
.principle-form .pf-document-2{animation-delay:.22s}.principle-form .pf-document-3{animation-delay:.44s}
.principle-form .pf-node-light{animation:pf-relay 5.4s ease-in-out infinite;animation-play-state:paused;opacity:.65}
.principle-form .pf-node-1{animation-delay:0s}.principle-form .pf-node-2{animation-delay:.9s}.principle-form .pf-node-3{animation-delay:1.8s}
.principle-form .pf-compass{transform-origin:200px 158px;animation:pf-bearing 6.6s cubic-bezier(.22,1,.36,1) infinite;animation-play-state:paused}
.line-principles.in-view .principle-form :is(.pf-signal,.pf-document,.pf-node-light,.pf-compass){animation-play-state:running}
@keyframes pf-flow{0%{stroke-dashoffset:100;opacity:0}10%{opacity:1}65%{stroke-dashoffset:-18;opacity:1}78%,100%{stroke-dashoffset:-18;opacity:0}}
@keyframes pf-gather{0%,12%,78%,100%{transform:translateY(0)}36%,55%{transform:translateY(-6px)}}
@keyframes pf-relay{0%,10%,70%,100%{opacity:.6}20%,38%{opacity:1}}
@keyframes pf-bearing{0%,16%,85%,100%{transform:rotate(0deg)}44%,62%{transform:rotate(-10deg)}}
@media(min-width:1440px){.line-art{height:330px}.line-art svg.principle-form{height:306px}}
@media(min-width:561px) and (max-width:900px){.line-principle{padding-left:16px;padding-right:16px}.line-art{height:245px}.line-art svg.principle-form{height:220px}}
@media(max-width:560px){.line-art{height:285px;max-width:380px;margin-bottom:24px}.line-art svg.principle-form{height:260px}}
@media(prefers-reduced-motion:reduce){.principle-form *{animation:none!important}.principle-form .pf-signal{display:none}.principle-form .pf-node-light{opacity:1}}

/* Keep the principle illustrations open, without a toolbar divider. */
.problem .line-principles{margin-top:52px}
@media(max-width:800px){.problem .line-principles{margin-top:35px}}