.ca-process .iso{
  --anatomy-page:#0b0b0b;--anatomy-card:#131313;--anatomy-text:#a3a3a3;--anatomy-strong:#e6e6e6;--anatomy-muted:#6e6e6e;
  --anatomy-paper:#131313;--anatomy-face:#1b1b1b;--anatomy-top:#1c1c1c;
  --anatomy-shade-0:#0f0f0f;--anatomy-shade-1:#121212;--anatomy-shade-2:#151515;--anatomy-shade-3:#181818;
  --anatomy-lit-top:#262626;--anatomy-lit-shade:#1d1d1d;
  --anatomy-hi:#d4d4d4;--anatomy-mid:#6a6a6a;--anatomy-lo:#3e3e3e;--anatomy-faint:#2a2a2a;--anatomy-lit:#ffffff;
  --anatomy-halo:#050505;--anatomy-halo-opacity:.9;--anatomy-dot:#e6e6e6;
  --anatomy-red:#ff6b6b;--anatomy-green:#6be0a0;--anatomy-blue:#6b9bff;
  --anatomy-weight:.6px;--anatomy-ease:cubic-bezier(.32,.72,0,1);
  --anatomy-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --anatomy-lift:inset 0 1px 0 0 #ffffff0a,inset 0 0 0 1px #ffffff06,0 0 0 1px #00000026,0 1px 1px -.5px #00000014,0 3px 3px -1.5px #00000014,0 6px 6px -3px #00000014,0 12px 12px -6px #00000014;
}
.ca-process .iso[data-theme="light"]{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
}
.ca-process .iso-svg{display:block;width:100%;height:auto;overflow:visible}
.ca-process .iso-svg path,.ca-process .iso-svg circle{vector-effect:non-scaling-stroke}
.ca-process .iso-fill{fill:var(--anatomy-paper);stroke:none}
.ca-process .iso-solid[data-lit]>.iso-fill{fill:var(--anatomy-face)}
.ca-process .iso-shade,.ca-process .iso-top{stroke:none}
.ca-process .iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}
.ca-process .iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}
.ca-process .iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}
.ca-process .iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}
.ca-process .iso-top{fill:var(--anatomy-top)}
.ca-process .iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}
.ca-process .iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}
.ca-process .iso-solid[data-seamless]>.iso-shade,.ca-process .iso-solid[data-seamless]>.iso-top{stroke-width:.4;stroke-linejoin:round}
.ca-process .iso-solid[data-seamless]>.iso-shade[data-shade="0"]{stroke:var(--anatomy-shade-0)}
.ca-process .iso-solid[data-seamless]>.iso-shade[data-shade="1"]{stroke:var(--anatomy-shade-1)}
.ca-process .iso-solid[data-seamless]>.iso-shade[data-shade="2"]{stroke:var(--anatomy-shade-2)}
.ca-process .iso-solid[data-seamless]>.iso-shade[data-shade="3"]{stroke:var(--anatomy-shade-3)}
.ca-process .iso-solid[data-seamless]>.iso-top{stroke:var(--anatomy-top)}
.ca-process .iso-solid[data-seamless][data-lit]>.iso-top{stroke:var(--anatomy-lit-top)}
.ca-process .iso-solid[data-seamless][data-lit]>.iso-shade{stroke:var(--anatomy-lit-shade)}
.ca-process .iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}
.ca-process .iso-halo{fill:var(--anatomy-halo);stroke:none;filter:blur(9px);opacity:var(--anatomy-halo-opacity);transform:translateY(3px)}
.ca-process .iso-line{fill:none;stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}
.ca-process .iso-line[data-tone="hi"]{stroke:var(--anatomy-hi)}
.ca-process .iso-line[data-tone="mid"]{stroke:var(--anatomy-mid)}
.ca-process .iso-line[data-tone="lo"]{stroke:var(--anatomy-lo)}
.ca-process .iso-line[data-tone="faint"]{stroke:var(--anatomy-faint)}
.ca-process .iso-line[data-tone="lit"]{stroke:var(--anatomy-lit)}
.ca-process .iso-line[data-tone="red"]{stroke:var(--anatomy-red)}
.ca-process .iso-line[data-tone="green"]{stroke:var(--anatomy-green)}
.ca-process .iso-line[data-tone="blue"]{stroke:var(--anatomy-blue)}
.ca-process .iso-line[data-dotted]{stroke-dasharray:.01 3.5;stroke-width:1}
.ca-process .iso-line[data-dashed]{stroke-dasharray:3 3}
.ca-process .iso-line[data-flow]{stroke-dasharray:2 6}
.ca-process .iso-wire-end{fill:var(--anatomy-paper);stroke:var(--anatomy-lo);stroke-width:var(--anatomy-weight)}
.ca-process .iso-wire[data-tone="hi"] .iso-wire-end{stroke:var(--anatomy-hi)}
.ca-process .iso-wire[data-tone="mid"] .iso-wire-end{stroke:var(--anatomy-mid)}
.ca-process .iso-wire[data-tone="faint"] .iso-wire-end{stroke:var(--anatomy-faint)}
.ca-process .iso-wire[data-tone="lit"] .iso-wire-end{stroke:var(--anatomy-lit)}
.ca-process .iso-dots circle{fill:var(--anatomy-dot);stroke:none;opacity:.32}
.ca-process .iso-dots[data-tone="hi"] circle{opacity:.85}
.ca-process .iso-dots[data-tone="mid"] circle{opacity:.45}
.ca-process .iso-dots[data-tone="lo"] circle{opacity:.22}
.ca-process .iso-dots[data-tone="faint"] circle{opacity:.12}
.ca-process .iso-face-text{fill:var(--anatomy-mid);font-family:var(--anatomy-mono);letter-spacing:.04em}
.ca-process .iso-face-text[data-tone="hi"]{fill:var(--anatomy-hi)}
.ca-process .iso-face-text[data-tone="lo"]{fill:var(--anatomy-lo)}
.ca-process .iso-face-text[data-tone="faint"]{fill:var(--anatomy-faint)}
.ca-process .tb-body{fill:var(--anatomy-shade-2);stroke:none}
.ca-process .tb-shine{fill:var(--anatomy-top);stroke:none}
.ca-process .tb-shade{fill:var(--anatomy-shade-0);stroke:none}
.ca-process .tb-ring{fill:none;stroke:var(--anatomy-lo);stroke-width:.45;stroke-linecap:butt;stroke-linejoin:round}
.ca-process .tb-ring[data-tone="mid"]{stroke:var(--anatomy-mid)}
.ca-process .tb-ring[data-tone="faint"]{stroke:var(--anatomy-faint)}
.ca-process .tb-ring[data-tone="hi"]{stroke:var(--anatomy-hi)}
@keyframes iso-flow{to{stroke-dashoffset:-32}}
@keyframes iso-pulse{0%,100%{opacity:.18}12%{opacity:1}40%{opacity:.18}}
.ca-process .iso-line[data-flow]{animation:iso-flow 1600ms linear infinite}
.ca-process .iso-dots circle[data-pulse]{animation:iso-pulse 1600ms steps(1,end) infinite;animation-delay:var(--pulse-at,0ms)}
.ca-process .iso-figure{margin:32px 0 36px}
.ca-process .iso-plate{position:relative;padding:52px 24px;border-radius:0;background:var(--anatomy-card);box-shadow:0 0 0 1px var(--anatomy-mid);--anatomy-paper:var(--anatomy-card)}
.ca-process .iso-plate-corners{position:absolute;inset:18px 20px;pointer-events:none}
.ca-process .iso-plate-corner{position:absolute;color:var(--anatomy-muted);font-family:var(--anatomy-mono);font-size:10.5px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.ca-process .iso-plate-corner[data-corner="fig"]{top:0;left:0;color:var(--anatomy-text)}
.ca-process .iso-plate-corner[data-corner="title"]{top:0;right:0;text-transform:uppercase;letter-spacing:.1em}
.ca-process .iso-plate-corner[data-corner="hint"]{bottom:0;left:0;text-transform:uppercase;letter-spacing:.1em}
.ca-process .iso-plate-corner[data-corner="readout"]{right:0;bottom:0;color:var(--anatomy-text);font-variant-numeric:tabular-nums}
.ca-process .iso-plate .iso-svg{margin:0 auto}
.ca-process .iso-legend{display:grid;gap:8px;margin-top:12px;color:var(--anatomy-muted);font-size:13px;line-height:1.55}
.ca-process .iso-keys{display:flex;flex-wrap:wrap;gap:6px 18px}
.ca-process .iso-key{display:inline-flex;align-items:center;gap:7px}
.ca-process .iso-swatch{width:16px;height:10px;flex:none;overflow:visible}
.ca-process .iso-swatch path{fill:none;stroke:var(--anatomy-hi);stroke-width:1;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.ca-process .iso-swatch[data-mark="raised"] path,.ca-process .iso-swatch[data-mark="flat"] path{stroke:var(--anatomy-mid)}
.ca-process .iso-swatch[data-mark="lit"] path{stroke:var(--anatomy-lit)}
.ca-process .iso-swatch[data-mark="dim"] path{stroke:var(--anatomy-lo)}
.ca-process .iso-swatch[data-mark="dotted"] path{stroke-dasharray:.01 3;stroke-width:1.4}
.ca-process .iso-swatch[data-mark="dashed"] path{stroke-dasharray:3 2.5}
.ca-process .iso-swatch[data-mark="red"] path{stroke:var(--anatomy-red)}
.ca-process .iso-swatch[data-mark="green"] path{stroke:var(--anatomy-green)}
.ca-process .iso-swatch[data-mark="blue"] path{stroke:var(--anatomy-blue)}
.ca-process .iso-swatch-crease{stroke:var(--anatomy-lo)!important}
@media (max-width:560px){.ca-process .iso-plate{padding:48px 12px 70px}
.ca-process .iso-plate-corner[data-corner="hint"]{bottom:18px}}
@media (prefers-reduced-motion:reduce){.ca-process .iso-line[data-flow],.ca-process .iso-dots circle[data-pulse]{animation:none}}
.ca-process .iso[data-theme="light"]{--anatomy-card:var(--color-paper,#FBFAF7);--anatomy-paper:var(--color-paper,#FBFAF7);--anatomy-hi:var(--color-ink,#16221E);--anatomy-strong:var(--color-ink,#16221E);--anatomy-text:var(--color-ink,#16221E);--anatomy-lit:var(--color-emerald,#047857);--anatomy-dot:var(--color-ink,#16221E);--anatomy-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
.ca-process [data-st]{--anatomy-hi:var(--color-ink-2,#4A5A52)}
.ca-process [data-st].on{--anatomy-hi:var(--color-emerald,#047857);--anatomy-lit:var(--color-emerald,#047857)}
.ca-process .cap-slip{--anatomy-lit:var(--color-ink-2,#4A5A52)}
.ca-process .cap-slip.lead{--anatomy-lit:var(--color-emerald,#047857)}
.ca-process .iso-face-text{font-weight:500;letter-spacing:0}
.ca-process .cap-dot{fill:var(--anatomy-lit);stroke:none}
.ca-process{--cap-ink:var(--color-ink,#16221E);--cap-ink-2:var(--color-ink-2,#4A5A52);--cap-paper:var(--color-paper,#FBFAF7);--cap-emerald:var(--color-emerald,#047857);--cap-line:var(--color-line,#E8E5DE);--cap-head:var(--font-heading,"Bricolage Grotesque",system-ui,sans-serif);--cap-body:var(--font-body,Lora,Georgia,serif);--cap-mono:var(--font-mono,"IBM Plex Mono",ui-monospace,monospace);color:var(--cap-ink);max-width:100%}
.ca-process *{box-sizing:border-box}
.ca-process .cap-figure{margin:0}
.ca-process .cap-card{background:var(--cap-paper);border:1px solid var(--cap-line);border-radius:14px;overflow:hidden}
.ca-process .cap-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:14px 18px 0}
.ca-process .cap-title{margin:0;font-family:var(--cap-head);font-weight:700;font-size:19px;line-height:1.3;color:var(--cap-ink);text-wrap:balance}
.ca-process .cap-auto{display:none;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 14px 0 12px;border:1px solid var(--cap-line);border-radius:12px;background:var(--cap-paper);color:var(--cap-ink);font-family:var(--cap-head);font-weight:600;font-size:15px;line-height:1;cursor:pointer}
.ca-process.cap-live .cap-auto{display:inline-flex}
.ca-process .cap-auto svg{width:16px;height:16px;fill:currentColor}
.ca-process .cap-auto .cap-play{display:none}
.ca-process .cap-auto[data-state="off"] .cap-play{display:block}
.ca-process .cap-auto[data-state="off"] .cap-pause{display:none}
.ca-process .cap-auto[data-state="on"]{border-color:var(--cap-emerald);color:var(--cap-emerald)}
.ca-process .cap-auto:focus-visible{outline:2px solid var(--cap-emerald);outline-offset:2px}
.ca-process .cap-view{position:relative;overflow:hidden;aspect-ratio:1000/483}
.ca-process .cap-pan{transform-origin:0 0;will-change:transform;height:100%}
.ca-process .cap-pan .iso-svg{overflow:hidden}
.ca-process .cap-still{display:block;width:100%;height:100%;object-fit:contain}
.ca-process .cap-foot{padding:6px 18px 16px}
.ca-process .cap-readouts{display:grid;gap:10px}
.ca-process .cap-readout{margin:0;font-family:var(--cap-body);font-size:17px;line-height:1.6;color:var(--cap-ink);max-width:72ch}
.ca-process .cap-code{font-family:var(--cap-head);font-size:17px;font-weight:700;color:var(--cap-ink);margin-right:10px;white-space:nowrap}
.ca-process.cap-live .cap-readouts{gap:0}
.ca-process.cap-live .cap-readout{grid-area:1/1;opacity:0;transition:opacity .4s ease}
.ca-process.cap-live .cap-readout[data-on]{opacity:1}
.ca-process.cap-live .cap-code{color:var(--cap-emerald)}
.ca-process .cap-caption{margin:14px 0 0;font-family:var(--cap-body);font-size:16px;line-height:1.65;color:var(--cap-ink-2);max-width:72ch}
@media (max-width:599px){.ca-process .cap-view{aspect-ratio:100/88}.ca-process .cap-head{padding:12px 14px 0}.ca-process .cap-foot{padding:6px 14px 14px}}
@media (prefers-reduced-motion:reduce){.ca-process .cap-readout{transition:none}}
