/* The conductor: Zenoo in the middle of every check. Light only, Clean tokens. */
.cd-sec{padding:96px 0 40px}
.cd-sec .zf-wrap{max-width:1180px}
.cd-head{max-width:760px}
.cd-head h2 span{color:#80868b}
.cd{--ink:#202124;--ink2:#5f6368;--ink3:#80868b;--hl:#e7e5e0;--acc:#6548e8;--acc-t:#f5f2ff;
  position:relative;display:grid;grid-template-columns:1fr minmax(220px,260px) 1fr;grid-template-rows:auto auto auto auto;
  gap:22px 56px;margin-top:44px;padding:34px 34px 30px;border:1px solid var(--hl);border-radius:22px;background:#fff;
  box-shadow:0 1px 0 rgba(0,0,0,.02),0 30px 60px -40px rgba(40,30,90,.25);overflow:hidden}
.cd::before{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 50% at 50% 50%,rgba(101,72,232,.07),transparent 70%),
  linear-gradient(#f6f5f2 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,#f6f5f2 1px,transparent 1px) 0 0/28px 28px;pointer-events:none}
.cd>*{position:relative}
.cd svg.cd-wires{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.cd-wires path{fill:none;stroke:#d9d4f7;stroke-width:1.4;vector-effect:non-scaling-stroke}
.cd-wires path.flow{stroke:url(#cd-g);stroke-width:2.2;stroke-dasharray:6 14;animation:cd-flow 2.4s linear infinite}
@keyframes cd-flow{to{stroke-dashoffset:-40}}
.cd-card{z-index:1;background:#fff;border:1px solid var(--hl);border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:34px 1fr;gap:4px 12px;align-items:start;transition:border-color .3s,box-shadow .3s,opacity .3s}
.cd-card .ic{grid-row:span 2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f4f3f0;color:var(--ink)}
.cd-card .ic svg{width:18px;height:18px}
.cd-card b{font:600 15px/1.3 var(--font-display,inherit);color:var(--ink)}
.cd-card p{margin:0;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.cd-card.n1{grid-column:1;grid-row:2}.cd-card.n2{grid-column:3;grid-row:2}
.cd-card.n3{grid-column:1;grid-row:3}.cd-card.n4{grid-column:3;grid-row:3}
.cd-in{grid-column:2;grid-row:1}.cd-out{grid-column:2;grid-row:4}
.cd-in,.cd-out{z-index:1;background:#202124;color:#fff;border-radius:12px;padding:12px 16px;text-align:center}
.cd-in b,.cd-out b{display:block;font:600 14px/1.3 inherit}
.cd-in span,.cd-out span{font-size:12.5px;color:#c9c7d6}
.cd-core{grid-column:2;grid-row:2/4;z-index:1;align-self:center;justify-self:center;width:220px;height:220px;border-radius:50%;
  display:grid;place-items:center;text-align:center;background:#fff;border:1px solid #d9d4f7;
  box-shadow:0 0 0 10px rgba(101,72,232,.06),0 0 0 22px rgba(101,72,232,.03),0 24px 50px -24px rgba(101,72,232,.5)}
.cd-core>div{display:grid;justify-items:center;gap:6px}
.cd-core .mk{width:40px;height:40px}
.cd-core b{font:600 18px/1.2 inherit;color:var(--ink)}
.cd-core span{font-size:12.5px;line-height:1.4;color:var(--ink2);max-width:150px}
.cd-core::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid transparent;border-top-color:var(--acc);animation:cd-spin 6s linear infinite}
@keyframes cd-spin{to{transform:rotate(360deg)}}
.cd-step{position:absolute;top:10px;right:12px;font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink3)}
/* the order light: each instrument takes its turn */
.cd.live .cd-card{animation:cd-turn 8s infinite}
.cd.live .n1{animation-delay:0s}.cd.live .n3{animation-delay:2s}.cd.live .n2{animation-delay:4s}.cd.live .n4{animation-delay:6s}
@keyframes cd-turn{0%,22%{border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-t)}28%,100%{border-color:var(--hl);box-shadow:none}}
/* lit mode on feature pages: one instrument is this page */
.cd.lit .cd-card:not(.on)>*{opacity:.5}
.cd.lit .cd-card.on{opacity:1;border-color:var(--acc);box-shadow:0 0 0 4px var(--acc-t)}
.cd.lit .cd-card.on .ic{background:var(--acc);color:#fff}
.cd-here{display:none;font:600 11px/1 inherit;color:var(--acc);letter-spacing:.04em;text-transform:uppercase;grid-column:2;margin-top:6px}
.cd.lit .on .cd-here{display:block}
.cd-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.cd-note{border:1px solid #e7e5e0;border-radius:14px;padding:18px 20px;background:#fff;display:grid;grid-template-columns:34px 1fr;gap:4px 12px}
.cd-note .ic{grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#202124;color:#fff}
.cd-note .ic svg{width:17px;height:17px}
.cd-note b{font:600 15px/1.3 inherit;color:#202124}
.cd-note p{margin:0;font-size:14px;line-height:1.5;color:#5f6368}
.cd-note a{color:#6548e8}
.cd-mini{padding:56px 0 8px}
.cd-mini .cd{margin-top:22px;padding:24px;gap:14px 40px}
.cd-mini .cd-core{width:170px;height:170px}
.cd-mini .cd-card p{font-size:13px}
/* lanes */
.ln-sec{padding:56px 0 40px}
.ln{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:4px 0 6px}
.ln-col{border:1px solid #e7e5e0;border-radius:14px;padding:14px;background:#faf9f6;min-height:300px}
.ln-col.care{background:#fffaf2;border-color:#f3e2c4}
.ln-ch{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:600 13px/1.2 inherit;color:#202124}
.ln-ch small{font-weight:400;color:#80868b;margin-left:auto}
.ln-case{background:#fff;border:1px solid #e7e5e0;border-radius:12px;padding:12px;margin-bottom:10px;transition:opacity .4s,transform .4s,max-height .5s}
.ln-case .nm{display:flex;align-items:center;gap:8px;font:600 13.5px/1.3 inherit;color:#202124}
.ln-case .why{font-size:12.5px;color:#5f6368;margin:4px 0 8px}
.ln-chk{display:flex;flex-wrap:wrap;gap:6px}
.ln-chk span{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 8px;border-radius:999px;background:#f4f3f0;color:#5f6368;transition:background .3s,color .3s}
.ln-chk span::before{content:"";width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor;box-sizing:border-box}
.ln-chk span.on{background:#e8f3ec;color:#1e7a46}
.ln-chk span.on::before{background:currentColor}
.ln-chk span.amb.on{background:#fff3df;color:#a8650d}
.ln-end{margin-top:8px;font-size:12.5px;font-weight:600}
.ln-end.ok{color:#1e7a46}.ln-end.amb{color:#a8650d}
.pw .ln-case[data-at]{opacity:0;transform:translateY(6px)}
.pw .ln-case[data-at].on{opacity:1;transform:none}
.pw.moved .ln-case.mover{opacity:.35}
.ln-moved{display:inline-block;font-size:11.5px;font-weight:600;color:#a8650d;background:#fff3df;border-radius:999px;padding:2px 8px;margin-left:auto}
.ln-foot{margin-top:18px;font-size:15px}
.ln-foot a{color:#6548e8;font-weight:600}
@media (max-width:900px){
  .cd{grid-template-columns:1fr 1fr;gap:12px;padding:18px}
  .cd svg.cd-wires{display:none}
  .cd-in,.cd-out{grid-column:1/3}.cd-in{grid-row:1}
  .cd-core{grid-column:1/3;grid-row:2;width:180px;height:180px}
  .cd-card.n1{grid-column:1;grid-row:3}.cd-card.n2{grid-column:2;grid-row:3}
  .cd-card.n3{grid-column:1;grid-row:4}.cd-card.n4{grid-column:2;grid-row:4}
  .cd-out{grid-row:5}
  .cd-notes{grid-template-columns:1fr}
}
@media (max-width:560px){
  .cd{grid-template-columns:1fr}
  .cd-in,.cd-out,.cd-core{grid-column:1}
  .cd-card.n1,.cd-card.n2,.cd-card.n3,.cd-card.n4{grid-column:1;grid-row:auto}
  .cd-out{grid-row:auto}
  .ln{grid-template-columns:1fr}
  .ln-col{min-height:0}
}
@media (prefers-reduced-motion:reduce){.cd-wires path.flow,.cd-core::after,.cd.live .cd-card{animation:none}}
.cd svg.mk{padding:0;border-radius:0}