/* chf - "How FinePrint works", the channels figure, animated (2026-09-25; five channels 2026-09-29).
   Built by qa-0929/channels-figure-five/gen.py; do not hand-edit.
   Dark plate only (it sits in a band-deep section).  Teal is the run of the
   work; amber is FineShield, the lawyers' loop and the way home.
   One 16s clock: every animated rule reads animation-delay from --chf-t0.
   Base rules are the resting frame (the founder's image); reduced motion
   switches every animation off and shows exactly that frame. */
.chf-fig{--chf-t0:0s;
  --plate:#0C1A24;--plateEdge:rgba(236,237,234,.10);--lane:rgba(4,11,16,.42);--laneEdge:rgba(236,237,234,.09);
  --card:#12242F;--cardEdge:rgba(236,237,234,.16);--fsCard:#14283A;
  --title:#F2EDE3;--body:#BCC9D2;--q:#7E8F99;--dot:rgba(188,201,210,.72);
  --acc:#8FC1D4;--amb:#F59E0B;--ambHi:#FFC766;
  --chipFill:#182E3A;--chipEdge:rgba(236,237,234,.20);--chipPick:rgba(143,193,212,.16);
  position:relative;container-type:inline-size;border-radius:24px;
  -webkit-font-smoothing:auto;font-family:'Instrument Sans',system-ui,-apple-system,sans-serif}
.chf-fig svg{display:block;width:100%;height:auto}
.chf-fig .chf-lay-m{display:none;max-width:440px;margin:0 auto}
@media (max-width:1060px){.chf-fig .chf-lay-d{display:none}.chf-fig .chf-lay-m{display:block}}
@container (max-width:959px){.chf-fig .chf-lay-d{display:none}.chf-fig .chf-lay-m{display:block}}
@container (min-width:960px){.chf-fig .chf-lay-d{display:block}.chf-fig .chf-lay-m{display:none}}
.chf-fig text{text-rendering:geometricPrecision}
.chf-fig .chf-kick{font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;fill:var(--q)}
.chf-fig .chf-name,.chf-fig .chf-fsn{font-family:'Instrument Serif',ui-serif,Georgia,serif;fill:var(--title)}
.pa5-shot + .h5-sys{margin-top:clamp(30px,3.6vw,48px)}
.chf-fig .chf-role,.chf-fig .chf-fss{font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;fill:var(--body)}
.chf-fig .chf-st,.chf-fig .chf-chipt,.chf-fig .chf-chct,.chf-fig .chf-more{font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace}
.chf-fig .chf-st{fill:var(--q)}
.chf-fig .chf-tt{fill:var(--acc)}
.chf-fig .chf-amb{fill:var(--amb)}
.chf-fig .chf-quiet{fill:var(--q)}
.chf-fig .chf-chipt,.chf-fig .chf-chct{fill:var(--body)}
.chf-fig .chf-more{fill:var(--q)}
.chf-fig .chf-icon{pointer-events:none}
.chf-fig text.chf-c1{fill:var(--acc)}
.chf-fig .chf-ing{opacity:0}
.chf-fig .chf-plate{fill:var(--plate);stroke:var(--plateEdge);stroke-width:1}
.chf-fig .chf-lane{fill:var(--lane);stroke:var(--laneEdge);stroke-width:1}
.chf-fig .chf-card{fill:var(--card);stroke:var(--cardEdge);stroke-width:1}
.chf-fig .chf-chip{fill:var(--chipFill);stroke:var(--chipEdge);stroke-width:1}
.chf-fig rect.chf-c1{stroke:var(--acc)}
.chf-fig .chf-fs{fill:var(--fsCard);stroke:var(--amb);stroke-width:2;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}
.chf-fig .chf-halo{opacity:.55}
.chf-fig .chf-scan{opacity:0}
.chf-fig .chf-scanl{fill:var(--amb);opacity:.85}
.chf-fig .chf-fr{transform-box:fill-box;transform-origin:50% 0}
.chf-fig .chf-run{fill:none;stroke:var(--acc);stroke-width:2;stroke-linejoin:round}
.chf-fig .chf-ret{fill:none;stroke:var(--amb);stroke-width:2;stroke-linejoin:round}
.chf-fig .chf-dots{fill:none;stroke:var(--dot);stroke-width:2.5;stroke-dasharray:.1 7;stroke-linecap:round}
.chf-fig .chf-glyph{fill:none;stroke:var(--q);stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
.chf-fig .chf-lay-d .chf-glyph{stroke-width:1.6}
.chf-fig .chf-lay-m .chf-glyph{stroke-width:1.7}
.chf-fig .chf-ah{fill:var(--acc)}
.chf-fig .chf-aha{fill:var(--amb)}
.chf-fig .chf-ahd{fill:var(--dot)}
.chf-fig .chf-bar{fill:var(--amb)}
.chf-fig .chf-tok{opacity:0;offset-rotate:0deg;offset-distance:0%}
.chf-fig circle.chf-tok{fill:var(--acc);stroke:var(--plate);stroke-width:1.5}
.chf-fig circle.chf-tam{fill:var(--amb);filter:drop-shadow(0 0 5px rgba(245,158,11,.85))}
.chf-fig .chf-env{fill:var(--acc);stroke:var(--plate);stroke-width:1}
.chf-fig .chf-envf{fill:none;stroke:var(--plate);stroke-width:1.3;stroke-linejoin:round}
.chf-lay-d .chf-kick{font-size:12.5px;font-weight:600;letter-spacing:0.14em}
.chf-lay-d .chf-name{font-size:21px;font-weight:400;letter-spacing:0em}
.chf-lay-d .chf-role{font-size:14.5px;font-weight:400;letter-spacing:0em}
.chf-lay-d .chf-st{font-size:13.5px;font-weight:500;letter-spacing:-0.01em}
.chf-lay-d .chf-chipt{font-size:12.5px;font-weight:500;letter-spacing:-0.01em}
.chf-lay-d .chf-chct{font-size:12.5px;font-weight:500;letter-spacing:-0.01em}
.chf-lay-d .chf-fsn{font-size:32px;font-weight:400;letter-spacing:0em}
.chf-lay-d .chf-fss{font-size:15.5px;font-weight:400;letter-spacing:0em}
.chf-lay-d .chf-more{font-size:12.5px;font-weight:500;letter-spacing:0.08em}
.chf-lay-m .chf-kick{font-size:13px;font-weight:600;letter-spacing:0.14em}
.chf-lay-m .chf-name{font-size:21px;font-weight:400;letter-spacing:0em}
.chf-lay-m .chf-role{font-size:15px;font-weight:400;letter-spacing:0em}
.chf-lay-m .chf-st{font-size:14px;font-weight:500;letter-spacing:-0.01em}
.chf-lay-m .chf-chipt{font-size:13px;font-weight:500;letter-spacing:-0.01em}
.chf-lay-m .chf-chct{font-size:13.5px;font-weight:500;letter-spacing:-0.01em}
.chf-lay-m .chf-fsn{font-size:32px;font-weight:400;letter-spacing:0em}
.chf-lay-m .chf-fss{font-size:16px;font-weight:400;letter-spacing:0em}
.chf-lay-m .chf-more{font-size:13px;font-weight:500;letter-spacing:0.08em}
/* ---- the clock ---- */
@keyframes chf-pk0{0%{opacity:0;offset-distance:0%}0.75%{opacity:0;offset-distance:0%}1.875%{opacity:1;offset-distance:0%}8.125%{opacity:1;offset-distance:100%}9.25%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-g0{0%{stroke:var(--q)}-0.312%{stroke:var(--q)}1.562%{stroke:var(--acc)}5.625%{stroke:var(--acc)}10.625%{stroke:var(--q)}100%{stroke:var(--q)}}
@keyframes chf-pk1{0%{opacity:0;offset-distance:0%}2.625%{opacity:0;offset-distance:0%}3.75%{opacity:1;offset-distance:0%}10%{opacity:1;offset-distance:100%}11.125%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-g1{0%{stroke:var(--q)}1.562%{stroke:var(--q)}3.437%{stroke:var(--acc)}7.5%{stroke:var(--acc)}12.5%{stroke:var(--q)}100%{stroke:var(--q)}}
@keyframes chf-pk2{0%{opacity:0;offset-distance:0%}4.5%{opacity:0;offset-distance:0%}5.625%{opacity:1;offset-distance:0%}11.875%{opacity:1;offset-distance:100%}13%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-g2{0%{stroke:var(--q)}3.438%{stroke:var(--q)}5.312%{stroke:var(--acc)}9.375%{stroke:var(--acc)}14.375%{stroke:var(--q)}100%{stroke:var(--q)}}
@keyframes chf-pk3{0%{opacity:0;offset-distance:0%}6.375%{opacity:0;offset-distance:0%}7.5%{opacity:1;offset-distance:0%}13.75%{opacity:1;offset-distance:100%}14.875%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-g3{0%{stroke:var(--q)}5.312%{stroke:var(--q)}7.187%{stroke:var(--acc)}11.25%{stroke:var(--acc)}16.25%{stroke:var(--q)}100%{stroke:var(--q)}}
@keyframes chf-pk4{0%{opacity:0;offset-distance:0%}8.25%{opacity:0;offset-distance:0%}9.375%{opacity:1;offset-distance:0%}15.625%{opacity:1;offset-distance:100%}16.75%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-g4{0%{stroke:var(--q)}7.187%{stroke:var(--q)}9.062%{stroke:var(--acc)}13.125%{stroke:var(--acc)}18.125%{stroke:var(--q)}100%{stroke:var(--q)}}
@keyframes chf-halo{0%{opacity:.55}11.25%{opacity:.55}16.25%{opacity:1}27.812%{opacity:1}35%{opacity:.55}83.438%{opacity:.55}85.312%{opacity:1}93.125%{opacity:.55}100%{opacity:.55}}
@keyframes chf-scan{0%{opacity:0;transform:translateY(0)}16.813%{opacity:0;transform:translateY(0)}17.812%{opacity:1;transform:translateY(0)}24.062%{opacity:1;transform:translateY(var(--chf-sd))}25%{opacity:0;transform:translateY(var(--chf-sd))}99.938%{opacity:0;transform:translateY(var(--chf-sd))}100%{opacity:0;transform:translateY(0)}}
@keyframes chf-fr1{0%{transform:scaleY(1);opacity:1}15.937%{transform:scaleY(1);opacity:1}17%{transform:scaleY(1);opacity:.18}17.75%{transform:scaleY(0);opacity:1}20.625%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:1}}
@keyframes chf-fr2{0%{transform:scaleY(1);opacity:1}15.937%{transform:scaleY(1);opacity:1}17%{transform:scaleY(1);opacity:.18}20.562%{transform:scaleY(0);opacity:1}23.438%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:1}}
@keyframes chf-fs{0%{stroke:var(--amb);stroke-width:2}25.312%{stroke:var(--amb);stroke-width:2}26.25%{stroke:var(--ambHi);stroke-width:3}29.688%{stroke:var(--amb);stroke-width:2}83.438%{stroke:var(--amb);stroke-width:2}84.375%{stroke:var(--ambHi);stroke-width:3}89.375%{stroke:var(--amb);stroke-width:2}100%{stroke:var(--amb);stroke-width:2}}
@keyframes chf-t-fc{0%{opacity:0;offset-distance:0%}26.062%{opacity:0;offset-distance:0%}27.187%{opacity:1;offset-distance:0%}31.875%{opacity:1;offset-distance:100%}33%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-t-s1{0%{opacity:0;offset-distance:0%}32%{opacity:0;offset-distance:0%}33.125%{opacity:1;offset-distance:0%}36.25%{opacity:1;offset-distance:100%}37.375%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-t-s2{0%{opacity:0;offset-distance:0%}37%{opacity:0;offset-distance:0%}38.125%{opacity:1;offset-distance:0%}41.25%{opacity:1;offset-distance:100%}42.375%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-t-work{0%{opacity:0;offset-distance:0%}47%{opacity:0;offset-distance:0%}48.125%{opacity:1;offset-distance:0%}52.5%{opacity:1;offset-distance:100%}53.625%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-e-counsel{0%{stroke:var(--cardEdge)}30.937%{stroke:var(--cardEdge)}32.812%{stroke:var(--acc)}39.375%{stroke:var(--acc)}45%{stroke:var(--cardEdge)}100%{stroke:var(--cardEdge)}}
@keyframes chf-e-orch{0%{stroke:var(--cardEdge)}35.312%{stroke:var(--cardEdge)}37.188%{stroke:var(--acc)}43.75%{stroke:var(--acc)}49.375%{stroke:var(--cardEdge)}100%{stroke:var(--cardEdge)}}
@keyframes chf-e-agents{0%{stroke:var(--cardEdge)}40.312%{stroke:var(--cardEdge)}42.188%{stroke:var(--acc)}48.75%{stroke:var(--acc)}54.375%{stroke:var(--cardEdge)}100%{stroke:var(--cardEdge)}}
@keyframes chf-e-al{0%{stroke:var(--cardEdge)}51.562%{stroke:var(--cardEdge)}53.438%{stroke:var(--acc)}60%{stroke:var(--acc)}65.625%{stroke:var(--cardEdge)}100%{stroke:var(--cardEdge)}}
@keyframes chf-e-lm{0%{stroke:var(--cardEdge)}70.625%{stroke:var(--cardEdge)}72.5%{stroke:var(--amb)}74.062%{stroke:var(--amb)}79.688%{stroke:var(--cardEdge)}100%{stroke:var(--cardEdge)}}
@keyframes chf-c1{0%{stroke:var(--acc)}41.562%{stroke:var(--acc)}43.75%{stroke:var(--chipEdge)}86.875%{stroke:var(--chipEdge)}90%{stroke:var(--acc)}100%{stroke:var(--acc)}}
@keyframes chf-c1t{0%{fill:var(--acc)}41.562%{fill:var(--acc)}43.75%{fill:var(--body)}86.875%{fill:var(--body)}90%{fill:var(--acc)}100%{fill:var(--acc)}}
@keyframes chf-c2{0%{stroke:var(--chipEdge);fill:var(--chipFill)}42.5%{stroke:var(--chipEdge);fill:var(--chipFill)}45%{stroke:var(--acc);fill:var(--chipPick)}86.875%{stroke:var(--acc);fill:var(--chipPick)}90%{stroke:var(--chipEdge);fill:var(--chipFill)}100%{stroke:var(--chipEdge);fill:var(--chipFill)}}
@keyframes chf-c2t{0%{fill:var(--body)}42.5%{fill:var(--body)}45%{fill:var(--acc)}86.875%{fill:var(--acc)}90%{fill:var(--body)}100%{fill:var(--body)}}
@keyframes chf-ed{0%{opacity:1}50.625%{opacity:1}51.875%{opacity:0}65%{opacity:0}67.188%{opacity:1}100%{opacity:1}}
@keyframes chf-ing{0%{opacity:0}51.875%{opacity:0}53.125%{opacity:1}64.688%{opacity:1}65.625%{opacity:0}100%{opacity:0}}
@keyframes chf-bar{0%{opacity:1}51.875%{opacity:1}55%{opacity:.35}58.125%{opacity:1}61.25%{opacity:.35}64.375%{opacity:1}100%{opacity:1}}
@keyframes chf-t-trains{0%{opacity:0;offset-distance:0%}65.125%{opacity:0;offset-distance:0%}66.25%{opacity:1;offset-distance:0%}71.875%{opacity:1;offset-distance:100%}73%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-t-ret{0%{opacity:0;offset-distance:0%}67.625%{opacity:0;offset-distance:0%}68.75%{opacity:1;offset-distance:0%}83.75%{opacity:1;offset-distance:100%}84.875%{opacity:0;offset-distance:100%}99.938%{opacity:0;offset-distance:100%}100%{opacity:0;offset-distance:0%}}
@keyframes chf-flow{0%{stroke-dashoffset:0}100%{stroke-dashoffset:-255.6}}
.chf-fig .chf-pk0{animation:chf-pk0 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-g0{animation:chf-g0 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-pk1{animation:chf-pk1 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-g1{animation:chf-g1 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-pk2{animation:chf-pk2 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-g2{animation:chf-g2 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-pk3{animation:chf-pk3 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-g3{animation:chf-g3 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-pk4{animation:chf-pk4 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-g4{animation:chf-g4 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-halo{animation:chf-halo 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-scan{animation:chf-scan 16s linear infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-fr1{animation:chf-fr1 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-fr2{animation:chf-fr2 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-fs{animation:chf-fs 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-t-fc{animation:chf-t-fc 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-t-s1{animation:chf-t-s1 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-t-s2{animation:chf-t-s2 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-t-work{animation:chf-t-work 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-e-counsel{animation:chf-e-counsel 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-e-orch{animation:chf-e-orch 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-e-agents{animation:chf-e-agents 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-e-al{animation:chf-e-al 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-e-lm{animation:chf-e-lm 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig rect.chf-c1{animation:chf-c1 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig text.chf-c1{animation:chf-c1t 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig rect.chf-c2{animation:chf-c2 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig text.chf-c2{animation:chf-c2t 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-ed{animation:chf-ed 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-ing{animation:chf-ing 16s cubic-bezier(.4,0,.2,1) infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-bar{animation:chf-bar 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-t-trains{animation:chf-t-trains 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-t-ret{animation:chf-t-ret 16s ease-in-out infinite;animation-delay:var(--chf-t0,0s)}
.chf-fig .chf-dots{animation:chf-flow 16s linear infinite;animation-delay:var(--chf-t0,0s)}
/* ---- reduced motion: the resting frame, nothing moves (higher specificity
   than every animated rule above, so it always wins) ---- */
@media (prefers-reduced-motion:reduce){.chf-fig .chf-a.chf-a{animation:none}}