@charset "UTF-8";
:root{--bg:#faf8f1;--panel:#fffdf7;--line:#e8e1ce;--muted:#797568;--text:#302e26;--accent:#986719;--honey:#f1bf4b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Arial,sans-serif}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #986719;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;z-index:20;background:white;padding:10px}.topbar{max-width:1360px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1px}.brand-icon{font-size:28px;color:var(--accent)}.brand-sub{display:block;font:9px monospace;letter-spacing:3px;color:var(--muted)}.top-meta{display:flex;align-items:center;gap:25px}.lab-label{font:9px monospace;letter-spacing:1px;color:var(--muted)}.quiet-button{border:0;background:none;color:var(--muted);padding:7px;font-size:11px}.quiet-button:hover{color:var(--accent)}main{max-width:1360px;margin:auto;padding:45px 40px 0}.intro{margin-bottom:35px}.eyebrow{font:9px monospace;letter-spacing:2px;color:var(--accent);margin:0 0 16px}h1{font-size:clamp(34px,4vw,56px);letter-spacing:-2.5px;line-height:1.08;margin:0 0 18px;font-weight:500}h1 span{color:var(--accent)}.lead{color:var(--muted);max-width:430px;font-size:14px;margin:0}.visitor-card{display:none}.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.85fr);gap:45px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 15px}.section-heading h2{font-weight:500;font-size:13px;margin:0}.section-heading>span{font:9px monospace;color:var(--muted)}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:7px}.office{position:relative;height:490px;isolation:isolate;border-radius:30px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#fae9b8a0,transparent 72%)}.hive-halo{position:absolute;inset:6% 7%;border:1px solid #e8d7a980;border-radius:50%;transform:rotate(-20deg)}.hive-halo:after{content:"";position:absolute;inset:30px -15px;border:1px dashed #dfc88e70;border-radius:50%}#characters{position:absolute;inset:0}.station{position:absolute;left:var(--x);top:var(--y);width:24%;height:25%;transform:translate(-50%,-50%);border:none;background:none;padding:0;color:var(--text);z-index:2}.station:before{content:"";position:absolute;inset:0;background:#dfc987;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);filter:drop-shadow(0 2px 4px #80612018)}.station:after{content:"";position:absolute;inset:2px;background:var(--panel);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);z-index:0;transition:background .2s}.station:hover:after,.station[aria-pressed=true]:after{background:#f9e6aa}.station[aria-pressed=true]:before{background:#b78022}.station-label{position:absolute;top:72%;left:0;width:100%;text-align:center;font:10px monospace;z-index:1;letter-spacing:.4px}.sprite{position:absolute;top:30%;left:calc(50% - 15px);width:30px;height:24px;z-index:5;transform:translate(var(--fly-x,0px),var(--fly-y,0px));transition:transform 1s cubic-bezier(.4,0,.2,1);pointer-events:none}.sprite:before{content:"";position:absolute;inset:0;border-radius:45% 50% 50% 45%;background:repeating-linear-gradient(90deg,#e6ab32 0 7px,#3c3423 7px 12px);border:2px solid #4a3b21;box-shadow:0 4px 0 #a8883420}.sprite:after{content:"";position:absolute;left:19px;top:5px;width:3px;height:3px;border-radius:50%;background:#fff8df;box-shadow:6px 0 #241c12}.sprite i{position:absolute;left:2px;top:-12px;width:14px;height:16px;border-radius:80% 80% 30% 50%;background:#fffcf0;border:1px solid #cfc2a0;transform:rotate(-25deg);box-shadow:12px 4px 0 -1px #fffdf4;animation:wings .65s ease-in-out infinite;z-index:-1}.station[data-role=cto] .sprite:before{box-shadow:0 -7px 0 -3px #b5801f,0 4px 0 #a8883420}.station.moving{z-index:8}.station.moving .sprite i{animation-duration:.17s}.station.speaking:after{background:#f5d789}.hive-caption{position:absolute;bottom:8px;text-align:center;width:100%;font-size:10px;color:var(--muted)}.welcome-bubble{position:absolute;left:50%;top:4%;transform:translateX(-50%);width:260px;max-width:85%;background:#fffefa;box-shadow:0 8px 30px #76571612;border:1px solid #e5d9b8;border-radius:14px;padding:12px 16px;z-index:10;pointer-events:none;font-size:12px;overflow-wrap:anywhere}.welcome-bubble small{display:block;font:8px monospace;letter-spacing:1px;color:var(--accent);margin-bottom:5px}.welcome-bubble strong{display:block;font-weight:500}.welcome-bubble span{display:block;font-size:11px;color:var(--muted)}.welcome-bubble:after{content:"";position:absolute;width:9px;height:9px;background:#fffefa;border-right:1px solid #e5d9b8;border-bottom:1px solid #e5d9b8;bottom:-5px;left:50%;transform:rotate(45deg)}.office-hint{font-size:10px;color:var(--muted);max-width:480px;margin:14px 0}.role-list{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}.role-pill{border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);padding:5px 10px;font-size:10px}.role-pill[aria-pressed=true]{background:#f7e6b8;border-color:#d9b96b;color:#705019}.role-card{padding:18px 0;border-top:1px solid var(--line)}.role-card-heading{display:flex;align-items:center;gap:12px}.role-avatar{background:#f5e8c5;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font:10px monospace;color:var(--accent)}.role-card .eyebrow{margin:0;font-size:8px}.role-card h3{margin:2px 0;font-size:16px;font-weight:500}.demo-tag{margin-left:auto;color:var(--muted);font:8px monospace}.role-card>p{font-size:12px;color:var(--muted)}.activity{font-size:11px}.activity>span{font:8px monospace;color:var(--accent)}.activity p{margin:4px 0;color:var(--muted)}.security-note{display:none}.chat-panel{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden}.chat-header{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.mini-avatar{background:#f6e6ba;border-radius:50%;padding:9px;color:var(--accent);font:10px monospace}.chat-header strong{display:block;font-size:12px;font-weight:500}.chat-header div>span{font-size:9px;color:var(--muted)}.chat-header button{margin-left:auto}.messages{height:220px;overflow:auto;padding:18px;scrollbar-width:thin;scrollbar-color:#dac794 transparent}.message{font-size:12px;margin-bottom:15px;overflow-wrap:anywhere}.message-author{font:8px monospace;color:var(--accent);letter-spacing:1px}.message p{white-space:pre-wrap;margin:6px 0 0}.message.user{background:#f4eee0;margin-left:25px;padding:12px;border-radius:12px}.message.system{color:#93562c}.examples{display:flex;gap:6px;flex-wrap:wrap;padding:0 18px 15px}.examples>p{display:none}.examples button{font-size:10px;border:1px solid var(--line);background:transparent;padding:7px 9px;border-radius:15px;color:var(--text)}.examples button span,.examples button b{display:none}form{padding:15px 18px;border-top:1px solid var(--line)}form label{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.composer{display:flex;gap:8px;align-items:flex-end}textarea{border:0;background:transparent;resize:vertical;color:var(--text);font-size:12px;line-height:1.6;width:100%;min-height:70px}textarea::placeholder{color:#969081}#send{border:0;background:#e9ba51;border-radius:50%;width:35px;height:35px;flex-shrink:0;font-size:22px;color:#493611}.composer-foot{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin-top:10px}#form-status{max-width:80%}.quota-note{font-size:9px;color:var(--muted);margin-bottom:0}.evidence{margin-top:25px}.evidence-intro{font-size:10px;color:var(--muted)}.empty-state{font-size:11px;color:var(--muted);padding:15px;border:1px dashed var(--line);border-radius:12px}.run{border-bottom:1px solid var(--line);padding:12px 0}.run summary{font-size:12px;cursor:pointer}.run p{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.run small{font-size:9px;color:var(--muted)}.run-steps{padding-left:20px}.run-steps li{padding:5px 0}.step-heading{display:flex;align-items:center;gap:8px}.step-heading strong{font-size:11px;font-weight:500}.step-role{font:8px monospace;color:var(--accent)}.run-artifact{padding:12px;background:#f6eedb;border-radius:12px;margin:12px 0}.run-artifact h3{font-size:12px;font-weight:500}.run-artifact p{white-space:pre-wrap}.limits{margin-top:30px;padding:25px 0;border-top:1px solid var(--line)}.limits>summary{font-size:12px;color:var(--muted);cursor:pointer}.limits .eyebrow{margin-top:25px}.limits h2{font-size:20px;font-weight:500}.limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.limit-grid article>span{font:9px monospace;color:var(--accent)}.limit-grid h3{font-size:13px;font-weight:500}.limit-grid p{font-size:11px;color:var(--muted)}footer{max-width:1280px;margin:auto;padding:20px 0;display:flex;justify-content:space-between;font:9px monospace;color:var(--muted);border-top:1px solid var(--line)}.invitation-form{background:#f5ecd6;border-radius:15px;border:1px solid var(--line);margin-bottom:15px}.invitation-form input{width:100%;background:#fffdf8;border:1px solid #d9c99e;border-radius:8px;padding:10px;margin:8px 0}.invitation-form button{border:0;border-radius:8px;background:#eac267;color:#463919;padding:10px;font-size:11px}.invitation-form p{font-size:11px}.replay-button{border:1px solid var(--line);background:none;border-radius:14px;font-size:10px;color:var(--accent);padding:6px 10px;margin:10px 0}.paused *{animation:none!important;transition:none!important}@keyframes wings{50%{transform:rotate(-5deg) scaleY(.7)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1000px){.workspace{gap:25px;grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}.office{height:420px}main{padding:32px 25px 0}.topbar{padding:20px 25px}footer{margin:0 25px}}@media(max-width:780px){.workspace{grid-template-columns:1fr}.office{height:450px}.lab-label{display:none}.intro{margin-bottom:25px}.intro h1{font-size:42px}.conversation-section{scroll-margin-top:20px}.role-card{padding:14px 0}.messages{height:210px}}@media(max-width:440px){main{padding:25px 16px 0}.topbar{padding:18px 16px}.office{height:375px;border-radius:15px}.station-label{font-size:8px}.sprite{scale:.85}.welcome-bubble{width:215px;font-size:11px}.welcome-bubble span{font-size:10px}.intro h1{font-size:38px}.lead{font-size:12px}.limit-grid{grid-template-columns:1fr;gap:12px}footer{margin:0 16px;gap:10px;flex-direction:column}.top-meta{gap:0}.quiet-button{font-size:10px}.demo-tag{display:none}}

/* Human-scale pixel office. The room is an original SVG; characters are DOM SVG pixels. */
:root{--bg:#f5f3ec;--panel:#fbfaf6;--line:#dfdfd4;--muted:#73786e;--text:#28392f;--accent:#536b49;--honey:#d9ad55}
body{font-family:Arial,Helvetica,sans-serif}main{max-width:1580px;padding:35px 44px 0}.topbar{max-width:1580px;padding:20px 44px}.brand{font-size:25px;letter-spacing:-1.1px}.brand-sub{font-size:8px;letter-spacing:2px}.brand-icon{position:relative;width:32px;height:33px;border-radius:8px;background:#2e4434;display:block}.brand-icon:before{content:"";position:absolute;left:8px;top:8px;width:16px;height:18px;background:repeating-linear-gradient(0deg,#e8b956 0 4px,#2e4434 4px 7px);clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.brand-icon:after{content:"";position:absolute;left:5px;top:9px;width:6px;height:10px;background:#e9e9cc;box-shadow:16px 0 #e9e9cc}.top-meta{gap:28px}.lab-label{font-size:9px;letter-spacing:1.4px}.quiet-button{font-size:11px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px;gap:20px}.eyebrow{font:9px monospace;letter-spacing:1.6px;color:#7e896e}h1,.intro h1{font-size:clamp(27px,2.5vw,39px);font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:0 0 13px}h1 span{color:var(--text)}.lead{font-size:12px;max-width:600px;line-height:1.6}.visitor-card{display:flex;gap:12px;align-items:center;font-size:10px;border-left:1px solid var(--line);padding-left:25px;color:var(--muted)}.visitor-card strong{font-weight:500;color:var(--text);font-size:11px}.visitor-card p{margin:3px 0}.pixel-key{font-size:27px;color:#a17e44}.workspace{grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:30px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:12px;font-weight:600}.section-heading>span{font-size:8px;letter-spacing:.7px}.live-dot{background:#849b6c;width:5px;height:5px}.office{height:auto!important;aspect-ratio:1000/680;border-radius:8px;background:#e8e1cf;border:1px solid #d4cebc;overflow:hidden}.office-plan{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated}.room-light{position:absolute;left:8%;top:18%;width:85%;height:5%;opacity:.18;background:#fff6ce;pointer-events:none}.station{width:10%;height:15%;z-index:3;isolation:auto}.station:before,.station:after{display:none!important}.station-label{top:86%;font-size:8px;letter-spacing:.4px;background:#f8f1dded;padding:2px 5px;width:max-content;max-width:135%;left:50%;transform:translateX(-50%);color:#344639;border:1px solid #c9b894;border-radius:2px;opacity:.78}.station:hover .station-label,.station[aria-pressed=true] .station-label{background:#304737;color:#fff5d7;border-color:#304737;opacity:1}.station:focus-visible{outline:2px dashed #395b3b;outline-offset:4px}.sprite{top:8%;left:25%;width:50%;height:75%;min-width:0;scale:none;transition:transform 1.5s linear;z-index:5;filter:drop-shadow(2px 3px 0 #514b3135)}.sprite:before,.sprite:after,.sprite i{display:none!important}.sprite svg{width:100%;height:100%;overflow:visible;image-rendering:pixelated;animation:breathe 3.6s steps(2,end) infinite}.station:nth-child(2n) .sprite svg{animation-delay:-1.7s}.station:nth-child(3n) .sprite svg{animation-delay:-.8s}.station.moving,.station.strolling{z-index:8}.station.moving .sprite svg,.station.strolling .sprite svg{animation:walk-body .35s steps(2,end) infinite}.station.moving .leg-left,.station.strolling .leg-left{animation:walk-leg .35s steps(2,end) infinite}.station.moving .leg-right,.station.strolling .leg-right{animation:walk-leg .35s steps(2,end) infinite reverse}.station.speaking .station-label{border-color:#896b32;opacity:1}.station.speaking .sprite{filter:drop-shadow(2px 3px 0 #514b3135) drop-shadow(0 0 3px #f5d785)}.hive-caption{background:#efebdeeb;bottom:0;font-size:9px;padding:5px 8px;color:#67705e;border-top:1px solid #d5cbb3}.welcome-bubble{left:var(--bubble-x,25%);top:var(--bubble-y,44%);width:235px;max-width:52%;font-size:11px;line-height:1.45;border-radius:4px;border:1px solid #a99977;background:#fffdf3;box-shadow:3px 4px 0 #80745528;padding:10px 12px;z-index:12;max-height:45%;overflow:auto;transform:translateX(-50%)}.welcome-bubble:after{border-color:#a99977;background:#fffdf3}.welcome-bubble small{font-size:7px;color:#7d714e;letter-spacing:.6px}.welcome-bubble strong{font-weight:400}.office-hint{font-size:10px;line-height:1.6;max-width:none;margin:11px 0 18px}.role-list{gap:6px;margin-bottom:18px}.role-pill{border-radius:4px;padding:5px 9px;background:#eeeee5;font-size:10px;border-color:transparent;color:#6b7667}.role-pill[aria-pressed=true]{background:#304737;border-color:#304737;color:#fbf3d6}.role-card{padding:18px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:0 25px}.role-card-heading{grid-row:1/3}.role-card>p{font-size:11px;margin:0}.role-avatar,.mini-avatar{border-radius:4px;background:#e5e7d6;color:#617246}.demo-tag{display:none}.activity{margin-top:10px;font-size:10px}.activity>span{font-size:7px;letter-spacing:1px}.role-card h3{font-size:15px}.chat-panel{border-radius:8px;box-shadow:0 2px 3px #34402c03}.chat-header{padding:16px}.messages{height:235px;padding:17px}.message{font-size:12px;line-height:1.65}.message-author{color:#74805d}.message.user{border-radius:4px;background:#eaedde}.mini-avatar{font-size:9px;padding:9px}.examples{gap:6px;padding:0 14px 16px}.examples button{border-radius:4px;font-size:9px;padding:7px 8px}.examples button:hover{border-color:#87976d}.composer{align-items:flex-end}form{padding:15px}#send{border-radius:5px;background:#314a38;color:#f6edcc;width:34px;height:34px;font-size:20px}.composer-foot,.quota-note{font-size:8px}.evidence{margin-top:24px}.evidence-intro{font-size:10px}.empty-state{border-radius:4px;font-size:10px}.run-artifact{border-radius:4px;background:#eef0e3}.replay-button{border-radius:4px;font-size:10px}.limits{padding:20px 0}.limits>summary{font-size:11px}footer{max-width:1492px;font-size:8px;padding:18px 0}.invitation-form{border-radius:6px;background:#e9ecdd}.invitation-form button{background:#344d39;color:#faf6df;border-radius:4px}.invitation-form input{border-radius:4px;background:#fbfcf6;border-color:#c6cfb7}.mission-active{box-shadow:0 0 0 2px #b0ba94}.mission-active .station[data-role=cto] .station-label{background:#304737;color:#fff5d7}.mission-active .station[data-role=cto] .sprite svg{animation:working 1.3s steps(2,end) infinite}.paused *,.paused *:before,.paused *:after{animation:none!important;transition:none!important}
@keyframes breathe{50%{transform:translateY(-.5px)}}@keyframes walk-body{50%{transform:translateY(-1px)}}@keyframes walk-leg{50%{transform:translateY(-2px)}}@keyframes working{50%{transform:translate(1px,-.5px)}}
@media(min-width:1450px){.messages{height:290px}}@media(max-width:1050px){main{padding:28px 25px 0}.topbar{padding:18px 25px}.workspace{gap:24px;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.visitor-card{display:none}.role-card{display:block}.role-card>p{margin-top:10px}.station-label{font-size:7px}.welcome-bubble{font-size:10px}.messages{height:220px}footer{margin:0 25px}}@media(max-width:820px){.workspace{grid-template-columns:1fr}.office{max-height:none}.intro{margin-bottom:24px}.intro h1{font-size:33px}.conversation-section{margin-top:10px}.messages{height:210px}.role-card{display:grid}.lab-label{display:none}.station-label{font-size:8px}.welcome-bubble{font-size:11px}.role-card>p{margin-top:0}}@media(max-width:480px){main{padding:25px 15px 0}.topbar{padding:15px}.intro h1{font-size:28px;letter-spacing:-1px}.intro .eyebrow{font-size:8px}.lead{font-size:11px}.office{aspect-ratio:1000/760}.office-plan{height:89.5%}#characters{bottom:10.5%}.station-label{font-size:6px;padding:1px 3px}.hive-caption{font-size:7px}.welcome-bubble{font-size:9px;max-width:58%;padding:7px 9px}.welcome-bubble small{font-size:6px}.role-card{display:block}.role-card>p{margin-top:10px}.office-hint{font-size:9px}.role-list{gap:4px}.role-pill{font-size:9px}.lab-label{display:none}.section-heading>span{font-size:7px}.role-avatar{width:27px;height:27px}.limits{margin-top:22px}footer{margin:0 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}