/* Cloud's shared-work stories. The local OSS visual control is unchanged. */
html[data-product=cloud]{--cloud-blue:#365a8b;--cloud-good:#236455}
html[data-product=cloud][data-theme=dark]{--cloud-blue:#9abbef;--cloud-good:#9bceb6}
@media(prefers-color-scheme:dark){html[data-product=cloud]:not([data-theme=light]){--cloud-blue:#9abbef;--cloud-good:#9bceb6}}
.cloud-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.cloud-chapter{padding:64px 40px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.cloud-copy{min-width:0}.cloud-copy h2{font-size:clamp(28px,3.2vw,40px);margin:0 0 22px;max-width:15em}
.cloud-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:39em}
.cloud-copy>.text-link{margin-top:22px;font-size:14px}
.cloud-benefit-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 40px;border-block:1px solid var(--line)}
.cloud-benefit-nav a{display:flex;align-items:center;gap:14px;padding:22px 16px;text-decoration:none;font-size:15px;font-weight:600}
.cloud-benefit-nav a+a{border-left:1px solid var(--line)}.cloud-benefit-nav span{font:11px ui-monospace,monospace;color:var(--muted)}.cloud-benefit-nav b{margin-left:auto;color:var(--accent)}
.cloud-benefit-nav a:hover,.cloud-page-index a:hover{background:var(--surface)}
.cloud-visual{margin:0;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 8px 28px color-mix(in srgb,var(--ink) 3%,transparent)}
.cloud-visual>figcaption{font:700 10px/1.5 system-ui,sans-serif;color:var(--muted);letter-spacing:.1em;margin-bottom:24px}
.cloud-visual small,.cloud-visual .cloud-step{display:block;font:600 10px/1.5 ui-monospace,monospace;color:var(--cloud-blue);letter-spacing:.035em}
.cloud-visual strong{display:block;font-size:16px;font-weight:650;line-height:1.5;letter-spacing:-.015em}
.cloud-visual span:not(.cloud-avatar):not(.cloud-step):not(.cloud-code-line){display:block;font-size:12px;line-height:1.65;color:var(--muted)}
.cloud-visual [data-motion-part]{transition:background .3s,border-color .3s,box-shadow .3s;border:1px solid transparent}
.cloud-visual .motion-active{border-color:var(--cloud-blue);background:color-mix(in srgb,var(--cloud-blue) 7%,var(--paper));box-shadow:0 0 0 3px color-mix(in srgb,var(--cloud-blue) 9%,transparent)}
.cloud-person{display:flex;gap:14px;padding:16px;border-radius:8px;background:var(--paper);align-items:center}
.cloud-avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--cloud-blue) 12%,var(--paper));color:var(--cloud-blue);font-size:13px;font-weight:700}
.cloud-record{padding:18px;border-radius:8px;background:var(--paper);position:relative}
.cloud-record::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cloud-good);display:block;position:absolute;right:16px;top:21px}
.cloud-record strong{margin:5px 0}.cloud-wire{height:26px;margin-left:33px;border-left:1px solid var(--line);position:relative;overflow:hidden}
.cloud-wire i{position:absolute;width:3px;height:8px;background:var(--cloud-blue);left:-2px;top:-9px}
.cloud-memory-steps{list-style:none;padding:0;margin:0;display:grid;gap:10px;position:relative}
.cloud-memory-steps li{display:flex;gap:14px;padding:14px;background:var(--paper);border-radius:7px;position:relative}
.cloud-memory-steps .cloud-step{color:var(--muted);flex:0 0 20px;padding-top:3px}
.cloud-memory-steps strong{font-size:15px;margin:4px 0}
.cloud-review-code{padding:22px;background:var(--paper);border-radius:8px}
.cloud-review-code>strong{font-size:24px;line-height:1.3;letter-spacing:-.035em;margin:12px 0 20px;max-width:20ch}
.cloud-code-line{display:block;font:12px/1.7 ui-monospace,monospace;padding:7px 8px;color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--paper))}
.cloud-code-line i{font-style:normal;margin-right:12px}.cloud-code-add{color:var(--cloud-good);background:color-mix(in srgb,var(--cloud-good) 8%,var(--paper))}
.cloud-review-route{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.cloud-review-route>div{padding:16px;border-radius:8px;background:var(--paper)}
.cloud-review-route>div>span{font-size:24px!important;color:var(--cloud-blue)!important;margin-bottom:9px}
.cloud-review-route strong{font-size:14px;margin-top:6px}.cloud-review-end{font-size:12px;color:var(--muted);padding:14px 0 0;border-top:1px solid var(--line)}
.cloud-dispatch{padding:16px;border-radius:8px;background:var(--paper)}
.cloud-worker-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.cloud-worker-grid>div{padding:18px 12px;border-radius:8px;background:var(--paper)}
.cloud-worker-grid>div>span:first-child{font-size:30px!important;color:var(--cloud-blue)!important;margin-bottom:8px}
.cloud-worker-grid strong{font-size:14px;margin-top:5px}.cloud-dispatch-result{border-radius:8px;padding:16px;background:var(--paper)}
.cloud-boundary-local,.cloud-boundary-shared{border-radius:8px;padding:18px;background:var(--paper);margin-bottom:18px}
.cloud-boundary-local strong{margin:8px 0}.cloud-boundary-local b,.cloud-boundary-shared b{font-size:11px;color:var(--muted);font-weight:500;display:block;margin-top:14px}
.cloud-boundary-machines{display:grid;grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;gap:8px;text-align:center;margin-top:14px}
.cloud-boundary-machines strong{padding:12px 6px;border:1px solid var(--line);border-radius:5px;font-size:13px;background:var(--surface)}
.cloud-boundary-machines i{font-style:normal;color:var(--cloud-blue)}
.cloud-boundary-review{display:flex;gap:12px;align-items:center;padding:14px;border-radius:8px;background:var(--paper)}
.cloud-boundary-review>span{font-size:24px!important;color:var(--cloud-blue)!important}.cloud-boundary-review strong{font-size:14px}
.illustration-controls{display:flex;gap:14px;margin-top:24px;padding-top:14px;border-top:1px solid var(--line);align-items:start}
.cloud-visual .illustration-controls>[data-motion-caption]{font-size:12px;line-height:1.6;min-height:4.8em;flex:1;color:var(--ink)}
.illustration-controls [data-motion-controls]{display:flex;gap:8px;flex:none}
.illustration-controls button{border:0;background:transparent;padding:0;min-height:28px;font:11px/1.5 system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px}
.cloud-visual .visual-note{font-size:10px;color:var(--muted);margin-top:10px}
.cloud-visual[data-motion-playing=true] .motion-active{animation:cloud-emphasis 2.3s ease-in-out infinite}
.cloud-visual[data-motion-playing=true] .cloud-wire i{animation:cloud-transfer 2s linear infinite}
@keyframes cloud-emphasis{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--cloud-blue) 13%,transparent)}}
@keyframes cloud-transfer{to{transform:translateY(40px)}}
.cloud-conversation{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.cloud-conversation>summary{cursor:pointer;width:fit-content;color:var(--ink);padding:8px 0;font-size:14px;font-weight:600}
.cloud-conversation .terminal-replay{max-width:800px;margin:20px 0 0}
.cloud-conversation[open]>summary{color:var(--accent)}
.cloud-first,.cloud-compare{padding:64px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.cloud-first h2,.cloud-oss-note h2,.cloud-process h2,.cloud-fit h2,.cloud-acceptance h2,.cloud-compare h2{font-size:clamp(28px,3.1vw,40px);margin-bottom:20px}
.cloud-first p,.cloud-oss-note p,.cloud-process p,.cloud-fit p,.cloud-acceptance p,.cloud-compare>div>p{font-size:16px;color:var(--muted);line-height:1.7}
.cloud-first .text-link,.cloud-acceptance .text-link{margin-top:20px;font-size:14px}
.cloud-first-steps{list-style:none;margin:0;padding:0}
.cloud-first-steps li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.cloud-first-steps li:first-child{padding-top:0}.cloud-first-steps li:last-child{border-bottom:0}
.cloud-first-steps li>span{font:12px/1.8 ui-monospace,monospace;color:var(--cloud-blue)}
.cloud-first-steps strong{font-size:17px}.cloud-first-steps p{font-size:14px;margin-top:5px}
.cloud-oss-note{padding:36px 40px;border-block:1px solid var(--line);display:flex;gap:40px;align-items:center;justify-content:space-between;background:var(--surface)}
.cloud-oss-note h2{font-size:26px;margin-bottom:10px}.cloud-oss-note p{font-size:14px;max-width:62ch}.cloud-oss-note .text-link{flex:none;font-size:14px}
.cloud-oss-note .eyebrow{margin-bottom:12px}
html[data-product=cloud] .page-intro{padding:64px 40px 48px}
html[data-product=cloud] .page-intro h1{font-size:clamp(40px,5vw,64px);max-width:15em;line-height:1.08}
html[data-product=cloud] .page-intro .intro{font-size:19px;line-height:1.65;max-width:43em;margin-top:24px;color:var(--muted)}
.cloud-page-index{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cloud-page-index a{padding:7px 12px;border:1px solid var(--line);border-radius:5px;font-size:12px}
.cloud-process{padding:64px 40px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center;border-bottom:1px solid var(--line)}
.cloud-process-flow{padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.cloud-process-flow>span{font:10px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}
.cloud-process-flow ol{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cloud-process-flow li{padding:12px;border:1px solid var(--line);border-radius:6px;font-size:13px;background:var(--paper)}
.cloud-process-flow>div{padding:18px;border-left:2px solid var(--cloud-blue);background:var(--paper)}
.cloud-process-flow strong{font-size:16px;display:block}.cloud-process-flow>div>span{font-size:12px;color:var(--muted)}
.cloud-process-flow>p{font-size:12px;margin-top:22px}
.cloud-fit{padding:54px 40px;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.cloud-fit h2{font-size:28px}.cloud-fit details{margin-top:20px}.cloud-fit summary{font-size:14px;font-weight:600;cursor:pointer}.cloud-fit details p{font-size:14px;margin-top:16px}
.cloud-review-stages{margin:0 40px 16px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.cloud-review-stages article{padding:26px 22px 26px 0}.cloud-review-stages article+article{border-left:1px solid var(--line);padding-left:22px}
.cloud-review-stages article>span{font:10px/1.5 ui-monospace,monospace;color:var(--cloud-blue)}
html[data-product=cloud] .cloud-review-stages h2{font-size:22px;margin:18px 0 12px;letter-spacing:-.025em}
.cloud-review-stages p{font-size:14px;color:var(--muted)}
.cloud-case-stat{margin-top:26px!important;display:flex;flex-direction:column;gap:8px}.cloud-case-stat strong{font-size:42px;color:var(--ink);letter-spacing:-.04em;line-height:1.2}.cloud-case-stat span{font:11px/1.5 ui-monospace,monospace}
.cloud-acceptance{padding:64px 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.cloud-gate-flow{list-style:none;margin:0;padding:0 0 0 24px;border-left:1px solid var(--line)}
.cloud-gate-flow li{position:relative;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:20px}
.cloud-gate-flow li:last-child{margin-bottom:0}.cloud-gate-flow li::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--cloud-blue);position:absolute;top:32px;left:-29px}
.cloud-gate-flow span{font:10px/1.5 ui-monospace,monospace;display:block;color:var(--muted);margin-bottom:8px}.cloud-gate-flow strong{font-size:16px}
.cloud-compare-choices{display:grid;gap:14px}.cloud-compare-choices article{padding:24px;border:1px solid var(--line);border-radius:8px}
.cloud-compare-choices article:last-child{background:var(--surface)}.cloud-compare-choices article>span{font:10px/1.5 ui-monospace,monospace;color:var(--muted)}
.cloud-compare-choices h3{margin:12px 0;font-size:19px}.cloud-compare-choices p{font-size:14px;color:var(--muted)}
.cloud-specs{padding:0 40px 44px}.cloud-specs details{border-block:1px solid var(--line);overflow:auto}
.cloud-specs summary{cursor:pointer;padding:22px 0;font-size:15px;font-weight:600}.cloud-specs table{margin:12px 0 28px}.cloud-specs caption{font-size:14px}.cloud-specs thead th{font:600 16px/1.5 system-ui,sans-serif}.cloud-specs th,.cloud-specs td{font-size:13px;padding:18px 16px 18px 0}
.cloud-conversation-section{padding:24px 40px 48px}.cloud-conversation-section h2{font-size:28px}
html[data-product=cloud] .access-page{padding:64px 40px;gap:64px}html[data-product=cloud] .access-page h1{font-size:clamp(40px,4.5vw,58px)}
html[data-product=cloud] .access-page form{border:1px solid var(--line);border-radius:10px;border-top:3px solid var(--accent);padding:28px}
html[data-product=cloud] .access-page form h2{font-size:24px}html[data-product=cloud] .access-page form p{font-size:14px;color:var(--muted)}
html[data-product=cloud] .access-page input,html[data-product=cloud] .access-page textarea{border-radius:5px}
html[data-product=cloud] .access-page .intro{font-size:18px}
html[data-product=cloud] .directions{padding:0 40px 54px}html[data-product=cloud] .directions h2{font-size:30px}
html[data-product=cloud] .prose{padding:0 40px 60px;max-width:830px}html[data-product=cloud] .prose h2{font-size:26px}
@media(max-width:980px){.cloud-split,.cloud-first,.cloud-process,.cloud-acceptance,.cloud-compare{gap:32px}.cloud-benefit-nav a{font-size:13px;gap:10px;padding:18px 10px}.cloud-oss-note{gap:24px}.cloud-oss-note .text-link{max-width:14em;flex:auto}.cloud-visual{padding:20px}}
@media(max-width:720px){
 .cloud-chapter{padding:36px 20px}.cloud-split,.cloud-first,.cloud-process,.cloud-fit,.cloud-acceptance,.cloud-compare{grid-template-columns:minmax(0,1fr);gap:28px}
 .cloud-benefit-nav{margin:0 20px}.cloud-benefit-nav a{display:block;padding:16px 8px;font-size:12px;line-height:1.5}.cloud-benefit-nav span{margin-bottom:6px;display:block}.cloud-benefit-nav b{display:none}
 .cloud-copy h2{font-size:30px}.cloud-copy>p:not(.eyebrow){font-size:16px}.cloud-visual{padding:18px}.cloud-visual strong{font-size:14px}.cloud-visual>figcaption{font-size:9px}
 .cloud-person{padding:12px;gap:10px}.cloud-avatar{flex-basis:28px;height:28px}.cloud-record{padding:14px}.cloud-record::before{right:12px;top:19px;width:4px;height:4px}
 .cloud-review-code{padding:16px}.cloud-review-code>strong{font-size:23px}.cloud-review-route>div{padding:12px}.cloud-review-route strong{font-size:13px}
 .cloud-review-route{gap:8px}.cloud-code-line{font-size:11px}.cloud-review-route small{font-size:9px}
 .illustration-controls{display:block}.illustration-controls [data-motion-controls]{margin-top:8px;gap:16px}.cloud-visual .illustration-controls>[data-motion-caption]{min-height:4.8em;display:block}
 .cloud-first,.cloud-process,.cloud-fit,.cloud-acceptance,.cloud-compare{padding:36px 20px}.cloud-oss-note{padding:28px 20px;display:block}.cloud-oss-note .text-link{margin-top:18px;display:inline-block}
 html[data-product=cloud] .page-intro{padding:36px 20px 30px}html[data-product=cloud] .page-intro h1{font-size:40px}html[data-product=cloud] .page-intro .intro{font-size:17px;margin-top:20px}
 .cloud-fit h2{font-size:26px}.cloud-review-stages{margin:0 20px;grid-template-columns:1fr}.cloud-review-stages article,.cloud-review-stages article+article{padding:24px 0;border-left:0}.cloud-review-stages article+article{border-top:1px solid var(--line)}
 .cloud-boundary-machines{grid-template-columns:1fr;gap:8px;text-align:left}.cloud-boundary-machines i{transform:rotate(90deg);justify-self:start;margin-left:18px}.cloud-boundary-machines strong{padding:10px}
 .cloud-specs{padding:0 20px 28px}.cloud-specs table{min-width:420px}.cloud-conversation-section{padding:20px 20px 34px}.cloud-conversation-section h2{font-size:26px}
 html[data-product=cloud] .access-page{padding:36px 20px;gap:30px}html[data-product=cloud] .access-page form{padding:22px}html[data-product=cloud] .directions,html[data-product=cloud] .prose{padding-left:20px;padding-right:20px}
}
@media(prefers-reduced-motion:reduce){.cloud-visual *,.cloud-visual *::before,.cloud-visual *::after{animation:none!important;transition:none!important}}