.get-started-diagram:where(.astro-phetviwg){margin:2rem 0 3rem;container-type:inline-size}.model:where(.astro-phetviwg){--accent:#af4934;--snow:#246d87;--ink:var(--sl-color-white);--muted:var(--sl-color-gray-2);--line:var(--sl-color-gray-4);--paper:var(--sl-color-bg);--wash:color-mix(in srgb, var(--snow) 4%, var(--paper));margin:0}[data-theme=dark] .model:where(.astro-phetviwg){--accent:#f1937c;--snow:#79c4de}.model:where(.astro-phetviwg) :where(.astro-phetviwg):is(div,section,header,p,ul,li,svg,span,strong,small,i){box-sizing:border-box;margin:0}.model__canvas:where(.astro-phetviwg){grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.client:where(.astro-phetviwg){border:1px dashed var(--accent);background:color-mix(in srgb, var(--accent) 4%, var(--paper));border-radius:1rem;justify-self:center;width:min(100%,20rem);padding:1rem}.outcomes__label:where(.astro-phetviwg){color:var(--muted);font-size:.8125rem;font-weight:600;line-height:1.4}.client__header:where(.astro-phetviwg){align-items:center;gap:.6rem;padding-bottom:1rem;display:flex}.client__header:where(.astro-phetviwg) strong:where(.astro-phetviwg){color:var(--accent);font-size:.85rem;line-height:1.4}.pyrel:where(.astro-phetviwg){border:1px solid var(--accent);background:var(--paper);border-radius:.65rem;overflow:hidden}.pyrel__header:where(.astro-phetviwg){background:color-mix(in srgb, var(--accent) 6%, var(--paper));align-items:center;gap:.65rem;padding:.85rem 1rem;display:flex}.pyrel__header:where(.astro-phetviwg) strong:where(.astro-phetviwg){color:var(--ink);font-size:.95rem;line-height:1.4;display:block}.pyrel__header:where(.astro-phetviwg) span:where(.astro-phetviwg){color:var(--muted);padding-top:.2rem;font-size:.8125rem;line-height:1.45;display:block}.node-icon:where(.astro-phetviwg),.pyrel__mark:where(.astro-phetviwg),.layer-icon:where(.astro-phetviwg),.data-node__icon:where(.astro-phetviwg),.outcomes:where(.astro-phetviwg) svg:where(.astro-phetviwg){fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none}:where(.astro-phetviwg):is(.node-icon,.pyrel__mark,.layer-icon,.data-node__icon,.outcomes svg)>:where(.astro-phetviwg){vector-effect:non-scaling-stroke}.node-icon:where(.astro-phetviwg){width:1.5rem;height:1.5rem;color:var(--accent)}.pyrel__mark:where(.astro-phetviwg){width:1.75rem;height:1.75rem;color:var(--accent);flex:none}.exchange:where(.astro-phetviwg){grid-template-columns:1fr 1fr;justify-self:center;gap:2rem;width:15rem;padding:.5rem 0 1.25rem;display:grid}.exchange__flow:where(.astro-phetviwg){justify-items:center;gap:.45rem;display:grid}.flow-label:where(.astro-phetviwg){color:var(--muted);text-align:center;font-size:.8125rem;line-height:1.4}.flow-line:where(.astro-phetviwg){background:var(--accent);width:1px;height:2rem;display:block;position:relative}.flow-line:where(.astro-phetviwg):after{content:"";border-right:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);width:.4rem;height:.4rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(45deg)}.exchange__flow--response:where(.astro-phetviwg) .flow-line:where(.astro-phetviwg):after{top:0;bottom:auto;transform:translate(-50%)rotate(225deg)}.account:where(.astro-phetviwg){border:1px dashed var(--snow);background:var(--wash);border-radius:1rem;min-width:0;padding:1rem}.account__header:where(.astro-phetviwg){align-items:center;gap:.6rem;padding-bottom:1rem;display:flex}.account__header:where(.astro-phetviwg) strong:where(.astro-phetviwg){color:var(--snow);font-size:.85rem;line-height:1.4;display:block}.account__header:where(.astro-phetviwg) small:where(.astro-phetviwg){color:var(--muted);font-size:.75rem;line-height:1.4;display:block}.brand-crop:where(.astro-phetviwg){flex:none;width:1.5rem;height:1.5rem;display:block;overflow:hidden}.brand-crop:where(.astro-phetviwg) img:where(.astro-phetviwg){width:auto;max-width:none;height:1.5rem;display:block}.native-app:where(.astro-phetviwg){border:1px solid var(--accent);background:var(--paper);border-radius:.65rem;overflow:hidden}.native-app__header:where(.astro-phetviwg){background:color-mix(in srgb, var(--accent) 6%, var(--paper));border-bottom:1px solid color-mix(in srgb, var(--accent) 25%, transparent);align-items:center;gap:.65rem;padding:.85rem 1rem;display:flex}.native-app__mark:where(.astro-phetviwg){fill:none;stroke:currentColor;width:1.75rem;height:1.75rem;color:var(--accent);flex:none}.native-app__header:where(.astro-phetviwg) strong:where(.astro-phetviwg){color:var(--ink);font-size:.95rem;line-height:1.4;display:block}.native-app__header:where(.astro-phetviwg) span:where(.astro-phetviwg){color:var(--muted);padding-top:.2rem;font-size:.8125rem;line-height:1.45;display:block}.runtime-stack:where(.astro-phetviwg){padding:1rem}.runtime-layer:where(.astro-phetviwg){align-items:center;gap:.85rem;display:flex}.layer-icon:where(.astro-phetviwg){width:2rem;height:2rem;color:var(--accent)}.runtime-layer:where(.astro-phetviwg) strong:where(.astro-phetviwg){color:var(--ink);font-size:.9rem;line-height:1.4;display:block}.runtime-layer:where(.astro-phetviwg) span:where(.astro-phetviwg){color:var(--muted);padding-top:.2rem;font-size:.8125rem;line-height:1.45;display:block}.runtime-layer--model:where(.astro-phetviwg){padding:.6rem 0 .8rem}.runtime-layer--model:where(.astro-phetviwg) strong:where(.astro-phetviwg){font-size:1.15rem}.runtime-layer--execution:where(.astro-phetviwg){border-top:1px solid color-mix(in srgb, var(--line) 45%, transparent);padding-top:.8rem}.data-connector:where(.astro-phetviwg){justify-content:center;align-items:center;height:2rem;display:flex;position:relative}.data-connector:where(.astro-phetviwg) span:where(.astro-phetviwg){color:var(--muted);font-size:.75rem;line-height:1.4;position:absolute;left:calc(50% + .6rem)}.data-connector:where(.astro-phetviwg) i:where(.astro-phetviwg){background:var(--snow);width:1px;height:1.4rem;position:relative}.data-connector:where(.astro-phetviwg) i:where(.astro-phetviwg):after{content:"";border-right:1.5px solid var(--snow);border-bottom:1.5px solid var(--snow);width:.35rem;height:.35rem;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(225deg)}.data-node:where(.astro-phetviwg){justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.data-node__icon:where(.astro-phetviwg){width:2rem;height:2rem;color:var(--snow)}.data-node:where(.astro-phetviwg) strong:where(.astro-phetviwg){color:var(--ink);font-size:.85rem;line-height:1.4;display:block}.data-node:where(.astro-phetviwg) span:where(.astro-phetviwg){color:var(--muted);font-size:.75rem;line-height:1.4;display:block}.outbound:where(.astro-phetviwg){flex-direction:column;align-items:center;gap:.4rem;padding:.8rem 0;display:flex}.output-branches:where(.astro-phetviwg){display:none}.outcomes:where(.astro-phetviwg){min-width:0;padding:.5rem 0}.outcomes__label:where(.astro-phetviwg){text-align:center;padding-bottom:.7rem}.outcomes:where(.astro-phetviwg) ul:where(.astro-phetviwg){grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.outcomes:where(.astro-phetviwg) li:where(.astro-phetviwg){flex-direction:column;align-items:center;gap:.55rem;padding:.65rem .2rem;display:flex}.outcomes:where(.astro-phetviwg) svg:where(.astro-phetviwg){width:2rem;height:2rem;color:var(--ink)}.outcomes:where(.astro-phetviwg) li:where(.astro-phetviwg) span:where(.astro-phetviwg){color:var(--ink);text-align:center;font-size:.8125rem;font-weight:600;line-height:1.4}.model:where(.astro-phetviwg) figcaption:where(.astro-phetviwg){border-top:1px solid color-mix(in srgb, var(--line) 35%, transparent);color:var(--muted);margin:1.25rem 0 0;padding-top:1rem;font-size:.85rem;line-height:1.65}@container (width>=38rem){.model__canvas:where(.astro-phetviwg){grid-template-rows:repeat(6,auto);grid-template-columns:17rem 5.5rem minmax(0,1fr)}.client:where(.astro-phetviwg){grid-area:4/1;align-self:center;width:100%}.exchange:where(.astro-phetviwg){z-index:1;grid-area:4/2;grid-template-columns:1fr;align-self:center;gap:1rem;width:100%;padding:0;transform:translateY(1.7rem)}.exchange:where(.astro-phetviwg) .flow-line:where(.astro-phetviwg){justify-self:start;width:calc(100% + 2rem + 2px);height:1px;margin-left:calc(-1rem - 1px)}.exchange:where(.astro-phetviwg) .flow-line:where(.astro-phetviwg):after{inset:50% 0 auto auto;transform:translateY(-50%)rotate(-45deg)}.exchange__flow--response:where(.astro-phetviwg) .flow-line:where(.astro-phetviwg):after{left:0;right:auto;transform:translateY(-50%)rotate(135deg)}.account:where(.astro-phetviwg){grid-area:3/3/7;grid-template-rows:subgrid;display:grid}.account__header:where(.astro-phetviwg){grid-row:1}.account__contents:where(.astro-phetviwg){display:contents}.native-app:where(.astro-phetviwg){grid-row:2}.data-connector:where(.astro-phetviwg){grid-row:3}.data-node:where(.astro-phetviwg){grid-row:4}.outcomes:where(.astro-phetviwg){grid-area:1/3;padding:0}.outbound:where(.astro-phetviwg){grid-area:2/3;height:3rem;padding:0;position:relative}.outbound:where(.astro-phetviwg) .flow-line:where(.astro-phetviwg){display:none}.output-branches:where(.astro-phetviwg){fill:none;width:100%;height:100%;stroke:var(--accent);stroke-width:1px;display:block;position:absolute;inset:0}.output-branches:where(.astro-phetviwg) path:where(.astro-phetviwg){vector-effect:non-scaling-stroke}}@container (width<=22rem){.outcomes:where(.astro-phetviwg) li:where(.astro-phetviwg) span:where(.astro-phetviwg){font-size:.75rem}.account:where(.astro-phetviwg){padding:.7rem}.runtime-stack:where(.astro-phetviwg),.native-app__header:where(.astro-phetviwg){padding:.8rem}.runtime-layer:where(.astro-phetviwg){align-items:flex-start;gap:.6rem}.native-app__header:where(.astro-phetviwg){align-items:flex-start}.layer-icon:where(.astro-phetviwg){width:1.5rem;height:1.5rem}.runtime-layer--model:where(.astro-phetviwg) strong:where(.astro-phetviwg){font-size:1rem}}