.cloud-line{display:block}.cloud-line-accent{color:var(--accent)}.cloud-support{max-width:var(--measure-dark);color:var(--ink-muted);font-size:var(--text-base);line-height:1.6}.cloud-products{counter-reset:cloud;border-top:1px solid var(--line);list-style:none}.cloud-product{counter-increment:cloud;column-gap:.9375rem;row-gap:var(--space-2);border-bottom:1px solid var(--line);grid-template-columns:2.4375rem minmax(0,1fr);grid-template-areas:"index heading""index lead""index label""index body";padding:1.3125rem 0;display:grid}.cloud-product:before{content:counter(cloud, decimal-leading-zero);color:var(--accent);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.06em;grid-area:index;margin-top:.5rem}.cloud-product-name{font-size:var(--text-h3);grid-area:heading;line-height:1.05}.cloud-lead{max-width:34rem;color:var(--ink);grid-area:lead;font-weight:500}.cloud-body{max-width:34rem;font-size:var(--text-sm);grid-area:body;line-height:1.6}.cloud-label{color:var(--ink);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.13em;text-transform:uppercase;grid-area:label}@media (min-width:43.75rem){.cloud-product{column-gap:var(--gap);grid-template-columns:4.125rem minmax(0,4fr) minmax(0,5fr) minmax(0,3fr);grid-template-areas:"index heading lead label""index heading body label";align-items:baseline;padding:1.5rem .875rem}.cloud-product:before{margin-top:0}.cloud-label{text-align:right}}.cloud-fit{gap:var(--space-4);max-width:48rem;display:grid}.cloud-fit p{max-width:var(--measure-dark)}.answers a.num,.cloud-body a.num,.answers a[href^=mailto\:]{white-space:nowrap}
.demo{--d:.35s}.demo-head{gap:var(--space-3);max-width:48rem;margin-block-end:var(--space-6);display:grid}.demo-lede{font-size:var(--text-lg);color:var(--ink-muted);line-height:1.55}.demo-controls{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin-block-end:var(--space-5);display:grid}.demo-btn{border:1px solid var(--amber);border-radius:var(--r-pill);width:100%;min-width:44px;min-height:3rem;color:var(--ink);font:inherit;text-align:center;cursor:pointer;transition:background-color var(--dur-quick) linear, border-color var(--dur-quick) linear, color var(--dur-quick) linear;background:0 0;align-content:center;justify-items:center;gap:.0625rem;padding:.5rem .625rem;display:grid;position:relative}.demo-btn:hover{background:color-mix(in srgb, var(--amber) 12%, transparent);border-color:var(--amber-hover)}.demo-btn-name{font-size:var(--text-xs);font-weight:700;line-height:1.3}.demo-btn-act{font-size:var(--text-min);font-weight:500;line-height:1.3}.demo-btn[aria-pressed=true]{background:var(--action);border-color:var(--action);color:var(--on-action)}.demo-btn[aria-pressed=true]:hover{background:var(--action-hover);border-color:var(--action-hover)}.demo-btn-check{opacity:0;width:1rem;height:1rem;margin-block:auto;position:absolute;inset-block:0;inset-inline-end:1.125rem}.demo-btn[aria-pressed=true] .demo-btn-check{opacity:1}.demo-btn-check path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter}.demo-grid{gap:var(--space-5);display:grid}.demo-left{gap:var(--space-4);align-content:start;min-width:0;display:grid}.demo-notes{gap:var(--space-2);max-width:48rem;margin-block-start:var(--space-5);display:grid}.demo-hint{font-size:var(--text-base);color:var(--ink)}.demo-footnote{font-size:var(--text-sm);color:var(--ink-muted)}.demo-noscript{color:var(--ink-muted);font-size:var(--text-sm);margin-block-start:var(--space-3)}.demo.section{padding-block-start:var(--space-6)}.demo-left{scroll-margin-top:1rem}@media (min-width:64rem){.demo>.wrap{column-gap:var(--space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head head""controls controls""stage console""result result""notes notes";align-items:start;display:grid}.demo-head{grid-area:head}.demo-controls{gap:var(--space-3);grid-area:controls;grid-template-columns:repeat(3,minmax(0,15rem))}.demo-grid,.demo-left{display:contents}.stage{grid-area:stage}.demo-result{grid-area:result;margin-block-start:var(--space-4)}.demo .console{grid-area:console;align-self:stretch}.demo-notes{grid-area:notes}}@media (max-width:47.99rem){.demo-btn{min-height:3rem;padding:.5rem .375rem}.demo-btn-name{text-wrap:balance}.demo-btn-act,.demo-btn-check{display:none}}.stage{aspect-ratio:16/10;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-none);width:100%;position:relative;overflow:hidden}.stage-base,.layer{background:var(--surface);position:absolute;inset:0}.stage-base{z-index:0}.layer{z-index:0;opacity:0;transition:opacity var(--dur-scene) var(--ease-out)}.layer[data-layer=active]{z-index:3;opacity:1}.layer[data-layer=prev]{z-index:2;opacity:0;transition:opacity 0s linear var(--dur-scene)}.layer[data-layer=leaving]{z-index:2;opacity:0}.demo[data-prev=idle] .layer[data-scene=power-cut][data-layer=active]{transition-duration:0s}.demo[data-prev=idle] .layer[data-scene=power-cut]{--d:0s}.art{width:100%;height:100%;display:block}.o-line,.o-x{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.o-x{stroke-width:3px;stroke-linecap:round}.o-on,.o-on-line{stroke:var(--accent)}.o-cover{fill:var(--surface)}.o-win-off,.o-fill-dim{fill:var(--line)}.o-win-on,.o-fill-on{fill:var(--accent)}.o-fill-ink{fill:var(--ink)}.o-arrow{fill:var(--ink);stroke:var(--surface);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pc-lit,.pc-wire-whole{opacity:1;transition:opacity 0s linear var(--dur-scene)}.pc-wire-broken,.pc-second{opacity:0;transition:opacity 0s linear var(--dur-scene)}.layer .pc-arc-a{stroke:var(--accent);transition:stroke 0s linear var(--dur-scene)}.layer[data-layer=active] .pc-lit{opacity:0;transition:none}.layer[data-layer=active] .pc-wire-whole{opacity:0;transition:opacity 0s linear calc(var(--d) + .55s)}.layer[data-layer=active] .pc-wire-broken{opacity:1;transition:opacity .15s linear calc(var(--d) + .55s)}.layer[data-layer=active] .pc-second{opacity:1;transition:opacity var(--dur-base) linear calc(var(--d) + .55s)}.layer[data-layer=active] .pc-arc-a{stroke:var(--line);transition:stroke var(--dur-base) linear calc(var(--d) + .55s)}.ph-arrow{transition:transform 0s linear var(--dur-scene);transform:translate(150px,76px)}.ph-blocked{opacity:0;transition:opacity 0s linear var(--dur-scene)}.ph-link-box{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke 0s linear var(--dur-scene)}.ph-link-bar{fill:var(--accent);transition:fill 0s linear var(--dur-scene)}.layer[data-layer=active] .ph-arrow{transition:transform var(--dur-scene) var(--ease-out) var(--d);transform:translate(0)}.layer[data-layer=active] .ph-blocked{opacity:1;transition:opacity var(--dur-base) linear calc(var(--d) + .55s)}.layer[data-layer=active] .ph-link-box{stroke:var(--line);transition:stroke var(--dur-base) linear calc(var(--d) + .55s)}.layer[data-layer=active] .ph-link-bar{fill:var(--line);transition:fill var(--dur-base) linear calc(var(--d) + .55s)}.dl-screen{fill:var(--surface);stroke:none}.dl-one .dl-screen{transition:fill 0s linear var(--dur-scene)}.dl-one .dl-content{opacity:1;transition:opacity 0s linear var(--dur-scene)}.dl-two .dl-content,.dl-x{opacity:0;transition:opacity 0s linear var(--dur-scene)}.layer .dl-arc-a{stroke:var(--accent);transition:stroke 0s linear var(--dur-scene)}.layer .dl-arc-b{stroke:var(--accent);opacity:0;transition:opacity 0s linear var(--dur-scene)}.layer[data-layer=active] .dl-one .dl-screen{fill:var(--line);transition:fill var(--dur-base) linear var(--d)}.layer[data-layer=active] .dl-one .dl-content{opacity:0;transition:opacity var(--dur-base) linear var(--d)}.layer[data-layer=active] .dl-x{opacity:1;transition:opacity var(--dur-base) linear var(--d)}.layer[data-layer=active] .dl-arc-a{stroke:var(--line);transition:stroke var(--dur-base) linear var(--d)}.layer[data-layer=active] .dl-two .dl-content,.layer[data-layer=active] .dl-arc-b{opacity:1;transition:opacity var(--dur-base) linear calc(var(--d) + .55s)}.scene-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-result{font-size:var(--text-lg);color:var(--ink);max-width:60ch;font-weight:500;line-height:1.5}@media (min-width:64rem){.demo-result{min-block-size:2lh}.console-head,.console-row{font-size:var(--text-body)}}.demo .console{background:color-mix(in srgb, var(--coal) 92%, transparent);border:1px solid var(--line-strong);border-radius:var(--r-none);color:var(--ink);font-family:var(--font-mono);flex-direction:column;padding:0;display:flex;position:relative}.demo .console:before,.demo .console:after{content:"+";color:var(--amber);font:15px/1 var(--font-mono);position:absolute;top:-11px}.demo .console:before{left:-5px}.demo .console:after{right:-5px}.console-head{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);border-block-end:1px solid var(--line);font-size:var(--text-xs);letter-spacing:.06em;flex-wrap:wrap;padding:.875rem 1.125rem;display:flex}.console-title{font-weight:400}.console-tag{color:var(--ink-muted);font-size:var(--text-min);font-weight:400;line-height:1.5}.console-rows{flex-direction:column;flex:1;margin:0;padding:.375rem 1.125rem;list-style:none;display:flex}.console-row{column-gap:var(--space-4);border-block-start:1px solid var(--line);font-size:var(--text-xs);flex:1;grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:center;padding-block:.5rem;line-height:1.5;display:grid}.console-row:first-child{border-block-start:0}.row-name{font-weight:400}.row-status{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;display:inline-flex}.row-dot{background:var(--green);width:.375rem;height:.375rem;box-shadow:0 0 8px color-mix(in srgb, var(--green) 27%, transparent);border-radius:50%;flex:none}.row-note{font-size:var(--text-min);color:var(--ink-muted);grid-column:1/-1;margin-block-start:.125rem;line-height:1.5}.console-clock{justify-content:space-between;gap:var(--space-2);border-block-start:1px solid var(--line);color:var(--ink-muted);font-size:var(--text-min);flex-wrap:wrap;margin:0;padding:.625rem 1.125rem .8125rem;line-height:1.7;display:flex}.console-clock output{color:var(--ink);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.demo,.demo *,.demo :before,.demo :after{transition:none!important;animation:none!important}}