/* 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('/brand/bosun-v1/mascots/keeper-directions.webp');background-position:50% 50%}
.bosun-reactions{background-image:url('/brand/bosun-v1/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}
/* Five selectable keepers, one action bubble, illustrated tool and memory work. */
.bosun-workflow{--stage-colour:#c4f0ed;--stage-ink:#17656b;--bubble-left:0px;--bubble-tail:10cqw}
.bosun-workflow-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;font:600 13px/1.4 system-ui,sans-serif;padding:0 3px 6px}
.bosun-icon{width:24px;height:24px;display:block;flex:none}
.bosun-icon-controls{display:flex;gap:2px}.bosun-icon-controls button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;box-shadow:none;color:#455e57;cursor:pointer;border-radius:50%}.bosun-icon-controls button:hover{background:#e8ede5}.bosun-icon-controls .bosun-icon{width:17px;height:17px}.bosun-icon-controls button:focus-visible{outline:2px solid #186044;outline-offset:2px}.bosun-icon-controls .play-shape{display:none}.bosun-icon-controls [aria-pressed=true] .pause-shape{display:none}.bosun-icon-controls [aria-pressed=true] .play-shape{display:block}
.bosun-workflow .bosun-scene{position:relative;height:330px;isolation:isolate;container-type:inline-size}
.bosun-toolbench{position:absolute;inset:0;pointer-events:none}.bosun-tool-stage{position:absolute;inset:0}.bosun-tool-stage[hidden]{display:none!important}
.bosun-tool-node{position:absolute;left:18%;top:15%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;color:var(--stage-ink);background:#fffdf8;border:1px solid var(--stage-ink);border-radius:14px;z-index:1;transition:background .2s,box-shadow .2s}
.bosun-tool-node:nth-child(2){left:50%;width:64px;height:64px;border-radius:20px;background:var(--stage-colour)}.bosun-tool-node:nth-child(3){left:82%}.bosun-tool-node .bosun-icon{width:28px;height:28px}.bosun-tool-node:nth-child(2) .bosun-icon{width:34px;height:34px}.bosun-tool-node[data-working=true]{box-shadow:0 0 0 5px color-mix(in srgb,var(--stage-colour) 65%,transparent)}
.bosun-memory-lights{position:absolute;display:flex;gap:3px;bottom:-11px;left:50%;transform:translateX(-50%)}.bosun-memory-lights i{display:block;width:4px;height:4px;background:#c6cec6;border-radius:50%}.bosun-memory-lights i.is-saved{background:var(--stage-ink)}
.bosun-task-bubble{position:absolute;left:var(--bubble-left);top:194px;width:min(270px,100%);height:60px;display:flex;align-items:center;box-sizing:border-box;padding:10px 14px;background:var(--stage-colour);border:1px solid var(--stage-ink);border-radius:13px;font:500 12px/1.45 system-ui,sans-serif;color:#243b33;z-index:3}
.bosun-task-bubble>i{position:absolute;width:10px;height:10px;background:var(--stage-colour);border-right:1px solid var(--stage-ink);border-bottom:1px solid var(--stage-ink);left:var(--bubble-tail);bottom:-6px;transform:translateX(-50%) rotate(45deg)}
.bosun-workflow-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.bosun-workflow-path path{fill:none;stroke:#bac8bd;stroke-width:1;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}
.bosun-agent{position:absolute;left:var(--x);top:87%;transform:translate(-50%,-50%);display:block;z-index:2;border:0;background:none;box-shadow:none;padding:0;margin:0;width:48px;height:48px;min-height:0;outline:none}
.bosun-workflow .bosun-face{position:relative;left:auto;bottom:auto;width:48px;height:48px;min-width:48px;max-width:48px;flex-basis:48px;border-radius:50%;outline-offset:3px}
.bosun-agent:before{content:'';position:absolute;inset:0;border:1px solid var(--role-ink);border-radius:50%;background:var(--role-colour);opacity:.55;pointer-events:none}.bosun-agent.is-working:before{opacity:1;box-shadow:0 0 0 3px var(--role-colour)}
.bosun-workflow .bosun-sprite{transform:scale(1.4);filter:hue-rotate(var(--role-hue))}.bosun-agent-tool{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--role-ink);border-radius:7px;color:var(--role-ink);background:var(--role-colour);pointer-events:none}.bosun-agent-tool .bosun-icon{width:17px;height:17px}
.bosun-helper{position:absolute;z-index:2;width:34px;height:34px;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.bosun-helper-sprite{position:absolute;inset:0;transform:scale(1.35);background:url('/brand/bosun-v1/mascots/keeper-directions.webp') 50% 50%/300% 300% no-repeat;image-rendering:pixelated;filter:hue-rotate(var(--role-hue))}
.bosun-carried-token{position:absolute;right:-8px;top:-9px;border-radius:5px;display:grid;place-items:center;width:19px;height:21px;color:var(--role-ink);background:#fffdf8;border:1px solid var(--role-ink);transform:rotate(8deg);transition:opacity .15s}.bosun-carried-token .bosun-icon{width:15px;height:15px}.bosun-helper[data-loaded=false] .bosun-carried-token{opacity:.15}
.bosun-handoff{position:absolute;z-index:1;width:7px;height:7px;border-radius:50%;background:var(--stage-ink);opacity:0;transform:translate(-50%,-50%)}
.bosun-playback{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 3px;font:400 10px/1.5 system-ui,sans-serif;color:#4f665a}
.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:#455e57}.bosun-tableau .bosun-link{font-size:11px;font-weight:500;white-space:nowrap;color:#455e57!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:#455e57;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:320px}.bosun-agent,.bosun-workflow .bosun-face,.bosun-workspace-face{width:44px;height:44px;min-width:44px;max-width:44px;flex-basis:44px}.bosun-helper{width:30px;height:30px}.bosun-task-bubble{top:185px;height:60px;width:min(230px,100%);font-size:12px}.bosun-workflow-caption{font-size:12px}.bosun-preview-strip{padding:7px 14px;font-size:10px;gap:6px 12px}.bosun-tool-node{width:46px;height:46px}.bosun-tool-node:nth-child(2){width:56px;height:56px}.bosun-tool-node .bosun-icon{width:25px;height:25px}.bosun-tool-node:nth-child(2) .bosun-icon{width:30px;height:30px}.bosun-carried-token{width:17px;height:19px;right:-5px;top:-8px}.bosun-carried-token .bosun-icon{width:14px;height:14px}.bosun-agent-tool{width:21px;height:21px}.bosun-agent-tool .bosun-icon{width:16px;height:16px}}
@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}}

/* A caption follows the active operation; customer destinations stay separate. */
.bosun-tool-caption{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);width:110px;text-align:center;font:500 10px/1.3 system-ui,sans-serif;color:var(--stage-ink);opacity:0}.bosun-tool-node[data-working=true] .bosun-tool-caption{opacity:1}
.bosun-workspace-face{position:relative;display:grid!important;place-items:center;width:48px;height:48px;min-width:48px;padding:0!important;margin:0!important;border:0!important;border-radius:10px;background:transparent!important;box-shadow:none!important;color:var(--role-ink);cursor:pointer}.bosun-workspace-face>.bosun-icon{width:30px;height:30px}.bosun-workspace-face:focus-visible{outline:3px solid #186044;outline-offset:3px}.bosun-workspace-agent:before{border-radius:10px}
.bosun-tool-stage.bosun-transfer-stage{pointer-events:auto}.bosun-workflow[data-workflow-stage="4"] .bosun-tools-path{display:none}
.bosun-collected-work{position:absolute;left:18%;top:17%;width:80px;transform:translateX(-50%);text-align:center;z-index:2;color:var(--stage-ink);font:500 10px/1.4 system-ui,sans-serif}.bosun-collected-work>span{display:block;margin-bottom:8px}.bosun-bundle{position:relative;display:grid;justify-items:center;gap:8px;background:#fffdf8;border:1px solid var(--stage-ink);border-radius:12px;padding:10px 4px 8px}.bosun-bundle>.bosun-icon{width:30px;height:30px}.bosun-bundle>div{display:flex;gap:5px}.bosun-bundle>div .bosun-icon{width:16px;height:16px}
.bosun-transfer-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.bosun-transfer-path path{fill:none;stroke:var(--stage-ink);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.bosun-transfer-path path+path{stroke-dasharray:none}
.bosun-destination-window{position:absolute;left:38%;top:8px;width:62%;box-sizing:border-box;padding:10px;border:1px solid var(--stage-ink);border-radius:12px;background:#fffdf8;color:#3f3540;z-index:2}
.bosun-destination-heading{display:flex;align-items:center;gap:7px;min-width:0}.bosun-destination-heading>.bosun-icon{width:20px;height:20px;color:var(--stage-ink)}.bosun-destination-heading strong{font:650 12px/1.3 system-ui,sans-serif}
.bosun-destination-switch{display:flex;border-radius:6px;background:#f4ecf0;padding:2px;margin-top:7px;gap:2px}.bosun-destination-switch button{flex:1;min-width:0;min-height:29px;padding:3px 5px;font:500 10px/1.2 system-ui,sans-serif;border:1px solid transparent;border-radius:4px;background:transparent;box-shadow:none;color:#68485a;cursor:pointer}.bosun-destination-switch button[aria-pressed=true]{background:var(--stage-colour);border-color:var(--stage-ink);color:#542d42}.bosun-destination-switch button:focus-visible{outline:2px solid #186044;outline-offset:2px}
.bosun-destination-window>p{font:400 10px/1.35 system-ui,sans-serif!important;margin:6px 0!important;min-height:27px;color:#66545e!important}
.bosun-received-evidence{display:grid;gap:2px}.bosun-received-evidence>div{display:flex;align-items:center;gap:6px;min-height:21px;font:500 10px/1.25 system-ui,sans-serif;color:#66545e;opacity:.35;transition:opacity .2s}.bosun-received-evidence>div[data-received=true]{opacity:1}.bosun-received-evidence .bosun-icon{width:15px;height:15px;color:var(--stage-ink)}.bosun-received-evidence i{font-style:normal;margin-left:auto;color:#346745;visibility:hidden}.bosun-received-evidence>div[data-received=true] i{visibility:visible}
.bosun-transfer-token{position:absolute;left:18%;top:38%;display:grid;place-items:center;width:21px;height:25px;background:#fffdf8;border:1px solid var(--stage-ink);border-radius:5px;color:var(--stage-ink);transform:translate(-50%,-50%);z-index:3;opacity:0;pointer-events:none}.bosun-transfer-token .bosun-icon{width:17px;height:17px}
.bosun-finish-controls{display:flex;gap:10px;align-items:center}.bosun-finish-controls button{display:flex;align-items:center;gap:4px;padding:4px 2px;min-height:32px;border:0;box-shadow:none;background:none;color:#455e57;font:500 10px/1.3 system-ui,sans-serif;cursor:pointer}.bosun-finish-controls button .bosun-icon{width:13px;height:13px}.bosun-finish-controls button[hidden]{display:none}.bosun-finish-controls button:focus-visible{outline:2px solid #186044;outline-offset:2px}
@media(max-width:900px){.bosun-workspace-face{width:44px;height:44px;min-width:44px}.bosun-collected-work{width:66px}.bosun-bundle>div{gap:3px}.bosun-bundle>div .bosun-icon{width:14px;height:14px}.bosun-destination-window{padding:8px;left:36%;width:64%}.bosun-destination-heading strong{font-size:11px}.bosun-destination-heading{gap:5px}.bosun-destination-window>p{font-size:9px!important}.bosun-destination-switch button{min-height:28px}.bosun-tool-caption{font-size:9px;width:96px}}