@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:#fdfcfb;--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-green-soft:#edf9f4;--color-terminal:#172738;--color-focus:#005fcc;--composition-min-width:0;--frame-pad:1.1rem;--zoom-flight:0.56s;--zoom-ease:cubic-bezier(0.5, 0.05, 0.2, 1);--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}.Demo[hidden]{display:none}}@layer components{.Poster-image{display:block;width:100%;height:100%}.Poster-source{position:absolute;inset-block-start:2.6%;inset-inline-end:2.7%;display:inline-flex;align-items:center;padding:.62em;font-size:1.02cqw;text-decoration:none;background:hsla(0,0%,100%,.7);border:1px solid var(--color-border);border-radius:999px}.Poster-sourceMark{display:block;width:auto;height:1.55em}.Poster-source:hover{background:var(--color-surface);border-color:var(--color-blue)}.Poster-source:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.2rem}.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);--zoom-flight:0.4s}.Demo.skills{--demo-accent:var(--color-blue-dark);--zoom-flight:0.4s}.Demo.docmap{--demo-accent:#956310;--zoom-flight:0.4s}.Demo.openclaw-dev-kit{--demo-accent:#983b5b;--zoom-flight:0.4s}.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:#f3f7f4;border:.075cqw solid #b5d2c3;border-radius:1.5cqw 3.3cqw 1.6cqw 2.6cqw}.Board-lane.human{background:#fdf9f2;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-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:#fffefb;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:#edf5f1;border-radius:50%}.Board-dismiss:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:.2rem}}@layer components{.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:0}.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:2.4%;display:grid;gap:.4cqh;max-width:58%}.Demo-heading{font-size:1.12cqw;font-weight:700;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%}.Demo.openclaw-dev-kit .Demo-lead{font-size:2.05cqw;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-end:2.4%;display:flex;gap:.8cqw;align-items:center}.Demo-close,.Demo-play{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{justify-content:center;width:2.5em;aspect-ratio:1;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%}.Demo-close:hover{color:var(--color-ink);border-color:var(--color-ink)}.Demo-close[hidden],.Demo-play[hidden]{display:none}.Demo-close:focus-visible,.Demo-play: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-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.Demo-panel{fill:var(--color-surface);stroke:#d8e5f1;stroke-width:1.5}.Demo-window{fill:#14263a;stroke:#0a1724;stroke-width:1}.Demo-windowBar{fill:#1e3349}.Demo-windowTitle{fill:#7c94ac}.Demo-windowSeam{stroke:hsla(0,0%,100%,.08);stroke-width:1}.Demo-panelSeam{stroke:#e2ecf5;stroke-width:1.5}.Demo-caret{fill:#7be2b8;transform-box:fill-box}.Demo-termUser{font-weight:700;fill:#48d39a}.Demo-termPath{font-weight:700;fill:#8fd0ff}.Demo-termCmd,.Demo-termPunct{fill:#f3f7fb}.Demo-termText{fill:#cdd9e5}.Demo-termStrong{font-weight:700;fill:#f3f7fb}.Demo-termOk{fill:#48d39a}.Demo-termLink{text-decoration:underline;fill:#8fd0ff}.Demo-termApi{fill:#7fd8e6}.Demo-termFront{fill:#d9a8ff}.Demo-typerCover{fill:#14263a}.Demo-browser{fill:var(--color-surface);stroke:#d8e5f1;stroke-width:1.5}.Demo-browserBar{fill:#f1f6fb}.Demo-browserSeam{stroke:#e2ecf5;stroke-width:1.5}.Demo-browserUrlPill{fill:var(--color-surface);stroke:#dde8f2;stroke-width:1}.Demo-browserUrl{fill:var(--color-muted)}.Demo-browserLine{font-weight:600;fill:var(--color-ink)}.Demo-browserBranch.neutral{fill:#eef2f6}.Demo-browserBranch.green{fill:var(--color-green-soft)}.Demo-browserBranchText.neutral{fill:var(--color-muted)}.Demo-browserBranchText.green{font-weight:700;fill:var(--color-green)}.Demo-slideTitle{font-weight:700;fill:var(--color-ink)}.Demo-slideText{fill:var(--color-copy)}.Demo-slideNote{fill:var(--color-muted)}.Demo-slideValue{font-weight:600;fill:var(--color-ink)}.Demo-slideDot{fill:var(--color-green)}.Demo-browserCaption{fill:var(--color-muted)}.Demo-captionPale{fill:#a3b3c2}.Demo-captionBranch{fill:#7fa9d4}.Demo-captionWorktree{fill:#a894cf}.Demo-captionHot{font-weight:700;fill:#9b2c2c}.Demo-captionAccent{fill:var(--color-green)}.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-outputSurface,.Docmap-tree .Docmap-surface{fill:#f7f9fb}.Docmap-bar{fill:#edf2f6}.Docmap-instructionSurface{fill:#fffaf0;stroke:#e5d6ad;stroke-width:1}.Docmap-instructionBar{fill:#f5ecd7}.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:#f0f5fa;stroke:#d8e3ec;stroke-width:1}.Docmap-toolBubble{fill:#fafbfc;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}.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-composer textarea{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;resize:none;background:#fff;border:1px solid #cbd6e0;border-radius:.6cqw}}@layer components{.Demo-composer textarea:placeholder-shown{caret-color:transparent}.Demo.typing .Demo-composer:has(textarea:placeholder-shown):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-composer textarea:focus-visible,.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;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-panel{fill:#f7f9fb}.Skills-bar{fill:#edf2f6}.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:#eef5fc;stroke:#d3e3f1;stroke-width:1}.Skills-agentBubble{fill:#fff;stroke:#cfe0d8;stroke-width:1}.Skills-toolBubble{fill:#fafbfc;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}.Poster-about{position:absolute;inset-block-start:2.6%;inset-inline-end:7.2%;padding:.65em 1em;font-size:1.12cqw;color:var(--color-copy);text-decoration:none;cursor:pointer;background:transparent;border-radius:999px}.Poster-about[hidden]{display:none}.Poster-about:hover{color:var(--color-blue-dark);background:var(--color-surface)}}@layer components{.About a:focus-visible,.Poster-about: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:hsla(0,0%,100%,.7);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-partnerLogo{display:block;width:10cqw;max-width:100%;height:auto}.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,.About-partner{padding:1.5cqw;border:1px solid var(--color-border);border-radius:1cqw}.About-partner{max-width:28cqw;background:#edf9f4}.About-license{position:relative;background:#edf6ff}.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}.Poster-cta{position:absolute;inset-block-start:2.6%;inset-inline-end:15%}.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:#edf6ff}.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:#edf6ff}.Setup-note{margin-block-start:1.2em;font-size:.85em}}@layer motion{.Demo-browserWorkspace,.Demo-caret,.Demo-termScroll>.Demo-termLine:not(.prompt),.Demo-termState,.Demo-termTwo,.Demo-windowTitle.after{opacity:0}.Demo.waiting .Demo-caret{opacity:1}.Demo-browserCaption>tspan{fill-opacity:0}.Demo.waiting .Demo-caret{animation:demoCaretBlink 1.1s step-end infinite}.Poster{transition:opacity var(--zoom-flight) var(--zoom-ease)}.Page:has(.Demo.open:not(.closing)) .Poster{opacity:.35}.Page:has(.Demo.openclaw-dev-kit.open:not(.closing)) .Poster{opacity:0}:where(.Page[data-demo-zoom]) :is(.Demo-stage,.Demo-intro,.Demo-controls,.Demo-composer){opacity:0}.Demo.open .Demo-veil{animation:demoZoomVeil .26s linear both}.Demo.open :is(.Demo-intro,.Demo-controls){animation:demoRiseIn .42s .12s both}.Demo.closing .Demo-veil{animation:demoZoomVeil .26s calc(-.26s + var(--zoom-flight)) reverse both}.Demo.closing :is(.Demo-stage,.Demo-intro,.Demo-controls,.Demo-composer){animation:demoFadeOut .14s linear both}.Demo.open:not(.closing) :is(.Demo-stage,.Demo-composer){animation:demoRiseIn .25s .15s both}}@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(textarea:placeholder-shown):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 var(--zoom-ease)}.Demo.docmap[data-demo-enhanced].waiting .Docmap-instructions{transform:translate(77.5px,246px)}.Page:has(.Demo.docmap[data-demo-enhanced].waiting.open:not(.closing)) .Poster{opacity:.1}.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:not(.closing) .Demo-send:enabled:not(:hover){animation:demoSendInvite 1.6s ease-in-out infinite}.Demo.workspaces{--demo-duration:22.7s;--demo-intro-step:1}.Demo-opening{opacity:0}.Demo.workspaces[data-demo-enhanced] .Demo-opening{transition:opacity .28s linear}.Demo.workspaces[data-demo-enhanced].open:not(.closing).waiting .Demo-opening{animation:demoFadeIn .25s .15s both}.Demo.workspaces[data-demo-enhanced] .Demo-start{transition:opacity .25s linear}.Demo.workspaces[data-demo-enhanced] .Demo-start[hidden]{opacity:0}.Demo.workspaces[data-demo-enhanced].waiting .Demo-lead,.Demo.workspaces[data-demo-enhanced].waiting .Demo-stage{visibility:hidden}}@layer motion{.Demo.workspaces:is(.playing,.done) .Demo-typer.one{animation:demoWorkspacesCaret 1.9s step-end .6s both,demoFadeOut .05s linear 2.7s both}.Demo.workspaces .Demo-caret{opacity:1;stroke:#7be2b8;stroke-opacity:0;stroke-width:1.2}.Demo.workspaces:is(.playing,.done) .Demo-typer .Demo-caret{animation:demoCaretBlink 1.1s step-end infinite}.Demo.workspaces:is(.playing,.done) .Demo-termState.ready .Demo-caret{animation:demoCaretBlink 1.1s step-end 9.545,demoCaretUnfocus .05s linear 10.5s both}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:last-child .Demo-caret{animation:demoCaretBlink 1.1s step-end 16.909,demoCaretUnfocus .05s linear 18.6s both}.Demo.workspaces:is(.playing,.done) .Demo-termScroll>.Demo-termLine:not(.prompt){animation-name:demoFadeIn;animation-duration:.05s;animation-timing-function:linear;animation-fill-mode:both}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(2){animation-delay:3s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(3){animation-delay:4s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(4){animation-delay:4s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(5){animation-delay:4s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(6){animation-delay:4.1s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(7){animation-delay:4.1s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(8){animation-delay:4.1s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(9){animation-delay:4.1s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(10){animation-delay:4.1s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one>:nth-child(11){animation-delay:4.2s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.one{animation:demoWorkspacesScrollOne 4.8s step-end forwards}.Demo.workspaces:is(.playing,.done) .Demo-termState{animation-name:demoHold;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:forwards}.Demo.workspaces:is(.playing,.done) .Demo-termState:first-child{animation-delay:4.6s}.Demo.workspaces:is(.playing,.done) .Demo-termState:nth-child(2){animation-delay:5.6s}.Demo.workspaces:is(.playing,.done) .Demo-termState:nth-child(3){animation-delay:6.6s}.Demo.workspaces:is(.playing,.done) .Demo-termState:nth-child(4){animation-delay:7.6s}.Demo.workspaces:is(.playing,.done) .Demo-termState:nth-child(5){animation-delay:8.6s}.Demo.workspaces:is(.playing,.done) .Demo-termState.ready{animation:demoFadeIn .05s linear 9.6s both}.Demo.workspaces:is(.playing,.done) .Demo-termTwo{animation:demoRiseIn .4s 10.5s both}.Demo.workspaces:is(.playing,.done) .Demo-windowTitle.before{animation:demoFadeOut .05s linear 12s both}.Demo.workspaces:is(.playing,.done) .Demo-windowTitle.after{animation:demoFadeIn .05s linear 12s both}.Demo.workspaces:is(.playing,.done) .Demo-typer.cd{animation:demoWorkspacesCaretCd .8s step-end 11.1s both,demoFadeOut .05s linear 12s both}.Demo.workspaces:is(.playing,.done) .Demo-typer.dev{animation:demoWorkspacesCaretDev .8s step-end 12.5s both,demoFadeOut .05s linear 13.5s both}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(2){animation-delay:12.1s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(3){animation-delay:13.6s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(4){animation-delay:13.9s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(5){animation-delay:14.4s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(6){animation-delay:14.4s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(7){animation-delay:14.5s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(8){animation-delay:14.7s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(9){animation-delay:14.7s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(10){animation-delay:15.1s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(11){animation-delay:15.1s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(12){animation-delay:15.6s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(13){animation-delay:15.6s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(14){animation-delay:15.6s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(15){animation-delay:16s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(16){animation-delay:16.2s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(17){animation-delay:16.4s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(18){animation-delay:16.8s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(19){animation-delay:17.4s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(20){animation-delay:17.6s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(21){animation-delay:17.6s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(22){animation-delay:17.7s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(23){animation-delay:17.7s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(24){animation-delay:17.7s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(25){animation-delay:17.8s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(26){animation-delay:17.8s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(27){animation-delay:17.8s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(28){animation-delay:17.8s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(29){animation-delay:17.9s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two>:nth-child(30){animation-delay:18s}.Demo.workspaces:is(.playing,.done) .Demo-termScroll.two{animation:demoWorkspacesScrollTwo 18.1s step-end forwards}.Demo.workspaces:is(.playing,.done) .Demo-browserWorkspace{animation:demoRiseIn .6s 18.6s both}.Demo.workspaces:is(.playing,.done) .Demo-browserCaption>tspan{animation-name:demoInkIn;animation-duration:.3s;animation-timing-function:linear;animation-fill-mode:both}.Demo.workspaces:is(.playing,.done) .Demo-browserCaption>tspan:first-child{animation-delay:19.4s}.Demo.workspaces:is(.playing,.done) .Demo-browserCaption>tspan:nth-child(2){animation-delay:19.8s}.Demo.workspaces:is(.playing,.done) .Demo-browserCaption>tspan:nth-child(3){animation-delay:20.2s}.Demo.workspaces:is(.playing,.done) .Demo-browserCaption>tspan:nth-child(4){animation-delay:20.6s}.Demo.workspaces:is(.playing,.done) .Demo-browserCaption>tspan:nth-child(5){animation-delay:21s}.Demo.workspaces:is(.playing,.done) .Demo-browserCaption>tspan:nth-child(6){animation-delay:21.5s}.Demo.workspaces:is(.playing,.done) .Demo-browserCaption>tspan:nth-child(7){animation-delay:21.9s}}@layer motion{.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}.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-duration:.3s;animation-delay:6.6s}.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 demoWorkspacesCaret{0%{transform:translateX(0)}18.38%{transform:translateX(37.5px)}36.76%{transform:translateX(112.5px)}55.14%{transform:translateX(157.5px)}73.51%{transform:translateX(180px)}91.89%{transform:translateX(367.5px)}to{transform:translateX(367.5px)}}@keyframes demoWorkspacesCaretCd{0%{transform:translateX(0)}40.96%{transform:translateX(22.5px)}81.93%{transform:translateX(330px)}to{transform:translateX(330px)}}@keyframes demoWorkspacesCaretDev{0%{transform:translateX(0)}40.96%{transform:translateX(37.5px)}81.93%{transform:translateX(60px)}to{transform:translateX(60px)}}@keyframes demoWorkspacesScrollOne{0%{transform:translateY(0)}87.5%{transform:translateY(-17px)}96.84%{transform:translateY(-34px)}to{transform:translateY(-34px)}}@keyframes demoWorkspacesScrollTwo{0%{transform:translateY(0)}86.14%{transform:translateY(-34px)}88.35%{transform:translateY(-51px)}89.45%{transform:translateY(-68px)}90.56%{transform:translateY(-85px)}92.77%{transform:translateY(-102px)}96.08%{transform:translateY(-119px)}97.18%{transform:translateY(-153px)}97.74%{transform:translateY(-204px)}98.29%{transform:translateY(-272px)}98.84%{transform:translateY(-289px)}99.17%{transform:translateY(-306px)}to{transform:translateY(-306px)}}@keyframes demoFadeOut{0%{opacity:1}to{opacity:0}}@keyframes demoInkIn{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes demoCaretUnfocus{0%{fill-opacity:1;stroke-opacity:0}to{fill-opacity:0;stroke-opacity:1}}@keyframes demoHold{0%,98%{opacity:1}to{opacity:0}}@keyframes demoZoomVeil{0%{opacity:0}to{opacity:.955}}}@layer motion{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.Demo.waiting .Demo-caret{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,.Poster-source:focus-visible{outline-color: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{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)}.Poster-source{position:relative;inset:auto;justify-self:center;min-height:2.75rem;margin-block-end:.75rem;font-size:.875rem}.Poster-card{--card-accent:#14765c;--card-border:#c9e7da;position:relative;display:block;background:linear-gradient(135deg,#edf9f3,#f8fcf9);border:1px solid var(--card-border);border-radius:1.5rem}.Poster-card.skills{--card-accent:#075aa5;--card-border:#c4e4ff;background:linear-gradient(135deg,#edf6ff,#f8fbff)}.Poster-card.docmap{--card-accent:#835610;--card-border:#efdfac;background:linear-gradient(135deg,#fff8e3,#fffdf6)}.Poster-card.openclaw-dev-kit{--card-accent:#983b5b;--card-border:#efd0db;margin-block-start:.75rem;background:linear-gradient(135deg,#fff0f5,#fff9fb)}.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:hsla(0,0%,100%,.85);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" "lead lead" "stage stage" "composer composer";grid-template-rows:auto 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{display:contents}.Demo-heading{grid-area:heading;align-self:center;font-size:.8125rem;letter-spacing:.1em}.Demo-lead{grid-area: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.75rem}.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{position:sticky;inset:auto;top:0;z-index:2;flex-wrap:wrap;grid-area:controls;gap:.5rem;justify-content:flex-end;background:var(--color-canvas)}.Demo-controls .Setup-cta{margin-inline-end:auto}.Demo-close,.Demo-play{min-width:2.75rem;min-height:2.75rem;font-size:.875rem}.Demo-close{width:2.75rem}.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,.Compact-terminal{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,.Compact-terminalBody{min-block-size:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.Compact-terminal{color:#eaf2fa;background:var(--color-terminal);border-color:#263e55}.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-terminalBody{display:grid;gap:.75rem;align-content:start;padding:.85rem 1rem;font-size:.8125rem}}}@layer responsive{@media (width < 80rem){.Compact-terminalBody :where(p+p){margin-block-start:.4rem}.Compact-success{color:#9cddcb}.Compact-swap{padding-inline-start:1rem}.Compact-swap>span{display:block}.Demo[data-demo-enhanced] .Compact-swap{display:grid}.Demo[data-demo-enhanced] .Compact-swap>span{grid-area:1/1}.Compact-addresses{display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;margin-block:.75rem;font-size:.8125rem}.Compact-addresses dd{margin:0;overflow-wrap:anywhere}.Compact-note{padding:.85rem;font-size:.9375rem;color:var(--color-copy);background:#edf5f1;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-conclusion{min-block-size:0;padding:.85rem 1rem;overflow:auto;overscroll-behavior:contain;font-size:.9375rem;line-height:1.5;color:var(--color-copy);text-wrap:pretty;scrollbar-width:thin;background:#edf5f1;border-radius:.85rem}.Compact-equation{margin-block-end:.85rem;color:var(--color-muted);text-align:center}.Compact-equation .pale{color:#a3b3c2}.Compact-equation .branch{color:#7fa9d4}.Compact-equation .worktree{color:#a894cf}.Compact-equation .hot{font-weight:700;color:#9b2c2c}.Compact-equation .accent{color:var(--color-green)}.Compact-conclusion h3{margin-block-end:.5rem;font-size:1rem;color:var(--color-ink)}.Compact-conclusionList{display:grid;gap:.4rem;padding:0;margin:0;list-style:none}.Compact-conclusionList li{position:relative;padding-inline-start:1rem}.Compact-conclusionList li:before{position:absolute;inset-block-start:.55em;inset-inline-start:0;inline-size:.4rem;block-size:.4rem;content:"";background:var(--color-green);border-radius:50%}.Compact-conclusionList code{font-weight:600;color:var(--color-ink)}.Compact-conclusionNote{margin-block-start:.75rem;color:var(--color-muted)}.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:#edf4fb;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:#eef3f8;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.skills[data-demo-enhanced] .Demo-lead,.Demo:is(.workspaces,.docmap) .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:#fafbfc;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-composer textarea{padding:1rem 4.25rem 1rem 1rem;font-size:1rem;border-radius:.85rem}.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(textarea:placeholder-shown):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:#eef5fc;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:block;margin:.25rem 0 0;font-size:.8125rem}.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){.Demo.closing .Compact{animation:demoFadeOut .14s linear both}.Demo.open:not(.closing) .Compact{animation:demoRiseIn .25s .15s both}.Page[data-demo-zoom] .Demo.workspaces .Compact{grid-template-rows:minmax(0,5fr) minmax(0,4fr) minmax(0,8fr)}.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}.Demo.workspaces{--demo-duration:12s}.Demo.workspaces[data-demo-enhanced].waiting .Compact,.Demo.workspaces[data-demo-enhanced]:not(.waiting) .Demo-opening{display:none}.Demo.workspaces[data-demo-enhanced] .Compact-reveal{opacity:0}}}@layer responsive{@media (width < 80rem){.Demo.workspaces:is(.playing,.done) .Compact-reveal{animation:demoFadeIn .3s var(--reveal-at) both}.Demo.workspaces:is(.playing,.done) .Compact-swap>span:not(:last-child){animation-name:compactSwap;animation-duration:.7s}@keyframes compactSwap{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}.Compact-reveal.setup{--reveal-at:0.8s}.Compact-reveal.finalizing{--reveal-at:1.5s}.Compact-reveal.install{--reveal-at:2s}.Compact-reveal.build{--reveal-at:2.6s}.Compact-reveal.containers{--reveal-at:3.2s}.Compact-reveal.migrate{--reveal-at:3.8s}.Compact-reveal.ready{--reveal-at:4.6s}.Compact-reveal.server{--reveal-at:5.5s}.Compact-reveal.running{--reveal-at:7s}.Compact-reveal.complete{--reveal-at:8.6s}.Demo.workspaces[data-demo-enhanced] .Compact-equation>span{opacity:0}.Demo.workspaces:is(.playing,.done) .Compact-equation>span{animation:demoFadeIn .3s var(--ink-at) both}.Compact-equation>span:first-of-type{--ink-at:9s}.Compact-equation>span:nth-of-type(2){--ink-at:9.4s}.Compact-equation>span:nth-of-type(3){--ink-at:9.8s}.Compact-equation>span:nth-of-type(4){--ink-at:10.2s}.Compact-equation>span:nth-of-type(5){--ink-at:10.6s}.Compact-equation>span:nth-of-type(6){--ink-at:11.1s}.Compact-equation>span:nth-of-type(7){--ink-at:11.5s}}}@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}@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-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:not(.closing) .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,.Poster-source{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-terminal,.Compact-chat,.Compact-files){grid-template-rows:none}.Page[data-demo-zoom] .Demo :is(.Compact-terminalBody,.Compact-chatBody,.Compact-filesBody){overflow:visible}.Demo-controls{inset:0 0 auto;z-index:2}.Demo-composer,.Demo-controls{position:sticky;background:var(--color-canvas)}.Demo-composer{bottom:0}}}}@layer responsive{@media (width < 80rem){.Poster-about{position:relative;inset:auto;grid-column:1/-1;justify-self:center;min-height:2.75rem;font-size:.9375rem}.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-partnerLogo{width:9rem}.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,.About-partner{padding:1.25rem;border-radius:1rem}.About-partner{max-width:24rem}.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}.Poster-cta{position:relative;inset:auto;grid-row:2;grid-column:1/-1;justify-self:center}.Demo.setup .Demo-frame{grid-template-areas:"heading controls" "stage stage";grid-template-rows: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}}}}