@keyframes fly{0%{offset-distance:0%;opacity :0;}8%,38%{opacity:1;}45%,100%{offset-distance:100%;opacity :0;}}@keyframes hub-pulse{45%,60%{outline-color:#0000;}50%{outline-color:rgb(133 167 254 / .45);}}#cbc-compliance-page{.flow{--ink :#1b2436;--ink-soft :#2c3547;--hub :#09090b;--hub-label :#85a7fe;--source-bg :#eef3fd;--source-border:#dde6f8;--card-border :#e4e8ee;--line :#c2cede;--rule :#e6e9ee;--gap :1.1%;--fly :5s;--spine-x :10px;--spine-in:26px;--elbow :11px;--arm :calc(var(--spine-in) - var(--spine-x));anchor-scope:all;@media (min-width:421px){--spine-x :16px;--spine-in:34px;}.diagram{position :relative;display :flex;flex-direction:column;gap :10px;max-width :620px;margin-inline :auto;@media (min-width:900px){display :block;max-width :none;margin-inline:0;}}.flow-group{position :relative;display :flex;flex-direction:column;gap :10px;padding-left :var(--spine-in);&::before{content :"";position :absolute;top :9px;width :1px;background:var(--line);}&.flow-group--upper::before{left :var(--spine-x);bottom:-50px;}&.flow-group--lower{padding-right:var(--spine-in);&::before{right :var(--spine-x);top :68px;bottom:8px;}}@media (min-width:900px){display:contents;&::before{content:none;}}}.tier{display :grid;grid-template-columns:minmax(0,1fr);gap :10px;@media (min-width:900px){gap:var(--gap);&.tier--sources{grid-template-columns:repeat(5,minmax(0,1fr));}&.tier--outputs{grid-template-columns:repeat(6,minmax(0,1fr));}}}.node{position :relative;display :flex;align-items :center;min-height :62px;padding :14px;font :var(--p-font);color :var(--ink-soft);background :#fff;border :1px solid var(--card-border);border-radius:12px;anchor-name :var(--a);&.node--source{background :var(--source-bg);border-color:var(--source-border);}@media screen and (width >=421px){padding:16px 18px;}@media screen and (width >=900px){justify-content:center;text-align :center;}@media screen and (width >=1201px){padding:18px 16px;&.node--output{min-height:112px;}}}.hub{position :relative;display :flex;flex-direction:column;align-items :flex-start;gap :6px;margin :6px 0;padding :20px 22px;background :var(--hub);border-radius :16px;box-shadow :0 18px 38px -20px rgb(9 9 11 / .55);anchor-name :--hub;outline :clamp(2px,.3vw,4px) solid #0000;outline-offset:clamp(2px,.3vw,4px);& h3{margin :0;font-size:1rem;color :#fff;@media (min-width:900px){font-size:1.5rem;}}& span{flex :none;font-size :.75rem;font-weight :700;letter-spacing:.14em;text-transform:uppercase;color :var(--hub-label);}@media (min-width:900px){flex-direction :row;align-items :center;justify-content:space-between;gap :24px;width :min(672px,100%);margin :0 auto;padding :26px 32px;}@media (prefers-reduced-motion:no-preference){animation:hub-pulse var(--fly) infinite;}}.flow-group--upper .node::before,.hub::before,.hub::after,.flow-group--lower .node::before{content :"";position :absolute;top :50%;width :var(--arm);height :22px;border-style:solid;border-color:var(--line);border-width:0;@media (min-width:900px){content:none;}}.flow-group--upper .node::before,.hub::before{left :calc(-1 * var(--arm));margin-top :-22px;border-left-width :1px;border-bottom-width :1px;border-bottom-left-radius:var(--elbow);}.hub::after,.flow-group--lower .node::before{right :calc(-1 * var(--arm));border-right-width :1px;border-top-width :1px;border-top-right-radius:var(--elbow);}.wires{display:none;@media (min-width:900px){display:block;width :100%;height :110px;& path{fill :none;stroke :var(--line);stroke-width :1;vector-effect:non-scaling-stroke;}}}.tier--sources .node,.planes--in i{&:nth-child(1){--a:--s1;}&:nth-child(2){--a:--s2;}&:nth-child(3){--a:--s3;}&:nth-child(4){--a:--s4;}&:nth-child(5){--a:--s5;}}.tier--outputs .node,.planes--out i{&:nth-child(1){--a:--o1;}&:nth-child(2){--a:--o2;}&:nth-child(3){--a:--o3;}&:nth-child(4){--a:--o4;}&:nth-child(5){--a:--o5;}&:nth-child(6){--a:--o6;}}.planes{display:contents;& i{position :absolute;position-anchor:var(--a);pointer-events :none;&::before{position :absolute;inset :0 auto auto 0;inline-size :clamp(14px,1.6vw,18px);aspect-ratio:1;background :url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c2cede'><path d='M2 3l20 9-20 9 4-9z'/></svg>") center / contain no-repeat;opacity :0;offset-path :var(--path);@supports (offset-path:shape(from 0 0,line to 0 0)) and (anchor-name:--a){content:"";}@media (min-width:900px){offset-path:shape(from 0 0,curve to 100% 100% with 0 55% / 100% 45%);}@media (prefers-reduced-motion:no-preference){animation:fly var(--fly) ease-in-out infinite;}}}}.planes--in i{--path:shape(from 0 0,vline to calc(100% - var(--elbow)),arc to var(--elbow) 100% of var(--elbow) ccw,hline to 100%);inset :calc(anchor(center) - 2 * var(--elbow)) anchor(--hub left) anchor(--hub center) calc(var(--spine-x) + .5px);@media (min-width:900px){inset:anchor(bottom) min(anchor(center),anchor(--hub center)) anchor(--hub top);&:nth-child(n + 4){scale:-1 1;}}}.planes--out i{--path:shape(from 0 0,hline to calc(100% - var(--elbow)),arc to 100% var(--elbow) of var(--elbow) cw,vline to 100%);inset :anchor(--hub center) calc(var(--spine-x) + .5px) calc(anchor(center) - var(--elbow)) anchor(--hub right);&::before{animation-delay:calc(var(--fly) / 2);}@media (min-width:900px){inset:anchor(--hub bottom) min(anchor(center),anchor(--hub center)) anchor(top);&:nth-child(-n + 3){scale:-1 1;}}}.rule{border :0;border-top:1px solid var(--rule);margin :32px 0 20px;@media (min-width:900px){margin:44px 0 24px;}}.note{margin :0;font-size :1.0625rem;font-weight:500;text-align :center;color :var(--ink);@media (min-width:900px){font-size:1.25rem;}}}p.elementor-heading-title > a{color:var(--e-global-color-accent) !important;}}