@layer reset, base, layout, components, motion, responsive;@layer reset{*,:after,:before{box-sizing:border-box}body,h1,h2,h3,html,ol,p{margin:0}button,summary{font:inherit}button{border:0}}@layer base{:root{--color-canvas:#fff;--color-surface:#fff;--color-ink:#10273c;--color-copy:#304961;--color-muted:#60768b;--color-border:#c8d6e2;--color-blue:#218cff;--color-blue-dark:#075aa5;--color-green:#14765c;--color-terminal:#172738;--color-focus:#005fcc;--composition-min-width:0;--frame-pad:1.1rem;--composition-max-width:104.5rem;--space-1:0.375rem;--space-2:0.625rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.25rem;--space-6:3.5rem;--radius-medium:0.85rem;--shadow-panel:0 0.6rem 1.8rem rgb(16 39 60 / 8%);--focus-width:0.2rem;--motion-fast:160ms;--motion-step:420ms;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;color-scheme:light}html{background:var(--color-canvas);color:var(--color-ink);scroll-behavior:smooth}body,html{min-width:var(--composition-min-width)}body{background-color:#fff}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em;overflow-wrap:anywhere}a{color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--color-blue)}}@layer layout{.Page,.Page-header,.Page-main{min-width:var(--composition-min-width)}.Page-header,.Page-main{width:calc(100% - 3rem);max-width:var(--composition-max-width);margin-inline:auto;position:relative}.VisuallyHidden{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.Demo,.Poster{display:flex;align-items:center;justify-content:center;height:100svh;padding-block:var(--frame-pad)}.Demo-frame,.Poster-frame{position:relative;flex:none;width:min(100%,1.77683 * (100svh - 2 * var(--frame-pad)));aspect-ratio:1672/941;container-type:size}:where(.Page[data-demo-zoom]) .Demo{position:absolute;inset-block-start:0;inset-inline:0;z-index:1;background:var(--color-canvas)}.Demo[hidden]{display:none}}@layer components{.Poster-image{display:block;width:100%;height:100%}.Poster-open{position:absolute;inset-block-start:20.08502%;inset-inline-start:2.69139%;width:29.90431%;height:23.06057%;padding:0;cursor:pointer;background:transparent;border-radius:1.3cqw}.Poster-open[hidden]{display:none}.Poster-open:hover{background:rgb(20 118 92/7%)}.Poster-open:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.25rem}.Poster-openBadge{position:absolute;inset-block-end:0;inset-inline-start:50%;display:inline-flex;gap:.55em;align-items:center;padding:.5em 1.1em;font-size:1.02cqw;font-weight:700;color:var(--color-surface);white-space:nowrap;background:var(--color-green);border-radius:999px;box-shadow:var(--shadow-panel);transform:translate(-50%,50%)}.Poster-open:hover .Poster-openBadge{background:#0e5c47}.Poster-open.skills{inset-inline-start:35.04785%}.Poster-open.docmap{inset-inline-start:67.40431%}.Poster-open.openclaw-dev-kit{inset-block-start:84.16578%;inset-inline-start:24.88038%;width:50.23923%;height:14.24017%}.Poster-open.openclaw-dev-kit:hover{background:rgb(160 54 94/6%)}.Poster-open.openclaw-dev-kit .Poster-openBadge{inset-block-start:0;inset-block-end:auto;inset-inline-start:80%;background:#983b5b;transform:translate(-50%,-68%)}.Poster-open.skills:hover{background:rgb(33 140 255/7%)}.Poster-open.docmap:hover{background:rgb(149 99 16/7%)}.Poster-open.skills .Poster-openBadge{background:var(--color-blue-dark)}.Poster-open.docmap .Poster-openBadge{background:#956310}.Poster-open.skills:hover .Poster-openBadge{background:#05447d}.Poster-open.docmap:hover .Poster-openBadge{background:#754b08}.Poster-open.openclaw-dev-kit:hover .Poster-openBadge{background:#782c46}.Poster-openGlyph{width:.78em;height:.78em;background:currentcolor;clip-path:polygon(15% 0,100% 50%,15% 100%)}.Demo{--demo-accent:var(--color-blue)}.Demo.workspaces{--demo-accent:var(--color-green)}.Demo.skills{--demo-accent:var(--color-blue-dark)}.Demo.docmap{--demo-accent:#956310}.Demo.openclaw-dev-kit{--demo-accent:#983b5b}.Demo-stage.Board{--board-unit:1cqw;--card-white:#fff;--card-mint:#d9f0e6;--card-sky:#dcebfc;--card-lemon:#fdf2ca;--card-peach:#ffe4d3;--card-lilac:#eae3fb;--card-shadow:0 calc(.1 * var(--board-unit)) calc(.35 * var(--board-unit)) rgb(16 39 60 / 9%);--card-text:calc(1.02 * var(--board-unit));position:relative;inset:auto;display:grid;flex:1;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1.04fr 1fr;gap:.85cqw 1.1cqw;align-content:stretch;inline-size:100%;block-size:auto;min-height:0;margin-block-start:1.05cqw}.Board-lane{display:grid;grid-template-rows:auto auto;align-content:start;align-self:stretch;min-width:0;padding:.55cqw 1cqw .75cqw;background:#fff;border:.075cqw solid #b5d2c3;border-radius:1.5cqw 3.3cqw 1.6cqw 2.6cqw}.Board-lane.human{background:#fff;border-color:#d2d1b5;border-radius:3.2cqw 1.6cqw 3.5cqw 1.7cqw}.Board-defs{display:none}.Board-laneHeading{display:flex;column-gap:.85cqw;align-items:center;margin-block-end:.5cqw}.Board-laneHeading h3{font-size:1.68cqw;font-weight:750;letter-spacing:-.045em}.Board-avatar{flex:none;width:3.8cqw;stroke:#233c55;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.Board-sideNote{margin-inline-start:auto;font-size:.9cqw;font-style:italic;color:#50695f;transform:rotate(-4deg)}.Board-lane.human .Board-sideNote{color:#816132;transform:rotate(3deg)}.Board-topics{position:relative;min-block-size:39cqw}.Board-lane.agent .Board-topics{min-block-size:36.5cqw}.Board-note{--card-scale:1;--card-weight:720;--tilt:0deg;position:relative;display:grid;grid-template-areas:"title title" "copy art";grid-template-columns:minmax(0,1fr) auto;column-gap:calc(.7 * var(--board-unit));align-content:start;align-self:start;min-width:0;padding:calc(.8 * var(--board-unit));background:var(--card-white);border-radius:calc(.35 * var(--board-unit));box-shadow:var(--card-shadow);rotate:var(--tilt)}.Board-topics .Board-note{position:absolute;inset-block-start:var(--note-y);inset-inline-start:var(--note-x);grid-template-areas:"title" "copy" "art";grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);row-gap:calc(.4 * var(--board-unit));justify-items:center;inline-size:var(--note-size);aspect-ratio:1}.Board-copy{display:contents}}@layer components{.Board-note:has(:focus-visible){outline:calc(.15 * var(--board-unit)) solid var(--color-focus);outline-offset:calc(.3 * var(--board-unit))}.Board-note.anywhere,.Board-note.delegation{background:var(--card-sky)}.Board-note.parallel,.Board-note.preview{background:var(--card-mint)}.Board-note.checks,.Board-note.thinking{background:var(--card-lilac)}.Board-note.implementation,.Board-note.review{background:var(--card-peach)}.Board-note:is(.workflow,.comparison){background:var(--card-lemon)}.Board-note:is(.team,.handoff){border:1px solid #e6e6e6}.Board-topics .Board-note.team{grid-template-rows:auto auto;align-content:center}.Board-note.team{--card-scale:1.04;--card-weight:700;--tilt:0;--note-size:calc(14.5 * var(--board-unit));--note-x:31.7cqw;--note-y:21.7cqw}.Board-note.handoff{--card-scale:1.22;--card-weight:700;--tilt:1.1deg;--note-size:calc(18 * var(--board-unit));--note-x:26cqw;--note-y:-0.5cqw}.Board-note.delegation{--card-scale:1.12;--card-weight:700;--tilt:-1.5deg;--note-size:calc(15 * var(--board-unit));--note-x:1cqw;--note-y:4.5cqw}.Board-note.parallel{--card-scale:1.06;--card-weight:760;--tilt:1.8deg;--note-size:calc(11.5 * var(--board-unit));--note-x:17.8cqw;--note-y:2.1cqw}.Board-note.checks{--card-scale:0.96;--card-weight:700;--tilt:-0.8deg;--note-size:calc(15.8 * var(--board-unit));--note-x:31.4cqw;--note-y:3.6cqw}.Board-note.review{--card-scale:1.08;--card-weight:750;--tilt:1.4deg;--note-size:calc(12.5 * var(--board-unit));--note-x:2.4cqw;--note-y:21.5cqw}.Board-note.workflow{--card-scale:1.3;--tilt:2.1deg;--note-size:calc(9.8 * var(--board-unit));--note-x:18.2cqw;--note-y:17.7cqw}.Board-note.comparison{--card-scale:1.08;--tilt:-2deg;--note-size:calc(8.4 * var(--board-unit));--note-x:18.9cqw;--note-y:28.7cqw}.Board-topics .Board-note:is(.workflow,.comparison){display:flex;align-content:center;align-items:center;justify-content:center}.Board-note.anywhere{--card-scale:1.14;--card-weight:690;--tilt:-0.6deg;--train-duration:5.4s;--note-size:calc(21 * var(--board-unit));--note-x:2.2cqw;--note-y:0.5cqw}.Board-topics .Board-note.anywhere{grid-template-areas:"copy" "railway";grid-template-rows:minmax(0,1fr) calc(6.5 * var(--board-unit))}.Board-note.preview{--card-scale:1.1;--tilt:1.3deg;--note-size:calc(15.8 * var(--board-unit));--note-x:30cqw;--note-y:21.5cqw}.Board-note.implementation{--card-scale:0.97;--tilt:-1deg;--note-size:calc(13.5 * var(--board-unit));--note-x:15cqw;--note-y:23.1cqw}.Board-note.thinking{--card-scale:0.99;--card-weight:760;--tilt:-1.7deg;--note-size:calc(12.5 * var(--board-unit));--note-x:1.4cqw;--note-y:23cqw}.Board-note.behavior{--card-scale:1.1;--card-weight:760;--tilt:-0.75deg;grid-template-areas:"title title" "art copy";grid-template-columns:auto minmax(0,1fr);column-gap:calc(.8 * var(--board-unit));inline-size:100%}.Board-note.future{--card-scale:1.24;--card-weight:700;--tilt:0deg;grid-template-areas:"title art" "copy art";grid-column:2/-1;row-gap:calc(.5 * var(--board-unit));justify-self:end;inline-size:calc(52 * var(--board-unit));padding-inline:0;background:none;box-shadow:none}.Board-railway{position:relative;grid-area:railway;inline-size:100%;block-size:calc(6.5 * var(--board-unit));overflow:clip;pointer-events:none}.Board-railway:after{position:absolute;inset-block-end:calc(.15 * var(--board-unit));inset-inline:0;height:calc(.25 * var(--board-unit));content:"";background:repeating-linear-gradient(90deg,#cbb995 0 calc(.13 * var(--board-unit)),transparent calc(.13 * var(--board-unit)) calc(.8 * var(--board-unit)));border-block-start:1px solid #bda77b}.Board-trainTrip{position:absolute;inset:0;width:100%;height:100%;transform:translateX(100%)}.Board-train{display:block;width:100%;height:100%;fill:none;stroke:#263e4c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.Board-trainSmoke{opacity:0;fill:#91a3ac;stroke:none}.Board-trainWheel{transform-origin:center;transform-box:fill-box}.Board-copy h4{grid-area:title;margin:0 0 .3em;font-size:calc(1.15 * var(--card-text) * var(--card-scale));font-weight:var(--card-weight);line-height:1.2;text-align:center;letter-spacing:-.03em;text-wrap:balance}.Board-copy>:not(h4){grid-area:copy}.Board-copy p{align-self:center;margin:0;font-size:calc(var(--card-text) * var(--card-scale));line-height:1.4;color:var(--color-copy)}.Board-perspective{display:grid;grid-template-columns:.94fr 1.66fr;grid-column:1/-1;gap:calc(1.5 * var(--board-unit));align-items:start}.Board-perspective .Board-note.behavior{grid-column:1;padding:calc(.62 * var(--board-unit)) calc(.8 * var(--board-unit));border:calc(.075 * var(--board-unit)) solid #e6e6e6;border-radius:calc(.9 * var(--board-unit)) calc(1.4 * var(--board-unit)) calc(var(--board-unit)) calc(1.2 * var(--board-unit));box-shadow:0 calc(.25 * var(--board-unit)) calc(.65 * var(--board-unit)) rgba(16,39,60,.14)}.Board-perspective .Board-copy h4{font-size:calc(.98 * var(--card-text) * var(--card-scale))}.Board-role{margin-inline-start:1cqw;font-size:.96cqw;font-weight:400;color:var(--color-muted);text-transform:none;letter-spacing:0}.Board-emphasis{background:linear-gradient(transparent 74%,#b4e7d5 0,#b4e7d5 95%,transparent 0)}.Board-illustration{position:relative;z-index:1;grid-area:art;align-self:center;padding:0;color:inherit;cursor:pointer;background:transparent;border-radius:45% 55% 55% 45%}.Board-illustration:focus-visible,.Board-more:focus-visible{outline:calc(.15 * var(--board-unit)) solid var(--color-focus);outline-offset:calc(.2 * var(--board-unit))}.Board-doodle{display:block;width:calc(7 * var(--board-unit));overflow:visible;fill:none;stroke:#233c55;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.Board-topics .Board-doodle{max-height:100%}.Board-note.handoff .Board-doodle{width:calc(13 * var(--board-unit))}.Board-note.behavior .Board-doodle{width:calc(3 * var(--board-unit))}.Board-note.future .Board-doodle{width:calc(8 * var(--board-unit))}.Board-topics .Board-illustration{display:grid;place-items:center;height:100%;min-height:0}.Board-note.thinking .Board-doodle{transform:rotate(-4deg)}.Board-note.anywhere .Board-copy{display:block}.Board-note.anywhere .Board-illustration{float:right;display:block;height:auto;margin:0 0 calc(.5 * var(--board-unit)) calc(.7 * var(--board-unit))}.Board-note.anywhere .Board-doodle{width:calc(4.4 * var(--board-unit));transform:rotate(5deg)}.Board-note.preview .Board-illustration{position:absolute;inset-block-end:calc(-.7 * var(--board-unit));inset-inline-end:calc(-.6 * var(--board-unit));height:auto}.Board-note.handoff .Board-illustration,.Board-note.implementation .Board-illustration{position:absolute;inset-block-end:calc(-2.5 * var(--board-unit));inset-inline-end:calc(-.3 * var(--board-unit));height:auto}.Board-note.handoff .Board-illustration{inset-block-end:calc(-2.4 * var(--board-unit));inset-inline-end:calc(-.2 * var(--board-unit))}.Board-react{transform-origin:center;transform-box:fill-box}.Board-more{position:relative;justify-self:start;padding:.1em 0;font-size:calc(.95 * var(--card-text));font-weight:650;color:#075b51;text-align:start;text-decoration:underline;text-decoration-color:#8bbdb0;text-underline-offset:.25em;cursor:pointer;background:transparent}.Board-more:hover{color:#073d36;text-decoration-color:currentcolor}.Board-note.behavior .Board-copy h4{text-align:start}.Board-note.future .Board-copy h4{margin-block-end:0;text-align:start}.Board-note:is(.workflow,.comparison) .Board-more{font-size:calc(var(--card-text) * var(--card-scale));text-align:center;text-wrap:balance}.Board-popover{width:40rem;max-width:calc(100vw - 2rem);max-height:calc(100svh - 3rem);padding:2rem 2.4rem;margin:auto;overflow:auto;font-size:1rem;line-height:1.6;color:var(--color-ink);background:#fff;border:1px solid #d8e5df;border-radius:1.4rem;box-shadow:0 1.5rem 5rem rgba(16,39,60,.18)}.Board-popover::backdrop{background:rgba(16,39,60,.2);backdrop-filter:blur(4px)}.Board-popover h3{margin-block-end:1rem;font-size:1.65rem;letter-spacing:-.03em}.Board-popover ol{padding-inline-start:1.4rem}.Board-popover li+li{margin-block-start:.35rem}.Board-popover>ol+p{margin-block-start:1.2rem}.Board-perspective .Board-copy p{font-size:calc(.9 * var(--card-text) * var(--card-scale))}.Board-kicker{font-size:.75rem;font-weight:700;color:#14765c;text-transform:uppercase;letter-spacing:.08em}.Board-dismiss{float:right;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-inline-start:.8rem;color:var(--color-copy);cursor:pointer;background:#fff;border-radius:50%}.Board-dismiss:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.2rem}}@layer components{.Demo-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.Demo-frame{--stage-left:2%;--stage-top:12%;--stage-width:96%;--stage-height:85.28799%}.Demo.openclaw-dev-kit .Demo-frame{display:flex;flex-direction:column;gap:0;width:min(100%,1.65545 * (100svh - 2 * var(--frame-pad)));max-block-size:100%;aspect-ratio:1672/1010;padding:1.2% 2.4%;background:var(--color-canvas)}.Demo-veil{position:absolute;inset:0;background:var(--color-canvas);opacity:1}.Demo-stage{position:absolute;inset-block-start:var(--stage-top);inset-inline-start:var(--stage-left);display:block;inline-size:var(--stage-width);block-size:var(--stage-height);font-family:inherit}.Demo-intro{position:absolute;inset-block-start:2.4%;inset-inline-start:11%;display:grid;gap:.4cqh;max-width:58%}.Demo-heading{font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--demo-accent);text-transform:uppercase;letter-spacing:.12em}.Demo-lead{font-size:1.32cqw;color:var(--color-copy);text-wrap:balance}.Demo.openclaw-dev-kit .Demo-intro{position:relative;inset:auto;flex:none;max-width:95%;margin-inline-start:8.6cqw}.Demo.openclaw-dev-kit .Demo-lead{font-size:calc(clamp(1.375rem, 1.8cqw, 1.625rem));font-weight:600;color:var(--color-ink);letter-spacing:-.035em}.Demo-opening{position:absolute;inset-block-start:var(--stage-top);inset-inline-start:var(--stage-left);z-index:2;display:grid;gap:2.6cqh;align-content:center;justify-items:center;inline-size:var(--stage-width);block-size:var(--stage-height);background:var(--color-canvas)}.Demo-openingLead{max-inline-size:52cqw;font-size:1.55cqw;line-height:1.55;color:var(--color-ink);text-align:center;text-wrap:pretty}.Demo-start{padding:.7em 1.7em;font-size:1.15cqw;font-weight:650;color:var(--color-surface);cursor:pointer;background:var(--demo-accent);border-radius:999px}.Demo-start[hidden]{display:block;visibility:hidden}.Demo-start:hover{filter:brightness(1.12)}.Demo-start:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.2rem}.Demo:not([data-demo-enhanced]) .Demo-opening{display:none}.Demo:not(.waiting) .Demo-opening{pointer-events:none}.Demo-controls{position:absolute;inset-block-start:2.4%;inset-inline-start:2.4%;inset-inline-end:2.4%;z-index:3}.Demo-controls,.TopMenu{display:flex;gap:.8cqw;align-items:center}.TopMenu.poster{position:absolute;inset-block-start:2.6%;inset-inline-end:2.7%}.TopMenu>:is(.Demo-play,.Setup-cta,.TopMenu-about,.TopMenu-github){block-size:2.75em;min-block-size:2.75em}.Demo-close,.Demo-play,.TopMenu-about,.TopMenu-github{display:inline-flex;align-items:center;font-size:1.02cqw;cursor:pointer}.Demo-play{gap:.55em;padding:.55em 1.2em;font-weight:650;color:var(--color-surface);background:var(--demo-accent);border-radius:999px}.Demo-play:hover{filter:brightness(1.12)}.Demo-close{gap:.4em;justify-content:center;min-height:2.5em;padding-inline:.85em;margin-inline-end:auto;font-weight:650;color:var(--color-muted);text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px}.Demo-close:hover{color:var(--color-ink);border-color:var(--color-ink)}.TopMenu-about,.TopMenu-github{justify-content:center;min-height:2.5em;color:var(--color-muted);text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px}.TopMenu-about{padding-inline:.85em;font-weight:650}.TopMenu-github{inline-size:2.75em;min-width:2.75em;padding:.58em;background:transparent;border-color:transparent}.TopMenu-github img{display:block;width:auto;height:1.4em}.TopMenu-about:hover{color:var(--color-ink);border-color:var(--color-ink)}.TopMenu-github:hover{opacity:.65}.Demo-play[hidden]{display:none}.Demo-close:focus-visible,.Demo-play:focus-visible,.TopMenu-about:focus-visible,.TopMenu-github:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.2rem}.Demo-playGlyph{width:.78em;height:.78em;background:currentcolor;clip-path:polygon(15% 0,100% 50%,15% 100%)}.Demo.docmap{--docmap-cue:#c06f00}.Docmap-draftCue{fill:none;stroke:transparent;stroke-width:2;vector-effect:non-scaling-stroke}.Demo.docmap.draftCue .Docmap-draftCue{stroke:var(--docmap-cue);animation:docmapCueShine 1.5s ease-in-out infinite alternate}.Docmap-purpose{opacity:0}.Demo.docmap.ready .Docmap-purpose{opacity:1}.Docmap-purposeText{font-weight:600;fill:var(--color-muted)}.Docmap-start{position:absolute;inset-block-start:calc(var(--stage-top) + .7 * var(--stage-height));inset-inline-start:50%;padding:.7em 1.7em;font-size:1.15cqw;font-weight:650;color:var(--color-surface);cursor:pointer;background:var(--demo-accent);border-radius:999px;transform:translateX(-50%)}.Docmap-start:hover{filter:brightness(1.12)}}@layer components{.Docmap-start:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.2rem}.Docmap-outputSurface,.Docmap-surface{fill:#fff;stroke:#cbd6e0;stroke-width:1}.Docmap-bar,.Docmap-outputSurface,.Docmap-tree .Docmap-surface{fill:#fff}.Docmap-instructionSurface{fill:#fff;stroke:#e5d6ad;stroke-width:1}.Docmap-instructionBar{fill:#fff}.Docmap-code,.Docmap-text,.Docmap-treeText{fill:#304961}.Docmap-code{white-space:pre}.Docmap-heading,.Docmap-label{font-weight:650;fill:#10273c}.Docmap-command{fill:#6e490c}.Docmap-userBubble{fill:#fff;stroke:#d8e3ec;stroke-width:1}.Docmap-toolBubble{fill:#fff;stroke:#dbe3ea;stroke-width:1}.Docmap-agentIcon{fill:#10273c}.Docmap-agentMark,.Docmap-check{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.Docmap-index{fill:#deebf8}.Docmap-indexText{font-weight:700;fill:#075aa5}.Docmap-glow{fill:var(--docmap-glow);fill-opacity:0}.Docmap-glow.command{--docmap-glow:#fff1a8}.Docmap-glow.topic{--docmap-glow:#bfead5}.Docmap-glow.path{--docmap-glow:#cfe4fb}.Docmap-glow.index-one{--docmap-glow:#fbd5e0}.Docmap-glow.index-two{--docmap-glow:#e2d8fb}.Docmap-thread{fill:none;stroke:#dbe3ea;stroke-width:1}.Docmap-bullet{fill:var(--demo-accent)}.Demo.docmap[data-demo-enhanced] .Docmap-clip{clip-path:url(#demo-docmap-clip-messages)}.Docmap-success{fill:#14765c}.Docmap-folderIcon{fill:#e2edf8;stroke:#7195b7;stroke-width:1;stroke-linejoin:round}.Docmap-fileIcon{fill:#fff}.Docmap-chevron,.Docmap-fileFold,.Docmap-fileIcon{stroke:#899daf;stroke-width:1;stroke-linejoin:round}.Docmap-chevron,.Docmap-fileFold{fill:none;stroke-linecap:round}@keyframes docmapCueShine{0%{filter:drop-shadow(0 0 0 transparent)}to{filter:drop-shadow(0 0 .2rem color-mix(in srgb,var(--docmap-cue) 55%,transparent))}}}@layer components{.Demo-composer{position:absolute;inset-block-start:calc(var(--stage-top) + .00167 * var(--stage-height) * var(--composer-top));inset-inline-start:calc(var(--stage-left) + .00083 * var(--stage-width) * var(--composer-left));inline-size:calc(.00083 * var(--stage-width) * var(--composer-width));block-size:calc(.09833 * var(--stage-height));margin:0}.Demo.docmap{--composer-left:310;--composer-top:507;--composer-width:425}.Demo.skills{--composer-left:50;--composer-top:423;--composer-width:500}.Demo-composer[hidden]{display:none}.Demo-composerText{display:block;inline-size:100%;block-size:100%;padding:.7cqw 3.6cqw .7cqw 1.2cqw;font:inherit;font-size:1.12cqw;line-height:1.35;color:#000;overflow-wrap:break-word;white-space:pre-wrap;background:#fff;border:1px solid #cbd6e0}.Demo-composerText,.Docmap-requestMirror{box-sizing:border-box;overflow:hidden;pointer-events:none;border-radius:.6cqw}.Docmap-requestMirror{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;border:1px solid transparent}.Docmap-requestMirror>div{box-sizing:border-box;width:100%;min-height:100%;padding:.7cqw 3.6cqw .7cqw 1.2cqw;font:inherit;font-size:1.12cqw;line-height:1.35;color:transparent;overflow-wrap:break-word;white-space:pre-wrap}.Docmap-requestMirror mark{color:transparent;outline:2px solid transparent;outline-offset:1px;background:transparent;border-radius:.2em}.Demo.docmap.draftCue .Docmap-requestMirror mark{outline-color:var(--docmap-cue);animation:docmapCueShine 1.5s ease-in-out infinite alternate}.Demo.typing .Demo-composer:has(.Demo-composerText:empty):before{position:absolute;inset-block-start:calc(.7cqw + 1px);inset-inline-start:calc(1.2cqw + 1px);inline-size:.14cqw;block-size:1.5cqw;content:"";background:#000}.Demo-send:focus-visible,.Demo-send:hover:enabled{outline:var(--focus-width) solid var(--color-focus);outline-offset:.15cqw}.Demo-send{position:absolute;inset-block-end:.55cqw;inset-inline-end:.65cqw;z-index:2;display:flex;align-items:center;justify-content:center;inline-size:2.4cqw;block-size:2.4cqw;padding:0;font-size:1.6cqw;color:#10273c;cursor:pointer;background:#f59e0b;border-radius:50%}.Demo-send:hover:enabled{color:#fff;background:#304961}.Demo-send:disabled{color:#899daf;cursor:default;background:#e1e7ed}.Skills-panel,.Skills-surface{fill:#fff;stroke:#cbd6e0;stroke-width:1}.Skills-bar,.Skills-panel{fill:#fff}.Skills-label,.Skills-strong{font-weight:650;fill:#10273c}.Skills-code,.Skills-fileName,.Skills-text{fill:#304961}.Skills-fileName.summary,.Skills-miniLabel,.Skills-muted{fill:#60768b}.Skills-command{font-weight:700;fill:var(--color-blue-dark)}.Skills-toolName{fill:#6e490c}.Skills-branchChip{fill:#e6f2ff}.Skills-branchText{font-weight:700;fill:var(--color-blue-dark)}.Skills-userBubble{fill:#fff;stroke:#d3e3f1;stroke-width:1}.Skills-agentBubble{fill:#fff;stroke:#cfe0d8;stroke-width:1}.Skills-toolBubble{fill:#fff;stroke:#dbe3ea;stroke-width:1}.Skills-blur.user{fill:#dfe9f3}.Skills-blur.agent{fill:#dcefe6}.Skills-skin{stroke:#10273c;stroke-width:2.5;stroke-linejoin:round}.Skills-skin.you{fill:#e6f2ff}.Skills-skin.agent{fill:#e9f8f1}.Skills-eye{fill:#10273c}.Skills-antenna,.Skills-mouth{fill:none;stroke:#10273c;stroke-width:2.5;stroke-linecap:round}.Skills-antennaTip{fill:#7be2b8;stroke:#10273c;stroke-width:2.5}.Skills-figureLabel{font-weight:700}.Skills-alignLabel{font-weight:650}.Skills-alignLabel.you,.Skills-figureLabel.you{fill:var(--color-blue-dark)}.Skills-alignLabel.agent,.Skills-figureLabel.agent{fill:var(--color-green)}.Skills-alignShape{fill:none;stroke-width:2.5;stroke-dasharray:6 4}.Skills-alignShape.you{stroke:var(--color-blue);transform:translateX(180px)}.Skills-alignShape.agent{stroke:var(--color-green);transform:translateX(-180px)}.Skills-alignedText{font-weight:700;fill:var(--color-blue-dark)}.Skills-track{fill:#e1e7ed}.Skills-progress{fill:var(--color-green);transform:scaleX(0);transform-origin:0 50%;transform-box:fill-box}.Skills-fileIcon{fill:#fff}.Skills-fileFold,.Skills-fileIcon{stroke:#899daf;stroke-width:1;stroke-linejoin:round}.Skills-fileFold{fill:none;stroke-linecap:round}.Skills-folderIcon{fill:#e2edf8;stroke:#7195b7;stroke-width:1;stroke-linejoin:round}.Skills-fileGlow{fill:#fff1a8;fill-opacity:0}.Skills-empty{font-style:italic;opacity:0;fill:#94a3b1}.Skills-postit{transform:rotate(-3deg);transform-origin:center;transform-box:fill-box}.Skills-postitShadow{fill:#10273c;fill-opacity:.08}.Skills-postitPaper{fill:#fef08a}.Skills-postitLabel{font-weight:700;fill:#10273c}.Skills-postitText{fill:#4a3f10}.Skills-phaseText{font-weight:650;fill:#94a3b1}.Skills-phaseText.lit{fill:var(--color-blue-dark)}.Skills-chevron{fill:#dfe6ed}.Skills-cleared{font-weight:650;fill:#60768b}.Skills-success{fill:var(--color-green)}.Skills-check{fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.WorkspaceDemo{min-width:0}.WorkspaceDemo-intro{display:grid;gap:2rem;align-content:center;justify-items:center;height:100%;padding:2rem;text-align:center;background:#fff}.WorkspaceDemo-intro p{max-width:52rem;font-size:calc(clamp(1.2rem, 1.55cqw, 1.75rem));line-height:1.55;text-wrap:pretty}.WorkspaceDemo-intro code{padding:.1em .35em;font-size:.9em;color:#0b654d;white-space:nowrap;background:#e8f7f1;border:1px solid #b8dfd1;border-radius:.35em;box-decoration-break:clone}.WorkspaceDemo-layout{display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,2.05fr) minmax(15rem,1fr);gap:1.25rem;height:100%;min-height:0;padding-bottom:20px}.Demo.workspaces:not([data-workspace-phase=introduction]) .WorkspaceDemo-intro,.Demo.workspaces[data-workspace-phase=introduction] .WorkspaceDemo-layout{display:none}.WorkspaceDemo-terminal{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;color:#eaf2fa;background:var(--color-terminal);border:1px solid #263e55;border-radius:1rem;box-shadow:0 1rem 2.5rem rgba(18,39,58,.16)}.WorkspaceDemo-bar{position:relative;display:flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.55rem 5rem;overflow:hidden;text-overflow:ellipsis;font-size:.76rem;font-weight:500;color:#b9c9d8;white-space:nowrap;background:#1b3248;border-bottom:1px solid rgba(128,151,172,.25)}.WorkspaceDemo-windowControls{position:absolute;inset-inline-start:.9rem;display:flex;gap:.45rem}.WorkspaceDemo-browserBar i,.WorkspaceDemo-windowControls i{width:.62rem;aspect-ratio:1;background:#ff5f57;border-radius:50%}.WorkspaceDemo-windowControls i:nth-child(2){background:#febc2e}.WorkspaceDemo-windowControls i:nth-child(3){background:#28c840}.WorkspaceDemo-transcript{min-width:0;min-height:0;padding:.85rem 1rem 1.1rem;overflow:auto;overscroll-behavior:contain;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:calc(clamp(.68rem, .93cqw, .84rem));line-height:1.38;overflow-wrap:anywhere;scrollbar-width:thin}}@layer components{.WorkspaceDemo-transcript:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:-.2rem}.WorkspaceDemo-line{min-height:1.38em;white-space:pre-wrap}.WorkspaceDemo-blank{user-select:none}.WorkspaceDemo-indent{padding-inline-start:1rem}.WorkspaceDemo-label{display:inline-block;min-width:6.6em}.WorkspaceDemo-command{display:flex;gap:.45em;align-items:baseline;width:fit-content;min-width:100%;color:#fff}.WorkspaceDemo-ok,.WorkspaceDemo-user{color:#79e3bd}.WorkspaceDemo-path{color:#84b9ea}.WorkspaceDemo-api{color:#caa9ff}.WorkspaceDemo-frontend{color:#75d7f3}.WorkspaceDemo-link{color:#77c8ff;text-decoration:underline;text-underline-offset:.12em}.WorkspaceDemo-caret{display:inline-block;flex:0 0 auto;width:.55em;height:1.05em;vertical-align:-.16em;background:#79e3bd;border:1px solid #79e3bd;border-radius:1px}.WorkspaceDemo-caret:not(.active){visibility:hidden;background:transparent}.Demo.workspaces[data-workspace-phase=complete] [data-workspace-server-group=complete] .WorkspaceDemo-caret{visibility:visible}.WorkspaceDemo-caret.active{animation:workspaceCaret 1.1s step-end infinite}.WorkspaceDemo-runCommand.awaiting{width:calc(100% + 2rem);padding:.42rem 1rem;margin-inline:-1rem;background:#213b52;border-block:1px solid rgba(121,227,189,.32)}.WorkspaceDemo-runCommand button{flex:0 0 auto;min-height:2rem;padding-inline:.8rem;margin-inline-start:auto;font-family:inherit;font-size:.75rem;font-weight:750;color:#10273c;cursor:pointer;background:#79e3bd;border-radius:.35rem}.WorkspaceDemo-jump{position:absolute;inset-inline-end:.75rem;bottom:.75rem;min-height:2.75rem;padding:.5rem .85rem;font-size:.8rem;font-weight:650;color:#eaf2fa;cursor:pointer;background:#213b52;border:1px solid #79e3bd;border-radius:999px;box-shadow:0 .2rem .8rem rgba(0,0,0,.3)}.WorkspaceDemo-jump:hover{background:#31536d}.Demo-workspaceResult:focus-visible,.WorkspaceDemo-jump:focus-visible,.WorkspaceDemo-runCommand button:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.15rem}.Demo-workspaceResult{position:fixed;inset-inline-end:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:3;min-height:2.75rem;padding:.65rem 1.1rem;font-weight:750;color:#fff;cursor:pointer;background:var(--color-green);border:2px solid #fff;border-radius:999px;box-shadow:0 .25rem 1rem rgba(18,39,58,.25)}.Demo-workspaceResult:hover{background:#0b654d}.WorkspaceDemo-side{display:grid;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:1rem;min-width:0;min-height:0}.WorkspaceDemo-slide{padding:calc(clamp(1rem, 1.45cqw, 1.45rem));background:#fff;border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 .75rem 1.8rem rgb(18 39 58/8%)}.WorkspaceDemo-slide h3{padding-block-end:.75rem;font-size:calc(clamp(1.05rem, 1.3cqw, 1.35rem));border-bottom:1px solid var(--color-border)}.WorkspaceDemo-slide ul{display:grid;gap:.55rem;padding:.85rem 0 .85rem 1.15rem;font-size:calc(clamp(.76rem, .95cqw, .9rem))}.WorkspaceDemo-slide li::marker{color:var(--color-green)}.WorkspaceDemo-slide code{color:#98592a}.WorkspaceDemo-slide>p{font-size:calc(clamp(.76rem, .95cqw, .9rem));font-weight:650;color:var(--color-muted)}.WorkspaceDemo-browser{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden;background:#fff;border:1px solid var(--color-border);border-radius:1rem;box-shadow:0 .75rem 1.8rem rgba(18,39,58,.1)}.WorkspaceDemo-browserBar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center;padding:.55rem .7rem;background:#eef3f7;border-bottom:1px solid var(--color-border)}.WorkspaceDemo-browserBar>span{display:flex;gap:.3rem}.WorkspaceDemo-browserBar i{width:.45rem;background:#c3d0dc}.WorkspaceDemo-browserBar code{min-width:0;padding:.2rem .6rem;overflow:hidden;text-overflow:ellipsis;font-size:calc(clamp(.62rem, .72cqw, .72rem));color:#64798c;white-space:nowrap;background:#fff;border-radius:999px}.WorkspaceDemo-browserBody{display:grid;gap:1rem;place-content:center;justify-items:center;padding:1rem;text-align:center}.WorkspaceDemo-browserBody p{font-size:calc(clamp(1rem, 1.4cqw, 1.35rem));font-weight:650}.WorkspaceDemo-browserBody code{padding:.35rem .55rem;font-size:calc(clamp(.6rem, .72cqw, .72rem));color:#0b654d;background:#d8f4e8;border-radius:.35rem}.WorkspaceDemo-formula{align-self:center;min-height:1.5em;font-size:calc(clamp(1.1rem, 1.45cqw, 1.4rem));font-weight:400;color:var(--color-muted);text-align:center;white-space:nowrap}.WorkspaceDemo-formula span:first-child{color:#3e78b2}.WorkspaceDemo-formula strong{font-weight:700;color:#c56e31}.WorkspaceDemo-formula span:last-child{color:var(--color-green)}@media (width < 80rem){.WorkspaceDemo{position:relative;inset:auto;grid-area:stage;width:auto;height:auto;min-height:0}.WorkspaceDemo-layout{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);height:auto}.WorkspaceDemo-terminal{height:calc(min(30rem, 66dvh))}.WorkspaceDemo-side{grid-template-rows:auto minmax(15rem,34dvh) auto}.WorkspaceDemo-intro{min-height:15rem;padding:1rem}.WorkspaceDemo-intro p{font-size:1.1rem}}@media (width < 32rem){.WorkspaceDemo-bar{justify-content:flex-start;padding-inline:4.5rem .7rem}.WorkspaceDemo-command{flex-wrap:wrap}.WorkspaceDemo-runCommand button{margin-inline-start:0}.WorkspaceDemo-formula{white-space:normal}}.WorkspaceDemo [hidden]{display:none}}@layer motion{.WorkspaceDemo-runCommand.awaiting button:enabled:not(:hover){animation:demoSendInvite 1.6s ease-in-out infinite}@keyframes workspaceCaret{50%{opacity:0}}}@layer components{.About a:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.2rem}.Demo.about{--demo-accent:var(--color-blue-dark)}.Demo.about .Demo-frame{--stage-top:9%;--stage-height:88.3%;background:var(--color-canvas)}.About{display:grid;padding:.3cqw 1cqw 1cqw;overflow:auto;font-size:1.08cqw;line-height:1.5;color:var(--color-copy)}.About-main{display:grid;grid-template-columns:.9fr 1.25fr;gap:5cqw;align-items:start}.About-column{display:grid;grid-template-columns:minmax(0,1fr);gap:1.8cqw;min-width:0}.About-portrait{display:block;width:8cqw;height:auto;margin-block-end:1.4cqw;border-radius:1.2cqw}.About-eyebrow{margin-block-end:.5em;font-size:.85em;font-weight:650;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.About h3,.About h4{line-height:1.25;color:var(--color-ink)}.About h3{margin-block-end:.65em;font-size:1.4em;letter-spacing:-.025em}.About-person h3{margin-block-end:.2em;font-size:2.5em;letter-spacing:-.045em}.About-role{margin-block-end:1em}.About-contact{display:flex;flex-wrap:wrap;gap:.8em;margin-block-start:1em}.About-invitation{margin-block-start:1em;color:var(--color-ink)}.About a{color:var(--color-blue-dark);text-decoration-thickness:1px;text-underline-offset:.22em}.About a:hover{text-decoration-thickness:2px}.About-socialLink{display:inline-flex;align-items:center;justify-content:center;padding:.62em;background:#fff;border:1px solid var(--color-border);border-radius:999px}.About-socialLink:hover{background:var(--color-surface);border-color:var(--color-blue)}.About-socialLink img{display:block;width:auto;height:1.55em}.About-timeline{display:grid;gap:.8cqw;padding-inline-start:1.8cqw;margin-block-start:1.7cqw;list-style:none;border-inline-start:1px solid var(--color-border)}.About-timeline li{position:relative;display:grid;grid-template-columns:8.5cqw 1fr;column-gap:1cqw}.About-timeline li>:not(time,.About-date){grid-column:2}.About-timeline li:before{position:absolute;inset-block-start:.4em;inset-inline-start:calc(-2.05cqw - 1px);width:.5cqw;height:.5cqw;content:"";background:var(--color-canvas);border:2px solid var(--color-blue);border-radius:50%}.About-date,.About-timeline>li>time{grid-row:1/3;font-size:.85em;font-weight:650;color:var(--color-blue-dark)}.About-timeline h4{margin-block:0 .35em;font-size:1.05em}.About-license{position:relative;padding:1.5cqw;background:#fff;border:1px solid var(--color-border);border-radius:1cqw}.About-license h3{padding-inline-end:3em}.About-repository{position:absolute;inset-block-start:1.5cqw;inset-inline-end:1.5cqw}.Setup-cta{display:inline-flex;gap:.8em;align-items:center;padding:.55em 1.2em;font-size:1.02cqw;font-weight:650;color:var(--color-surface);white-space:nowrap;text-decoration:none;background:var(--color-ink);border:1px solid var(--color-ink);border-radius:999px}.Setup-cta:hover{background:var(--color-blue-dark);border-color:var(--color-blue-dark)}}@layer components{.Setup a:focus-visible,.Setup-copy:focus-visible,.Setup-cta:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.2rem}.Demo.setup{--demo-accent:var(--color-blue-dark)}.Demo.setup .Demo-frame{background:var(--color-canvas)}.Setup{display:grid;grid-template-columns:.85fr 1.25fr;gap:5cqw;align-items:center;padding:2cqw 4cqw 4cqw;overflow:auto;font-size:1.16cqw;color:var(--color-copy)}.Setup-eyebrow{margin-block-end:1.2em;font-size:.8em;font-weight:650;color:var(--color-blue-dark);text-transform:uppercase;letter-spacing:.08em}.Setup h3{margin-block-end:.65em;font-size:3.2cqw;line-height:1.12;color:var(--color-ink);letter-spacing:-.045em}.Setup-source{display:inline-block;margin-block-start:1.5em;color:var(--color-blue-dark);text-underline-offset:.25em}.Setup-steps{display:grid;gap:1.3cqw;padding:0;list-style:none;counter-reset:setup}.Setup-steps li{padding:1.5cqw;counter-increment:setup;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1cqw}.Setup h4{margin-block:0 .5em;font-size:1.2em;color:var(--color-ink)}.Setup h4:before{font-size:.75em;color:var(--color-blue-dark);content:"0" counter(setup) " / "}.Setup pre{padding:1em;margin-block:1em .5em;line-height:1.65;color:#fff;white-space:pre-wrap;background:var(--color-terminal);border-radius:.5em}.Setup .Setup-prompt{color:var(--color-ink);background:#fff}.Setup-copy{padding:.4em .9em;font:inherit;font-size:.85em;color:var(--color-blue-dark);cursor:pointer;background:transparent;border:1px solid var(--color-border);border-radius:999px}.Setup-copy:hover{background:#fff}.Setup-note{margin-block-start:1.2em;font-size:.85em}}@layer motion{.Board-note:is(:hover,:focus-within) .Board-react.nod{animation:boardNod 1.4s ease-in-out both}.Board-note:is(:hover,:focus-within) .Board-react.bubble{animation:boardReply 1.4s ease-in-out both}.Board-note:is(:hover,:focus-within) .Board-react.pass{animation:boardPass 1.4s ease-in-out both}.Board-note:is(:hover,:focus-within) .Board-react:is(.check,.signal){animation:boardReply 1.4s ease-in-out both}.Board-note.handoff:is(.celebrating,:not([data-cheer-enhanced]):hover,:not([data-cheer-enhanced]):focus-within){--toast-arms:boardToast 1.4s ease-in-out infinite;--toast-smoke:boardReply 1.4s ease-in-out infinite}.Board-react.toast{--toast-swing:-18deg;transform-box:view-box;animation:var(--toast-arms,none)}.Board-react.toast.left{transform-origin:57px 95px}.Board-react.toast.middle{--toast-swing:-14deg;transform-origin:129px 80px}.Board-react.toast.right{--toast-swing:18deg;transform-origin:220px 89px}.Board-note.handoff .Board-react.bubble{animation:var(--toast-smoke,none)}@keyframes boardToast{0%,to{transform:rotate(0deg)}20%,52%{transform:rotate(var(--toast-swing))}36%,68%{transform:rotate(calc(-.5 * var(--toast-swing)))}84%{transform:rotate(calc(.6 * var(--toast-swing)))}}@keyframes boardNod{0%,to{transform:rotate(0deg)}35%{transform:rotate(-6deg)}65%{transform:rotate(3deg)}}@keyframes boardReply{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}@keyframes boardPass{0%,to{transform:translateX(0)}50%{transform:translateX(12%)}}.Board-note.anywhere:is(.travelling,:not([data-train-enhanced]):hover,:not([data-train-enhanced]):focus-within){--train-trip:boardTrainTrip var(--train-duration) linear both;--train-wheels:boardTrainWheel calc(.11111 * var(--train-duration)) linear 9 both;--train-body:boardTrainBob calc(.05556 * var(--train-duration)) ease-in-out 18 both;--train-rod:boardTrainRod calc(.11111 * var(--train-duration)) linear 9 both;--train-smoke:boardTrainSmoke calc(.25 * var(--train-duration)) ease-out 4 both}.Board-trainTrip{animation:var(--train-trip,none)}.Board-trainWheel{animation:var(--train-wheels,none)}.Board-trainBody{animation:var(--train-body,none)}.Board-trainRod{animation:var(--train-rod,none)}.Board-trainSmoke{animation:var(--train-smoke,none)}.Board-trainSmoke.second{animation-delay:calc(-.08333 * var(--train-duration))}.Board-trainSmoke.third{animation-delay:calc(-.16667 * var(--train-duration))}@keyframes boardTrainTrip{0%{transform:translateX(100%)}to{transform:translateX(-105%)}}@keyframes boardTrainWheel{to{transform:rotate(-1turn)}}@keyframes boardTrainBob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes boardTrainRod{0%,to{transform:translateY(-3px)}25%{transform:translate(-3px)}50%{transform:translateY(3px)}75%{transform:translate(3px)}}@keyframes boardTrainSmoke{0%{opacity:0;transform:translate(0) scale(.25)}15%{opacity:.7}to{opacity:0;transform:translate(46px,-31px) scale(1.3)}}}@layer motion{.Demo{--composer-start-delay:0.6s;--composer-next-delay:2s;--composer-step-delay:0.38s;--demo-intro-step:0}.Demo.typing .Demo-composer:has(.Demo-composerText:empty):before{animation:demoCaretBlink 1.1s step-end infinite}.Demo.docmap{--composer-start-delay:1.8s;--demo-duration:9.5s;--demo-intro-step:1}.Docmap-opening{opacity:0}.Demo.docmap[data-demo-enhanced].waiting .Docmap-opening{opacity:1}.Demo.docmap[data-demo-enhanced].waiting :is(.Docmap-tree,.Docmap-chat){opacity:0}.Demo.docmap[data-demo-enhanced].waiting .Demo-composer{display:none}.Demo.docmap[data-demo-enhanced] :is(.Docmap-opening,.Docmap-tree,.Docmap-chat){transition:opacity .3s linear}.Demo.docmap[data-demo-enhanced] .Docmap-instructions{transition:transform .45s cubic-bezier(.5,.05,.2,1)}.Demo.docmap[data-demo-enhanced].waiting .Docmap-instructions{transform:translate(77.5px,246px)}.Demo.docmap[data-demo-enhanced] :is(.Docmap-chatEntry,.Docmap-output){opacity:0}.Demo.docmap:is(.playing,.done) :is(.Docmap-chatEntry,.Docmap-output){animation-name:demoFadeIn;animation-duration:.12s;animation-timing-function:linear;animation-fill-mode:both}.Demo.docmap:is(.playing,.done) .Docmap-chatEntry.user{animation-delay:0s}.Demo.docmap:is(.playing,.done) :is(.Docmap-chatEntry.root,.Docmap-output.root){animation-delay:1s}.Demo.docmap:is(.playing,.done) :is(.Docmap-chatEntry.topic,.Docmap-output.topic){animation-delay:3s}.Demo.docmap:is(.playing,.done) .Docmap-chatEntry.read{animation-delay:5s}.Demo.docmap:is(.playing,.done) .Docmap-chatEntry.reflection{animation-delay:6.5s}.Demo.docmap:is(.playing,.done) .Docmap-chatEntry.more{animation-delay:8s}.Demo.docmap:is(.playing,.done) .Docmap-scroll{animation:docmapScroll 2s ease-in-out 6.3s both}.Demo.docmap:is(.playing,.done) .Docmap-glow{animation-name:docmapGlow;animation-duration:4s;animation-timing-function:linear;animation-fill-mode:forwards}.Demo.docmap:is(.playing,.done) .Docmap-glow:is(.command,.index-one){animation-delay:1s}.Demo.docmap:is(.playing,.done) .Docmap-glow:is(.topic,.index-two){animation-delay:3s}.Demo.docmap:is(.playing,.done) .Docmap-glow.path{animation-delay:5s}.Demo.ready .Demo-send:enabled:not(:hover){animation:demoSendInvite 1.6s ease-in-out infinite}.Demo.skills{--demo-scene-1:7s;--demo-scene-2:2.6s;--demo-scene-3:6.9s;--demo-duration:9.7s}.Skills-chat .Skills-step:not(.one){opacity:0}}@layer motion{.Demo.skills[data-demo-enhanced] :is(.Skills-step,.Skills-file){opacity:0}.Demo.skills[data-demo-enhanced] .Skills-empty{opacity:1}.Demo.skills[data-demo-enhanced] .Skills-slot:is(.api-plan,.api-summary,.frontend-summary){transform:translateY(-30px)}.Demo.skills[data-demo-enhanced] .Skills-slot.frontend-plan{transform:translateY(-60px)}.Demo.skills.sent-1 .Skills-step.one,.Demo.skills.sent-2 .Skills-step.two,.Demo.skills.sent-3 .Skills-step.three,.Demo.skills.sent-4 .Skills-step.four{animation-name:demoFadeIn;animation-duration:.12s;animation-timing-function:linear;animation-fill-mode:both}.Demo.skills.sent-2 .Skills-file.two,.Demo.skills.sent-3 .Skills-file.three,.Demo.skills.sent-4 .Skills-file.four{animation-name:demoRiseIn;animation-duration:.35s;animation-timing-function:ease-out;animation-delay:var(--land);animation-fill-mode:both}.Demo.skills.sent-2 .Skills-file.two .Skills-fileGlow,.Demo.skills.sent-3 .Skills-file.three .Skills-fileGlow,.Demo.skills.sent-4 .Skills-file.four .Skills-fileGlow{animation-name:demoGlowOut;animation-duration:1.6s;animation-timing-function:ease-out;animation-delay:var(--land);animation-fill-mode:both}.Demo.skills.sent-1 .Skills-step.one.spec-lit{animation-delay:0s}.Demo.skills.sent-1 .Skills-step.one.request{animation-delay:.1s}.Demo.skills.sent-1 .Skills-step.one.align{animation-delay:.3s}.Demo.skills.sent-1 .Skills-step.one.explore{animation-delay:1s}.Demo.skills.sent-1 .Skills-step.one.ask{animation-delay:2.4s}.Demo.skills.sent-1 .Skills-step.one.answer{animation-delay:3.6s}.Demo.skills.sent-1 .Skills-step.one.fast.first{animation-delay:4.6s}.Demo.skills.sent-1 .Skills-step.one.fast.second{animation-delay:4.85s}.Demo.skills.sent-1 .Skills-step.one.fast.third{animation-delay:5.1s}.Demo.skills.sent-1 .Skills-step.one.fast.fourth{animation-delay:5.35s}.Demo.skills.sent-1 .Skills-step.one.fast.fifth{animation-delay:5.6s}.Demo.skills.sent-1 .Skills-step.one.fast.sixth{animation-delay:5.85s}.Demo.skills.sent-1 .Skills-alignShape.you{animation:skillsAlignYou 6.6s both}.Demo.skills.sent-1 .Skills-alignShape.agent{animation:skillsAlignAgent 6.6s both}.Demo.skills.sent-1 .Skills-step.one.aligned{animation-delay:6.4s}.Demo.skills.sent-2 .Skills-scroll{animation:skillsScrollAgree 1.3s both}.Demo.skills.sent-2 .Skills-step.two.agree{animation-delay:.2s}.Demo.skills.sent-2 .Skills-step.two.write-spec{animation-delay:1.1s}.Skills-file.spec{--land:1.5s}.Demo.skills.sent-2 .Skills-step.two.spec-done{animation-delay:1.5s}.Demo.skills.sent-2 .Skills-empty{animation:demoFadeOut .05s linear 1.5s both}.Demo.skills.sent-3 .Skills-scroll{animation:skillsScrollPlan 6.3s both}.Demo.skills.sent-3 .Skills-step.three:is(.plan-command,.plans-lit){animation-delay:.3s}.Demo.skills.sent-3 .Skills-step.three.planning{animation-delay:1.2s}.Demo.skills.sent-3 .Skills-step.three.working{animation-delay:2s}.Demo.skills.sent-3 .Skills-progress.planning{animation:skillsProgress 3.4s ease-in-out 2.2s both}.Demo.skills.sent-3 .Skills-step.three.thinking{animation-delay:2.8s}.Demo.skills.sent-3 .Skills-step.three.write-plans{animation-delay:3.6s}.Demo.skills.sent-3 .Skills-step.three.write-main{animation-delay:3.8s}.Skills-file.main-plan{--land:3.8s}.Demo.skills.sent-3 .Skills-step.three.write-api{animation-delay:4.6s}.Skills-file.api-plan{--land:4.6s}.Demo.skills.sent-3 .Skills-step.three.write-frontend{animation-delay:5.4s}.Skills-file.frontend-plan{--land:5.4s}.Demo.skills.sent-3 .Skills-step.three:is(.plans-done,.planned){animation-delay:6s}.Demo.skills.sent-3 .Skills-figure.you{animation:skillsYouStepsBack 6.9s linear both}.Demo.skills.sent-4 .Skills-discussion{animation:demoFadeOut .4s linear both}.Demo.skills.sent-4 .Skills-step.four.cleared{animation:skillsSessionCleared 1.2s linear .4s both}.Demo.skills.sent-4 .Skills-step.four:is(.execute-command,.execution-lit){animation-delay:2s}.Demo.skills.sent-4 .Skills-step.four.following{animation-delay:2.9s}.Demo.skills.sent-4 .Skills-step.four.subagents{animation-name:demoRiseIn;animation-duration:.35s;animation-timing-function:ease-out;animation-delay:3.5s}.Demo.skills.sent-4 .Skills-progress.api{animation:skillsProgress 1.6s ease-in-out 3.8s both}.Skills-file.api-summary{--land:5.5s}.Demo.skills.sent-4 .Skills-progress.frontend{animation:skillsProgress 1.8s ease-in-out 5.6s both}.Skills-file.frontend-summary{--land:7.5s}.Skills-file.main-summary{--land:8.4s}.Demo.skills.sent-4 .Skills-slot:is(.api-plan,.api-summary,.frontend-summary){animation:skillsSlotShiftOnce 6.7s 2s both}.Demo.skills.sent-4 .Skills-slot.frontend-plan{animation:skillsSlotShiftTwice 6.7s 2s both}.Demo.skills.sent-4 .Skills-step.four.execution-done{animation-delay:8.7s}.Demo.skills.sent-4 .Skills-step.four.finished{animation-delay:8.8s}.Demo.skills.sent-4 .Skills-step.four.coda{animation-name:demoRiseIn;animation-duration:.4s;animation-timing-function:ease-out;animation-delay:9.2s}.Demo.skills.sent-4 .Skills-figure.you{animation:skillsYouLeaves 7.7s linear 2s both}@keyframes skillsAlignYou{0%,36.4%{transform:translateX(0)}40.9%,54.5%{transform:translateX(40px)}59.1%,69.7%{transform:translateX(80px)}74.2%,81.1%{transform:translateX(110px)}85.6%,92.4%{transform:translateX(140px)}97%,to{transform:translateX(180px)}}@keyframes skillsAlignAgent{0%,36.4%{transform:translateX(0)}40.9%,54.5%{transform:translateX(-40px)}59.1%,69.7%{transform:translateX(-80px)}74.2%,81.1%{transform:translateX(-110px)}85.6%,92.4%{transform:translateX(-140px)}97%,to{transform:translateX(-180px)}}@keyframes skillsScrollAgree{0%{transform:translateY(0)}26.9%,69.2%{transform:translateY(-16px)}96.2%,to{transform:translateY(-54px)}}@keyframes skillsScrollPlan{0%{transform:translateY(-54px)}15.87%,5.56%{transform:translateY(-92px)}21.43%,28.57%{transform:translateY(-130px)}34.13%,41.27%{transform:translateY(-168px)}46.83%,53.97%{transform:translateY(-222px)}59.52%,92.06%{transform:translateY(-260px)}97.62%,to{transform:translateY(-298px)}}@keyframes skillsProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes skillsSlotShiftOnce{0%,93.3%{transform:translateY(-30px)}97.8%,to{transform:translateY(0)}}@keyframes skillsSlotShiftTwice{0%,50%{transform:translateY(-60px)}54.5%,93.3%{transform:translateY(-30px)}97.8%,to{transform:translateY(0)}}@keyframes skillsYouStepsBack{0%,11.6%{opacity:1}17.4%,91.3%{opacity:.35}97.1%,to{opacity:1}}@keyframes skillsSessionCleared{0%{opacity:0}16%,80%{opacity:1}to{opacity:0}}@keyframes skillsYouLeaves{0%,14%{opacity:1}20%,to{opacity:.35}}}@layer motion{@keyframes docmapScroll{0%{transform:translateY(0)}25%,75%{transform:translateY(-76px)}to{transform:translateY(-92px)}}@keyframes docmapGlow{0%,60%{fill-opacity:1}to{fill-opacity:0}}@keyframes demoGlowOut{0%{fill-opacity:1}to{fill-opacity:0}}@keyframes demoSendInvite{0%,to{background-color:#f59e0b}50%{background-color:#fde047}}@keyframes demoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes demoRiseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes demoCaretBlink{0%,45%{opacity:1}46%,to{opacity:.05}}@keyframes demoFadeOut{0%{opacity:1}to{opacity:0}}}@layer motion{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.Demo.waiting .Demo-caret{animation:none}.Demo.docmap.draftCue :is(.Docmap-requestMirror mark,.Docmap-draftCue,.Docmap-draftCueText){animation:none}}@media (forced-colors:active){.Poster-image{forced-color-adjust:auto}.Poster-image text{fill:CanvasText}.Poster-image .panel,.Poster-image rect{stroke:CanvasText}.Demo-veil,.Poster-open{background:Canvas}.Poster-open{border:1px solid CanvasText}.Demo-close:focus-visible,.Demo-play:focus-visible,.Poster-open:focus-visible,.TopMenu-about:focus-visible,.TopMenu-github:focus-visible{outline-color:Highlight}.Demo.docmap.draftCue .Docmap-draftCueText,.Demo.docmap.draftCue .Docmap-requestMirror mark{outline-color:Highlight}.Demo.docmap.draftCue .Docmap-draftCue{stroke:Highlight}}@media print{.Page,.Page-header,.Page-main,body,html{min-width:0}.Page-main{width:100%;max-width:none}.Demo,.Poster{height:auto;break-inside:avoid}.Demo-close,.Demo-opening,.Demo-play,.Poster-open,.TopMenu{display:none}}}@layer responsive{.Compact,.Demo-outro,.Poster-cardCopy,.Poster-intro{display:none}.Poster-card{display:contents}}@layer responsive{@media (width < 80rem){html{scroll-behavior:auto}.Page-header,.Page-main{width:100%}.Poster{height:auto;min-height:100svh;padding:max(1.25rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.Demo-frame,.Poster-frame{overflow-wrap:anywhere}.Poster-frame{display:grid;gap:1.25rem;width:100%;max-width:48rem;aspect-ratio:auto;container-type:inline-size}.Poster-image{display:none}.Poster-intro{display:block;padding-block:1.5rem .25rem;text-align:center}.Poster-wordmark{font-size:calc(clamp(2.75rem, 12cqw, 4.5rem));font-weight:750;line-height:1.1;letter-spacing:-.065em}.Poster-wordmark span{color:var(--color-blue)}.Poster-tagline{margin-block-start:1rem;font-size:calc(clamp(1.125rem, 4.5cqw, 1.5rem));line-height:1.4;color:var(--color-copy);letter-spacing:-.025em}.Poster-caption{margin-block-start:1.5rem;font-size:.875rem;color:var(--color-muted)}.TopMenu.poster{position:relative;inset:auto;flex-wrap:wrap;gap:.5rem;justify-content:center;justify-self:center;min-height:2.75rem;margin-block-end:.75rem;font-size:.875rem}.TopMenu.poster :is(.TopMenu-about,.TopMenu-github){min-width:2.75rem;min-height:2.75rem;font-size:.875rem}.Poster-card{--card-accent:#14765c;--card-border:#c9e7da;position:relative;display:block;background:#edf9f3;border:1px solid var(--card-border);border-radius:1.5rem}.Poster-card.skills{--card-accent:#075aa5;--card-border:#c4e4ff;background:#f1f8ff}.Poster-card.docmap{--card-accent:#835610;--card-border:#efdfac;background:#fffbee}.Poster-card.openclaw-dev-kit{--card-accent:#983b5b;--card-border:#efd0db;margin-block-start:.75rem;background:#fff4f8}.Poster-cardCopy{display:block;padding:1.5rem}.Page[data-demo-zoom] .Poster-cardCopy{padding-block-end:4.75rem}.Poster-number{font-size:.75rem;font-weight:750;color:var(--card-accent);letter-spacing:.12em}.Poster-card h3{margin-block:.5rem .75rem;font-size:1.65rem;line-height:1.2;letter-spacing:-.045em}.Poster-card p{max-width:36rem;font-size:1rem;line-height:1.6;color:var(--color-copy)}.Poster-open,.Poster-open:is(.skills,.docmap,.openclaw-dev-kit){inset:0;width:100%;height:100%;border-radius:1.5rem}.Poster-open .Poster-openBadge,.Poster-open.openclaw-dev-kit .Poster-openBadge{inset:auto auto 1.25rem 1.5rem;max-width:calc(100% - 3rem);min-height:2.75rem;font-size:.875rem;text-align:start;white-space:normal;transform:none}.Poster-documents,.Poster-teammate,.Poster-terminal,.Poster-workflow{display:flex;gap:.6rem;margin-block-start:1.25rem;font-size:.8125rem}.Poster-terminal{flex-direction:column;padding:1rem;color:#f3f7fb;background:var(--color-terminal);border-radius:.75rem;box-shadow:0 .35rem 0 #d8e9e1}.Poster-terminal>span:first-child{font-size:.75rem;color:#b0c3d1}.Poster-terminalReady{font-size:.75rem;color:#9cddcb}.Poster-teammate,.Poster-workflow{flex-wrap:wrap;align-items:center;color:var(--card-accent)}.Poster-teammate>span:nth-child(odd),.Poster-workflow code{padding:.5rem .65rem;background:#fff;border:1px solid var(--card-border);border-radius:.5rem}.Poster-documents{flex-direction:column;gap:.2rem;padding-inline-start:1rem;color:var(--card-accent);border-inline-start:2px solid var(--card-border)}}}@layer responsive{@media (width < 80rem){.Page:has(.Demo.open){overflow:hidden}.Demo{height:auto;padding:1rem}.Page[data-demo-zoom] .Demo{position:fixed;inset:0;z-index:5;align-items:stretch;height:100dvh;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain;background:var(--color-canvas)}.Demo-frame,.Demo.openclaw-dev-kit .Demo-frame{display:grid;grid-template-areas:"heading heading" "controls controls" "stage stage" "composer composer";grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1rem;width:100%;max-width:46rem;block-size:auto;min-height:0;aspect-ratio:auto;padding:0;container-type:inline-size}.Demo-veil,svg.Demo-stage{display:none}.Demo-intro,.Demo.openclaw-dev-kit .Demo-intro{position:relative;inset:auto;display:grid;grid-area:heading;gap:.4rem;max-width:none;margin:0}.Demo-heading{font-size:calc(clamp(1.625rem, 5cqw, 1.875rem));font-weight:750;line-height:1.15;letter-spacing:.015em;overflow-wrap:normal}.Demo-lead{font-size:1rem;line-height:1.5;text-wrap:pretty}.Compact,.Demo-stage.Board{grid-area:stage}.Demo-composer,.Demo-outro{grid-area:composer}.Demo.openclaw-dev-kit .Demo-lead{font-size:1.125rem}.Demo-opening{position:relative;inset:auto;grid-area:stage;gap:1.5rem;inline-size:auto;block-size:auto;background:none}.Demo-openingLead{max-inline-size:30rem;font-size:1rem;line-height:1.5}.Demo-start{min-block-size:2.75rem;padding-inline:1.5rem;font-size:1rem}.Demo-controls{--controls-top-padding:max(.75rem, env(safe-area-inset-top));position:sticky;inset:auto;top:calc(-1 * var(--controls-top-padding));z-index:2;flex-wrap:wrap;grid-area:controls;gap:.375rem;justify-content:flex-end;padding-block:var(--controls-top-padding) .75rem;margin-block:calc(-1 * var(--controls-top-padding)) -.75rem;background:var(--color-canvas)}.Demo-controls .Setup-cta{margin-inline-end:0}.Demo-controls .TopMenu{flex:1 1 auto;flex-wrap:wrap;gap:.375rem;justify-content:flex-end;min-width:0}.Demo-close,.Demo-play{padding-inline:.75em}.Demo-close,.Demo-play,.TopMenu-about,.TopMenu-github{min-width:2.75rem;min-height:2.75rem;font-size:.875rem}.Demo-controls .TopMenu-about{display:none}@media (width < 24rem){.Demo-controls,.Demo-controls .TopMenu{gap:.25rem}.Demo-close,.Demo-controls .Setup-cta,.Demo-play{font-size:.75rem}.Demo-playGlyph{display:none}.Demo-controls .Setup-cta{gap:.4em;padding-inline:.65em}}}}@layer responsive{@media (width < 80rem){.Compact{display:grid;gap:.75rem;min-width:0;padding:.25rem .25rem .5rem}.Page[data-demo-zoom] .Compact{min-block-size:8rem;overflow:hidden}.Compact>*{min-width:0}.Compact-chat,.Compact-files{display:grid;grid-template-rows:auto minmax(0,1fr);min-block-size:0;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem}.Compact-chatBody,.Compact-filesBody{min-block-size:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.Compact-bar{display:flex;gap:.75rem;align-items:baseline;justify-content:space-between;padding:.6rem 1rem;font-size:.8125rem;font-weight:650;border-bottom:1px solid rgba(128,151,172,.25)}.Compact-bar span{font-size:.6875rem;font-weight:400;color:var(--color-muted);text-align:end;overflow-wrap:anywhere}.Compact-note{padding:.85rem;font-size:.9375rem;color:var(--color-copy);background:#fff;border-radius:.85rem}.Compact-note h3{margin-block-end:.5rem;font-size:1rem;color:var(--color-ink)}.Compact-note :where(p+p){margin-block-start:.75rem}.Compact-cleared{position:absolute;inset-inline:0;top:50%;margin:0;font-size:.9375rem;color:var(--color-muted);text-align:center;pointer-events:none;translate:0 -50%}.Compact-call,.Compact-hint,.Compact-message{padding:.75rem;margin:.75rem 0 0;font-size:.9375rem;line-height:1.55}.Compact-message.user{background:#fff;border-radius:.75rem}.Compact-message:not(.user){--compact-lead:0;--compact-pad:0.3rem;position:relative;padding:.3rem 0 .3rem 1.35rem;margin-block-start:0}.Compact-message:not(.user):before{position:absolute;inset-block:0;inset-inline-start:.32rem;inline-size:1px;content:"";background:var(--color-border)}.Compact-message:not(.user):after{position:absolute;inset-block-start:.81rem;inset-inline-start:.1rem;inline-size:.45rem;block-size:.45rem;content:"";background:var(--demo-accent);border-radius:50%}.Compact-call+.Compact-message:not(.user),.Compact-cleared+.Compact-message:not(.user),.Compact-message.user+.Compact-message:not(.user){--compact-lead:0.75rem;margin-block-start:.75rem}.Compact-hint{display:none;color:var(--color-muted)}.Demo[data-demo-enhanced] .Compact-hint{display:block}}}@layer responsive{@media (width < 80rem){.Compact:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.Demo.sent-1 .Compact-hint,.Demo:is(.playing,.done) .Compact-hint{display:none}.Compact-conversation{--compact-pad:0;display:block;inline-size:100%;margin:.75rem 0 0}:is(.Compact-conversation,.Compact-subagents) :is(.Skills-skin,.Skills-mouth,.Skills-antenna,.Skills-antennaTip){stroke-width:1.4}.Compact-subagents{--compact-pad:0;display:block;inline-size:100%;max-inline-size:15rem;margin:.75rem auto 0}.Compact-alignShape{fill:none;stroke-width:1.4;stroke-dasharray:4 3}.Compact-alignShape.you{stroke:var(--color-blue);transform:translateX(48px)}.Compact-alignShape.agent{stroke:var(--color-green);transform:translateX(-48px)}.Compact-chatBody,.Compact-filesBody{padding:0 .85rem .85rem}.Compact-chatBody{position:relative}.Demo.docmap .Compact-files{grid-template-rows:auto auto}.Demo.docmap[data-demo-enhanced] .Compact-filesBody{max-block-size:9rem}.Compact-fileList,.Compact-tree{padding:0;margin:0;list-style:none}.Compact-fileList li,.Compact-tree li{--compact-lead:0.1rem;--compact-pad:0.15rem;padding-block:.15rem;margin-block-start:.1rem;font-size:.8125rem}.Compact-fileList li{padding-inline:.35rem;margin-inline:-.35rem;border-radius:.3rem}.Compact-tree li{display:flex;align-items:center;block-size:1.75rem;padding-block:0;margin:0}.Compact-fileList li:before,.Compact-tree .file:before{display:inline-block;inline-size:.7em;block-size:.85em;margin-inline-end:.5rem;vertical-align:-.1em;content:"";background:#fff;border:1px solid var(--color-border);border-radius:.15rem}.Compact-tree .folder:before{display:inline-block;inline-size:.9em;block-size:.75em;margin-inline-end:.5rem;vertical-align:-.05em;content:"";background:#e2edf8;border:1px solid #7195b7;border-radius:.15rem .15rem .15rem 0}.Compact-tree .nested{padding-inline-start:1rem}.Compact-tree .deep{padding-inline-start:2rem}.Compact-files .Compact-note{margin-block-start:.85rem;font-size:.875rem}.Demo.skills[data-demo-enhanced] .Compact-scene{display:none}.Demo.skills.sent-2:not(.sent-4) .Compact-scene.two,.Demo.skills.sent-3:not(.sent-4) .Compact-scene.three,.Demo.skills.sent-4 .Compact-scene.four,.Demo.skills[data-demo-enhanced]:not(.sent-2) .Compact-scene.one{display:flow-root}.Demo.docmap[data-demo-enhanced]:not(.playing,.done) .Compact .Docmap-chatEntry,.Demo.skills[data-demo-enhanced]:not(.sent-1) .Compact-scene.one>:not(.Compact-hint),.Demo.skills[data-demo-enhanced]:not(.sent-2) .Compact-files .two,.Demo.skills[data-demo-enhanced]:not(.sent-3) .Compact-files .three,.Demo.skills[data-demo-enhanced]:not(.sent-4) .Compact-files :is(.four,.Compact-note){display:none}.Demo.docmap .Demo-lead,.Demo.skills[data-demo-enhanced] .Demo-lead{display:none}.Compact-lead{display:none;padding-inline:1.25rem;margin:0;font-size:1.0625rem;line-height:1.5;text-align:center;text-wrap:pretty}.Demo.skills[data-demo-enhanced]:not(.sent-2) .Compact-lead{display:grid;align-content:center}.Demo.skills[data-demo-enhanced]:not(.sent-2) .Compact-files{display:none}.Compact-call{font-size:.875rem;background:#fff;border:1px solid #dbe3ea;border-radius:.75rem}.Compact-callHeading{margin-block-end:.5rem;font-weight:650;color:var(--color-green)}.Demo-composer{position:relative;inset:auto;flex:none;inline-size:100%;block-size:6rem}.Demo-composerText{padding:1rem 4.25rem 1rem 1rem;font-size:1rem}.Demo-composerText,.Docmap-requestMirror{border-radius:.85rem}.Docmap-requestMirror>div{padding:1rem 4.25rem 1rem 1rem;font-size:1rem}.Demo-send{inset-block-end:.75rem;inset-inline-end:.75rem;inline-size:2.75rem;block-size:2.75rem;font-size:1.5rem}}}@layer responsive{@media (width < 80rem){.Demo.typing .Demo-composer:has(.Demo-composerText:empty):before{inset-block-start:calc(1rem + 2px);inset-inline-start:calc(1rem + 1px);inline-size:2px;block-size:1.2rem}.Demo:is(.skills,.docmap).done .Demo-composer{display:none}.Demo:is(.skills,.docmap).done .Demo-outro{display:grid;gap:.6rem;justify-items:center;min-block-size:4.5rem;padding:.85rem 1rem;color:var(--color-blue-dark);text-align:center;background:#fff;border:1px solid #d3e3f1;border-radius:.85rem}.Demo-outroLabel{font-size:.75rem;font-weight:750;color:var(--color-blue-dark);text-transform:uppercase;letter-spacing:.12em}.Demo-outroFlow{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center}.Demo-outroStep{padding:.3rem .8rem;font-size:.9375rem;font-weight:650;color:var(--color-blue-dark);background:var(--color-surface);border:1px solid #d3e3f1;border-radius:999px}.Demo-outroChevron{flex:none;block-size:1.05em}.Demo-outroChevron .Skills-chevron{fill:#b3cde4}.Demo.docmap.done .Demo-outro{display:block;font-size:.9375rem;font-weight:400;line-height:1.5;text-align:start;text-wrap:pretty}.Demo.openclaw-dev-kit,.Page[data-demo-zoom] .Demo.openclaw-dev-kit{padding-inline:0}.Demo.openclaw-dev-kit .Demo-frame{max-width:none}}}@layer responsive{@media (width < 80rem){.Demo.openclaw-dev-kit :is(.Demo-heading,.Demo-controls,.Demo-lead){margin-inline:max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right))}.Demo-stage.Board{--board-unit:calc(min(1rem, 4.7619cqw - .13095rem));grid-template-rows:none;grid-template-columns:1fr;gap:1.25rem;align-content:start;padding:.25rem 0 1rem;margin-block-start:0}.Page[data-demo-zoom] .Demo-stage.Board{min-height:8rem;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.Board-lane,.Board-lane.human{border-width:1px;border-inline-width:0;border-radius:0;grid-template-rows:auto auto;padding:1rem max(.75rem,env(safe-area-inset-right)) 2.75rem max(.75rem,env(safe-area-inset-left))}.Board-laneHeading{column-gap:.75rem;margin-block-end:1.75rem}.Board-laneHeading h3{font-size:1.125rem;line-height:1.25}.Board-avatar{width:2.5rem}.Board-sideNote{display:none}.Board-lane.agent .Board-topics,.Board-topics{display:flex;flex-wrap:wrap;gap:2.75rem 1.5rem;align-items:start;justify-content:space-around;min-block-size:0;padding-inline:.25rem}.Board-topics .Board-note{position:relative;inset:auto;flex:none;max-inline-size:100%;margin-inline-end:auto}.Board-topics .Board-note:nth-child(2n){margin-inline:auto 0}.Board-topics .Board-note:is(.workflow,.comparison){margin-inline:auto}.Board-perspective{--card-text:0.9rem;grid-template-columns:1fr;gap:1.5rem;padding:.5rem .75rem 1rem}.Board-note.future,.Board-perspective .Board-note.behavior{grid-column:1;inline-size:100%}.Board-perspective .Board-note.behavior{padding:.9rem 1rem;border-width:1px}.Board-note.future{grid-template-areas:"title title" "copy art";column-gap:.5rem}.Board-role{display:none}.Board-illustration{min-width:2.75rem;min-height:2.75rem}.Board-more{min-height:2.75rem}.Board-note.behavior .Board-doodle{width:2.5rem}.Board-note.future .Board-doodle{width:4rem}.Board-popover{max-height:calc(100dvh - 2rem);padding:1.25rem}.Board-popover h3{font-size:1.375rem}.Board-dismiss{width:2.75rem;height:2.75rem}.Board-illustration:focus-visible,.Board-more:focus-visible,.Board-note:has(:focus-visible){outline-width:2px;outline-offset:2px}}}@layer responsive{@media (width < 80rem){.Page[data-demo-zoom] .Demo.skills .Compact{grid-template-rows:minmax(0,3fr) minmax(0,5fr)}.Page[data-demo-zoom] .Demo.docmap .Compact{grid-template-rows:auto minmax(0,1fr)}@keyframes compactEntry{0%{margin-block-start:0;max-block-size:0;opacity:0;padding-block:0}to{margin-block-start:var(--compact-lead,.75rem);max-block-size:100dvh;opacity:1;padding-block:var(--compact-pad,.75rem)}}.Compact-call,.Compact-conversation,.Compact-fileList li,.Compact-files .Compact-note,.Compact-message,.Compact-subagents{overflow:hidden}}}@layer responsive{@media (width < 80rem){.Demo.docmap:is(.playing,.done) .Compact :is(.Compact-message,.Compact-call),.Demo.skills:is(.sent-1,.sent-2,.sent-3,.sent-4) .Compact :is(.Compact-message,.Compact-conversation,.Compact-subagents,.Compact-note){animation-name:compactEntry;animation-duration:.3s;animation-timing-function:ease-out}.Demo.skills:is(.sent-2,.sent-3,.sent-4) .Compact-fileList .Skills-file{animation-name:compactEntry,compactFileGlow;animation-duration:.3s,3s;animation-timing-function:ease-out,ease-out}@keyframes compactFileGlow{0%,35%{background-color:#fff1a8}to{background-color:transparent}}.Demo.skills.sent-4 .Compact-cleared{animation-name:compactCleared;animation-duration:1.6s;animation-timing-function:linear}@keyframes compactCleared{0%,to{opacity:0}15%,62%{opacity:1}}.Demo.skills{--demo-scene-1:5.4s}.Demo.skills.sent-1 .Compact-conversation{animation-delay:1.2s}.Demo.skills.sent-1 .Compact .Skills-step.one.fast.first{animation-delay:1.6s}.Demo.skills.sent-1 .Compact .Skills-step.one.fast.second{animation-delay:2s}.Demo.skills.sent-1 .Compact .Skills-step.one.fast.third{animation-delay:2.4s}.Demo.skills.sent-1 .Compact .Skills-step.one.fast.fourth{animation-delay:2.8s}.Demo.skills.sent-1 .Compact-alignShape.you{animation:compactAlignYou 2.4s 1.2s both}.Demo.skills.sent-1 .Compact-alignShape.agent{animation:compactAlignAgent 2.4s 1.2s both}.Demo.skills.sent-1 .Compact .Skills-step.one.aligned{animation-delay:3.3s}@keyframes compactAlignYou{0%,16.7%{transform:translateX(0)}20.8%,33.3%{transform:translateX(11px)}37.5%,50%{transform:translateX(21px)}54.2%,66.7%{transform:translateX(29px)}70.8%,83.3%{transform:translateX(37px)}87.5%,to{transform:translateX(48px)}}@keyframes compactAlignAgent{0%,16.7%{transform:translateX(0)}20.8%,33.3%{transform:translateX(-11px)}37.5%,50%{transform:translateX(-21px)}54.2%,66.7%{transform:translateX(-29px)}70.8%,83.3%{transform:translateX(-37px)}87.5%,to{transform:translateX(-48px)}}}}@layer responsive{@media (width < 80rem){.Docmap-start{display:none}.Compact-intro{display:grid;gap:1.25rem;justify-items:center;max-inline-size:30rem;margin-inline:auto}.Compact-introLead{font-size:1rem;line-height:1.5;text-align:center;text-wrap:pretty}.Compact-excerpt{inline-size:100%;padding:1rem;font-size:.9375rem;line-height:1.55;background:var(--color-surface);border:1px solid var(--color-border);border-radius:1rem}.Compact-excerptName{margin-block-end:.75rem;font-size:.8125rem;color:var(--color-muted)}.Compact-excerptHeading{margin-block-end:.5rem;font-weight:650}.Compact-start{min-block-size:2.75rem;padding-inline:1.5rem;font:inherit;font-weight:650;color:#fff;cursor:pointer;background:var(--demo-accent);border:0;border-radius:999px}.Compact-start:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:2px}.Demo.docmap[data-demo-enhanced].waiting .Compact{grid-template-rows:auto;align-content:center}.Demo.docmap[data-demo-enhanced].waiting .Compact :is(.Compact-files,.Compact-chat),.Demo.docmap[data-demo-enhanced].waiting .Demo-composer,.Demo.docmap[data-demo-enhanced]:not(.waiting) .Compact-intro{display:none}.Docmap-mark{padding-inline:.2rem;margin-inline:-.2rem;border-radius:.25rem}.Docmap-draftCueText{outline:2px solid transparent;outline-offset:1px;border-radius:.2em}.Demo.docmap.draftCue .Docmap-draftCueText{outline-color:var(--docmap-cue);animation:docmapCueShine 1.5s ease-in-out infinite alternate}.Docmap-mark.root{--compact-match:#fff1a8}.Docmap-mark.topic{--compact-match:#bfead5}.Docmap-mark.path{--compact-match:#cfe4fb}.Demo.docmap:is(.playing,.done) .Compact .Docmap-mark{animation-name:compactMatch;animation-duration:4s;animation-timing-function:linear;animation-fill-mode:forwards}.Demo.docmap:is(.playing,.done) .Compact .Docmap-mark.root{animation-delay:1s}.Demo.docmap:is(.playing,.done) .Compact .Docmap-mark.topic{animation-delay:3s}.Demo.docmap:is(.playing,.done) .Compact .Docmap-mark.path{animation-delay:5s}@keyframes compactMatch{0%,60%{background-color:var(--compact-match)}to{background-color:transparent}}}}@layer responsive{@media (width < 80rem){@media (hover:none){.Demo.ready .Demo-send:enabled{color:var(--color-ink);animation:demoSendInvite 1.6s ease-in-out infinite}}@media (width >= 42rem){.Poster-frame{grid-template-columns:1fr 1fr}.Poster-card.docmap,.Poster-card.openclaw-dev-kit,.Poster-intro,.TopMenu.poster{grid-column:1/-1}.Board-topics{grid-template-columns:1fr 1fr}}@media (height < 32rem) and (orientation:landscape){.Demo-frame,.Demo.openclaw-dev-kit .Demo-frame{gap:.5rem}.Demo-lead{font-size:.875rem}.Demo-composer{block-size:4.5rem}.Page[data-demo-zoom] .Demo.skills .Compact{grid-template-rows:minmax(0,2fr) minmax(0,5fr)}}@media (height < 24rem){.Page[data-demo-zoom] .Demo:not([hidden]){display:block;overflow:auto}.Demo-frame,.Demo.openclaw-dev-kit .Demo-frame{grid-template-rows:auto;margin-inline:auto}.Page[data-demo-zoom] :is(.Compact,.Demo-stage.Board){min-height:0;overflow:visible}.Page[data-demo-zoom] .Demo :is(.Compact,.Compact-chat,.Compact-files){grid-template-rows:none}.Page[data-demo-zoom] .Demo :is(.Compact-chatBody,.Compact-filesBody){overflow:visible}.Demo-composer{position:sticky;bottom:0;background:var(--color-canvas)}}}}@layer responsive{@media (width < 80rem){.Poster-frame>noscript{grid-column:1/-1;text-align:center}.Demo.about .Demo-frame{grid-template-areas:"heading heading" "controls controls" "stage stage";grid-template-rows:auto auto minmax(0,1fr)}.Demo-stage.About{position:relative;inset:auto;grid-area:stage;gap:2rem;inline-size:auto;block-size:auto;min-height:0;padding:1rem .25rem;overflow:visible;font-size:1rem}.Page[data-demo-zoom] .About{overflow:auto;overscroll-behavior:contain}.About-column,.About-main{grid-template-columns:minmax(0,1fr);gap:2rem}.About-portrait{width:7rem;margin-block-end:1.25rem;border-radius:1rem}.About-person h3{font-size:2rem}.About-socialLink{min-width:2.75rem;min-height:2.75rem}.About-timeline{gap:1.25rem;padding-inline-start:1.25rem;margin-block-start:1.5rem}.About-timeline li:before{inset-inline-start:calc(-1.5rem - 1px);width:.5rem;height:.5rem}.About-timeline li{display:block}.About-timeline h4{margin-block-start:.2em}.About-license{padding:1.25rem;border-radius:1rem}.About-repository{inset-block-start:1.25rem;inset-inline-end:1.25rem}@media (width >= 42rem){.About-person{display:grid;grid-template-columns:7rem 1fr;gap:1.5rem;align-items:start}}@media (height < 24rem){.Demo.about .Demo-frame{grid-template-rows:auto}.Page[data-demo-zoom] .About{overflow:visible}}}}@layer responsive{@media (width < 80rem){.Setup-cta{min-height:2.75rem;padding-inline:.9em;font-size:.8125rem}.Demo.setup .Demo-frame{grid-template-areas:"heading heading" "controls controls" "stage stage";grid-template-rows:auto auto minmax(0,1fr)}.Demo-stage.Setup{position:relative;inset:auto;grid-area:stage;grid-template-columns:minmax(0,1fr);gap:2rem;align-content:start;inline-size:auto;block-size:auto;min-height:0;padding:1rem .25rem;overflow:visible;font-size:1rem}.Page[data-demo-zoom] .Setup{overflow:auto;overscroll-behavior:contain}.Setup h3{font-size:calc(clamp(2rem, 7cqw, 3rem))}.Setup-steps{gap:1rem}.Setup-steps li{min-width:0;padding:1.25rem;border-radius:1rem}.Setup-copy{min-height:2.75rem}@media (height < 24rem){.Demo.setup .Demo-frame{grid-template-rows:auto}.Page[data-demo-zoom] .Setup{overflow:visible}}}}