/* Namespaced, self-contained artwork. Reserved dimensions prevent layout shift. */
.bosun-guide{--bosun-ink:#1a2926;--bosun-muted:#455e57;--bosun-mint:#d9f4e9;display:flex;align-items:center;gap:18px;padding:18px 22px;margin:18px 0 24px;border:1px solid #a4cbbc;border-radius:16px;background:linear-gradient(120deg,#e6f6ed,#f9f8ee);color:var(--bosun-ink);min-width:0;text-align:left;box-sizing:border-box}
.bosun-face{width:104px;height:104px;min-width:104px;flex:0 0 104px;display:block;position:relative;border:0!important;border-radius:16px;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;cursor:pointer;appearance:none;overflow:visible;color:inherit}
.bosun-face:focus-visible{outline:3px solid #186044;outline-offset:3px}
.bosun-sprite,.bosun-layer{position:absolute;inset:0;display:block;pointer-events:none}
.bosun-layer{background-size:300% 300%;background-repeat:no-repeat;image-rendering:pixelated}
.bosun-directions{background-image:url('/mascots/keeper-directions.webp');background-position:50% 50%}
.bosun-reactions{background-image:url('/mascots/keeper-reactions.webp');opacity:0}
.bosun-reacting .bosun-reactions{opacity:1}.bosun-reacting .bosun-directions{opacity:0}
.bosun-copy{min-width:0;flex:1}.bosun-name{display:block;font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.07em;color:#2d594b}.bosun-name span{font-weight:400;letter-spacing:0;margin-left:6px}
.bosun-guide h2{font:650 18px/1.25 'Space Grotesk',system-ui,sans-serif!important;letter-spacing:-.025em!important;margin:5px 0 7px!important;color:var(--bosun-ink)!important}
.bosun-guide p{font:400 13px/1.6 system-ui,sans-serif!important;margin:0 0 8px!important;color:var(--bosun-muted)!important;max-width:78ch}
.bosun-guide .bosun-link{display:inline-block;font:650 13px/1.6 system-ui,sans-serif;color:#174d37!important;text-decoration:underline;text-underline-offset:3px}
.bosun-about{padding:0!important;border:0!important;background:transparent!important;margin:6px 0 0!important;box-shadow:none!important}.bosun-about summary{font:400 11px/1.6 system-ui,sans-serif;cursor:pointer;color:#455e57;padding:0!important}.bosun-about p{margin-top:6px!important;font-size:12px!important}
.bosun-preview-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:10px 24px;background:#183f33;color:#fff;font:500 12px/1.5 system-ui,sans-serif;position:relative;z-index:3}.bosun-preview-strip a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}.bosun-preview-strip strong{color:#d8efab}.bosun-preview-strip button{background:transparent;border:1px solid #8eb7a6;border-radius:6px;padding:5px 8px;color:white;font:inherit;cursor:pointer;margin-left:auto}
.bosun-home{flex-direction:column;gap:4px;text-align:center;padding:26px 30px;margin:0;border-radius:22px;background:radial-gradient(ellipse at 50% 32%,#d9f4e8 0,#f7f7e9 64%);min-height:386px;box-shadow:0 10px 35px #233e3010}
.bosun-home .bosun-face{width:220px;height:220px;min-width:220px;flex-basis:220px}.bosun-home .bosun-copy{width:100%}.bosun-home h2{font-size:25px!important}.bosun-home p{max-width:38ch;margin-left:auto!important;margin-right:auto!important}.bosun-home .bosun-about{text-align:center}
.bosun-preview-home .scope.has-swarm{padding:0!important;margin:0!important}.bosun-preview-home .scope.has-swarm:before,.bosun-preview-home .scope.has-swarm:after{display:none!important}.bosun-preview-home .hero{align-items:center!important}.bosun-preview-home .scope.has-swarm>svg,.bosun-preview-home .scope.has-swarm>figcaption{display:none!important}
.bosun-preview-home .rv{opacity:1!important;transform:none!important}.bosun-preview-home .site-nav{position:relative!important}.bosun-preview-home main{padding-top:0}
@media(max-width:600px){.bosun-guide{gap:10px;padding:14px 12px;margin:14px 0 20px;align-items:flex-start}.bosun-face{width:76px;height:76px;min-width:76px;flex-basis:76px}.bosun-guide h2{font-size:16px!important}.bosun-name span{display:block;margin-left:0}.bosun-preview-strip{padding:10px 14px;gap:7px 13px}.bosun-preview-strip button{margin-left:0}.bosun-home{align-items:center;padding:16px;gap:0;margin:0;min-height:350px}.bosun-home .bosun-face{width:190px;height:190px;min-width:190px;flex-basis:190px}.bosun-home .bosun-name span{display:inline;margin-left:6px}.bosun-home h2{font-size:23px!important}.bosun-about{max-width:100%}}
@media(prefers-reduced-motion:reduce){.bosun-guide *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bosun-sprite{transform:scale(1.5)}.bosun-home .bosun-sprite{transform:scale(1.35)}

/* Keep the scan first; give the five agents a visible piece of work. */
.bosun-preview-home .hero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 52px!important;align-items:start!important}
.bosun-hero-copy{grid-column:1;grid-row:1}.bosun-hero-receipts{grid-column:1;grid-row:2;margin-top:0!important}
.bosun-tableau{grid-column:2;grid-row:1/3;align-self:center;position:relative!important;padding:0!important;margin:0 auto!important;width:100%;max-width:540px;min-height:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#35453e;text-align:left}
.bosun-preview-strip{gap:6px 16px;padding:7px 24px;font-size:11px}.bosun-preview-strip a{white-space:nowrap}
.bosun-workflow-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:32px;font:600 13px/1.4 system-ui,sans-serif;padding:0 3px 6px}.bosun-workflow-caption small{font:400 10px/1.4 system-ui,sans-serif;color:#66766b}
.bosun-workflow .bosun-scene{position:relative;height:370px;isolation:isolate}
.bosun-task-bubble{position:absolute;left:2%;top:8px;width:96%;min-height:60px;padding:10px 14px;background:#edf3e9;border:1px solid #c4d3be;border-radius:12px;font:500 12px/1.45 system-ui,sans-serif;color:#264736;z-index:3;box-sizing:border-box}
.bosun-speaker{display:block;font:700 9px/1.3 system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#526d56;margin-bottom:3px}.bosun-task-bubble i{position:absolute;width:10px;height:10px;background:#edf3e9;border-right:1px solid #c4d3be;border-bottom:1px solid #c4d3be;left:var(--speaker-x,10%);bottom:-6px;transform:rotate(45deg)}
.bosun-workspace{position:absolute;left:8%;top:88px;width:84%;height:151px;border:1px solid #c6cec2;border-radius:8px;background:#fffdf8;box-shadow:0 4px 0 #eceee6;overflow:hidden}
.bosun-artifact{height:100%;padding:10px 12px;box-sizing:border-box;font:400 11px/1.4 system-ui,sans-serif;color:#45564a}.bosun-artifact[hidden]{display:none!important}
.bosun-window-bar{display:flex;gap:3px;align-items:center;border-bottom:1px solid #e2e7dc;padding:0 0 8px;margin-bottom:11px}.bosun-window-bar>span{display:block;width:4px;height:4px;border-radius:50%;background:#c8d3c5}.bosun-window-bar b{font-size:9px;font-weight:400;color:#5e6e61;margin-left:7px}
.bosun-site-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bosun-site-pages>div{min-height:84px;padding:8px 7px;border:1px solid #dce3d5;border-radius:4px;background:#f9faf4}.bosun-site-pages b{display:block;font-size:10px;font-weight:600}.bosun-site-pages em{font-size:9px;font-style:normal;color:#687661;display:block;margin-top:7px}
.bosun-artifact i:not(.bosun-task-bubble i){display:block;width:84%;height:3px;border-radius:2px;background:#dbe3d4;margin:7px 0}.bosun-artifact i:nth-of-type(2){width:60%}
.bosun-art-label{display:flex;justify-content:space-between;font:600 10px/1.4 system-ui,sans-serif;color:#4f6754;margin-bottom:7px}.bosun-art-label>span{font:500 9px/1.3 system-ui,sans-serif;padding:2px 6px;background:#eee5c9;border-radius:4px}
.bosun-artifact blockquote{margin:0 0 9px;padding:0;border:0;font:500 12px/1.35 system-ui,sans-serif;color:#2c4334;background:none}
.bosun-answer-pair{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bosun-answer-pair>div{padding:7px;border:1px solid #dde3d5;border-radius:4px;background:#f9faf4}.bosun-answer-pair b{display:block;font-size:9px}.bosun-answer-pair span{font-size:9px;color:#6a7768}
.bosun-source-rows{display:grid;gap:7px}.bosun-source-rows>div{display:flex;gap:8px;align-items:center;padding:6px 8px;border:1px solid #dce3d5;border-radius:4px;background:#fafbf6}.bosun-source-rows>div>span{color:#669575}.bosun-source-rows b{font-weight:500;font-size:11px}.bosun-source-rows i{flex:1;max-width:44px;margin:0 12px!important}
.bosun-draft-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bosun-draft-pair>div{border:1px solid #dedfcd;border-radius:4px;padding:8px;background:#faf9f0}.bosun-draft-pair>div+div{background:#eef5e8;border-color:#c4d9bc}.bosun-draft-pair small{font-size:9px;color:#75816e}.bosun-draft-pair p{font:500 11px/1.35 system-ui,sans-serif!important;margin:5px 0 0!important;color:#43523b!important}.bosun-review-chip{display:inline-block;font-size:9px;margin-top:8px;background:#f3edd8;border-radius:4px;padding:3px 7px}
.bosun-ai-request{font-size:11px;background:#e8eee3;padding:7px 10px;margin-bottom:8px;border-radius:8px 8px 2px 8px}.bosun-ai-evidence{padding:7px 10px;border:1px solid #dae2d3;border-radius:2px 8px 8px 8px}.bosun-ai-evidence b{font-size:10px}.bosun-ai-evidence span{font-size:9px;color:#64785d}.bosun-ai-evidence i{margin:5px 0!important}
.bosun-artifact [data-work-item]{position:relative;transition:border-color .2s,background .2s}.bosun-artifact [data-working=true]{outline:1px solid #8dbf85;outline-offset:-1px}.bosun-artifact [data-complete=true]:after{content:'✓';position:absolute;right:3px;top:2px;font:700 10px/1 system-ui,sans-serif;color:#387549;background:#eef6e8;border-radius:50%;padding:1px}
.bosun-work-meter{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e8eddf}.bosun-work-meter i{display:block;height:100%;width:var(--work-progress,0%);background:#81b88a}
.bosun-working-note{position:absolute;top:264px;width:100%;text-align:center;font:400 10px/1.4 system-ui,sans-serif;color:#687d6b}
.bosun-workflow-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bosun-workflow-path path{fill:none;stroke:#c6d3c4;stroke-width:1;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}
.bosun-agent.bosun-guide{position:absolute;left:var(--x);top:82%;transform:translate(-50%,-50%);display:block;z-index:2;border:0;background:none;box-shadow:none;padding:0;margin:0;width:40px;height:40px;min-height:0;outline:none}
.bosun-workflow .bosun-face{position:relative;left:auto;bottom:auto;width:40px;height:40px;min-width:40px;max-width:40px;flex-basis:40px;border-radius:50%;outline-offset:1px}.bosun-workflow .bosun-sprite{transform:scale(1.5)}
.bosun-role{position:absolute;left:50%;top:calc(100% + 7px);transform:translateX(-50%);width:82px;text-align:center;font:500 10px/1.3 system-ui,sans-serif;color:#526259}
.bosun-agent:before{content:'';position:absolute;inset:-6px;border:1px solid transparent;border-radius:50%;pointer-events:none}.bosun-agent.is-working:before{border-color:var(--role-colour);background:color-mix(in srgb,var(--role-colour) 10%,transparent)}
.bosun-helper{position:absolute;z-index:4;width:22px;height:22px;transform:translate(-50%,-50%) scale(1.5);background:url('/mascots/keeper-directions.webp') 50% 50%/300% 300% no-repeat;image-rendering:pixelated;opacity:0;pointer-events:none}
.bosun-handoff{position:absolute;z-index:1;width:5px;height:5px;border-radius:50%;background:#b79840;opacity:0;transform:translate(-50%,-50%)}
.bosun-workflow-controls{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:2px}.bosun-workflow-controls button{min-width:0;min-height:38px;padding:5px 3px;border:1px solid #d1d9cd;border-radius:8px;background:transparent;color:#506559;font:500 11px/1 system-ui,sans-serif;box-shadow:none;cursor:pointer}.bosun-workflow-controls button>span{color:#748474;margin-right:3px}.bosun-workflow-controls button[aria-current=step]{background:#e3eee5;border-color:#8bac99;color:#244b37}.bosun-workflow-controls button:focus-visible,.bosun-playback button:focus-visible{outline:2px solid #186044;outline-offset:3px}
.bosun-playback{display:flex;align-items:center;gap:12px;margin:10px 3px 0;font:400 10px/1.5 system-ui,sans-serif;color:#71816f}.bosun-playback button{border:0;background:none;padding:3px 0;font:500 11px/1.4 system-ui,sans-serif;color:#45664f;box-shadow:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.bosun-playback>span{margin-left:auto}
.bosun-tableau figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 3px 0;font:400 11px/1.6 system-ui,sans-serif;color:#607168}.bosun-tableau .bosun-link{font-size:11px;font-weight:500;white-space:nowrap;color:#4d6254!important;text-decoration:none}.bosun-tableau .bosun-link:hover{text-decoration:underline}.bosun-tableau .bosun-about{margin:0!important;text-align:right;max-width:240px}.bosun-tableau .bosun-about summary{color:#738074;font-size:10px}.bosun-tableau .bosun-about p{font:400 11px/1.6 system-ui,sans-serif!important;text-align:left}
@media(max-width:900px){.bosun-preview-home .hero{display:grid!important;grid-template-columns:minmax(0,1fr);gap:26px!important}.bosun-hero-copy{grid-column:1;grid-row:1}.bosun-preview-home .hero>.bosun-tableau{grid-column:1;grid-row:3;max-width:460px}.bosun-hero-receipts{grid-column:1;grid-row:2}.bosun-workflow .bosun-scene{height:355px}.bosun-agent.bosun-guide,.bosun-workflow .bosun-face{width:32px;height:32px;min-width:32px;max-width:32px;flex-basis:32px}.bosun-role{width:64px;font-size:9px;top:calc(100% + 7px)}.bosun-helper{width:19px;height:19px}.bosun-workspace{left:3%;width:94%;top:92px;height:144px}.bosun-task-bubble{left:0;width:100%;font-size:12px}.bosun-workflow-caption{font-size:12px}.bosun-working-note{top:257px}.bosun-workflow-controls button{min-height:42px;font-size:10px}.bosun-preview-strip{padding:7px 14px;font-size:10px;gap:6px 12px}}
@media(max-width:360px){.bosun-role{width:50px;font-size:8px}.bosun-artifact{padding:9px 8px}.bosun-site-pages{gap:5px}.bosun-site-pages>div{padding:7px 5px}.bosun-site-pages em{font-size:8px}.bosun-answer-pair{gap:5px}.bosun-answer-pair>div{padding:5px}.bosun-workflow-controls{gap:4px}.bosun-workflow-controls button>span{display:none}}
@media(prefers-reduced-motion:reduce){.bosun-workflow *{transition:none!important}}

@media(max-width:460px){.bosun-preview-home .sf{display:flex!important;flex-direction:column!important;gap:9px!important}.bosun-preview-home .sf input,.bosun-preview-home .sf .bosun-demo-scan{width:100%!important;min-width:0;box-sizing:border-box}.bosun-preview-home .sf input{min-height:52px}.bosun-preview-home .sf .bosun-demo-scan{min-height:52px}}