/* Customer-finding workflow: full work, compact presentation. */
.copy-page .cadence-workflows{padding-block:48px}
.copy-page .cadence-workflows .copy-heading-center{margin-bottom:28px;max-width:900px}
.copy-page .cadence-workflows .copy-heading-center h2{font-size:clamp(34px,3.3vw,46px);line-height:1.12;margin-bottom:18px}
.copy-page .cadence-workflows .copy-heading-center p{max-width:660px;font-size:15px;line-height:1.65}
.copy-page .customer-flow{width:100%;max-width:1160px;margin:0 auto;padding:22px;background:#41453d;border:1px solid #ffffff20;border-radius:24px;color:#f8f5ee;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.copy-page .customer-flow *{box-sizing:border-box}
.copy-page .cf-viewport{width:100%;max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#a8bba480 transparent;padding-bottom:4px}
.copy-page .cf-viewport:focus-visible{outline:2px solid #79d4f0;outline-offset:5px;border-radius:10px}
.copy-page .cf-board{position:relative;isolation:isolate;min-width:860px;background:radial-gradient(#e4e9de16 .8px,transparent .8px) 0 0/18px 18px;border-radius:10px}
.copy-page .cf-stages{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,76px);column-gap:2.4%;row-gap:24px;margin:0;padding:0;min-width:0}
.copy-page .cf-node{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;width:100%;height:76px;padding:8px;border:1px solid #ffffff30;border-radius:12px;background:#4a5046;text-align:left}
.copy-page .cf-node-chief{background:#34515a;border-color:#5cbdd4}
.copy-page .cf-node-gate{background:#50503e;border-color:#b4a871}
.copy-page .cf-node-review{border-color:#abc8a4;background:#465448}
.copy-page .cf-node-pack{border-color:#5cbdd499;background:#34515a}
.copy-page .cf-node-memory,.copy-page .cf-node-saved{border-style:dashed;background:#414b43}
.copy-page .cf-node-revision{border-color:#b4a87188;background:#4b4d40}
.copy-page .cf-node-top{display:flex;align-items:center;gap:6px;min-width:0}
.copy-page .cf-role{font-size:10px;line-height:1.2;color:#deded4;min-width:0;overflow-wrap:anywhere}
.copy-page .cf-role-icon{display:block;width:14px;height:14px;flex:0 0 14px;margin-left:auto}
.copy-page .cf-gate-icon{width:20px;height:20px;flex:0 0 20px}
.copy-page .cf-action{display:block;margin-top:4px;font-size:12px;line-height:1.3;font-weight:500;color:#f8f5ee;overflow-wrap:anywhere}
.copy-page .cf-portrait{position:relative;display:block;overflow:hidden;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#e9eddf;border:1px solid #ffffff70}
.copy-page .cf-portrait img{position:absolute;display:block;width:188%;max-width:none;height:auto;left:-38%;top:-7%;object-fit:initial}
.copy-page .cf-portrait.cf-customers img{left:-37.69%;top:-7.69%}
.copy-page .cf-portrait.cf-decisions img{width:169.54%;left:-46.15%;top:-5.38%}
.copy-page .cf-portrait.cf-content img{left:-53.85%;top:-6.15%}
.copy-page .cf-portrait.cf-life img{left:-42%;top:-3%}
.copy-page .cf-portrait.cf-human img{width:130%;height:130%;left:-15%;top:0;object-fit:cover}

.copy-page .customer-flow .cf-portrait{width:20px;height:20px;flex-basis:20px}
.copy-page .cf-edges{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;fill:none;stroke:#b0c5ac;stroke-width:1.5}
.copy-page .cf-edge{marker-end:url(#customer-flow-arrow);vector-effect:non-scaling-stroke}
.copy-page .cf-edge-memory{stroke-dasharray:3 4;stroke:#75bed5}
.copy-page .cf-edge-revision{stroke-dasharray:4 4;stroke:#ccb888}
.copy-page .cf-edge-label{font-family:system-ui,-apple-system,sans-serif;font-size:9px;fill:#deded4;stroke:#41453d;stroke-width:4px;paint-order:stroke;stroke-linejoin:round}
.copy-page .cf-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.copy-page .cadence-team-setup{margin-top:22px;border-top:1px solid #ffffff20;padding-top:18px}
.copy-page .cadence-team-setup .cadence-team-status{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:#deded4;margin:0 0 13px}
.copy-page .cadence-team-status>span{width:7px;height:7px;border-radius:50%;background:#45bbea;flex:0 0 7px}
.copy-page .cadence-team-roster{display:flex;gap:10px 14px;flex-wrap:wrap}
.copy-page .cadence-team-person{display:inline-flex;align-items:center;gap:7px;font-size:11px;line-height:1.4;color:#f8f5ee;min-width:0}

@media(max-width:1100px){.copy-page .cf-role-icon{display:none}}
@media(max-width:800px){.copy-page .cadence-workflows{padding-block:44px}.copy-page .customer-flow{padding:16px;border-radius:20px}}

/* Contain the wide canvas and give touch devices an explicit pan surface. */
.copy-page .cadence-workflows>.copy-wrap,.copy-page .customer-flow{min-width:0}
.copy-page .customer-flow{overflow:hidden}
.copy-page .cf-viewport{display:block;min-width:0;max-inline-size:100%;contain:inline-size;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;scroll-behavior:auto;padding-bottom:10px}
.copy-page .cf-viewport::-webkit-scrollbar{height:5px}
.copy-page .cf-viewport::-webkit-scrollbar-track{background:#ffffff0d;border-radius:99px}
.copy-page .cf-viewport::-webkit-scrollbar-thumb{background:#8bb6b7;border-radius:99px}
.copy-page .cf-board img{-webkit-user-drag:none;pointer-events:none}
.copy-page .cf-scroll-tools{display:none}
.copy-page .cf-scroll-tools[hidden]{display:none}
@media(max-width:800px){
 .copy-page .cf-board{width:1000px;min-width:1000px;max-width:none}
 .copy-page .cf-scroll-tools:not([hidden]){display:block;margin-top:12px}
 .copy-page .cf-scroll-tools .cf-scroll-hint{margin:0 0 4px;font:400 11px/1.5 system-ui,-apple-system,sans-serif;color:#deded4;text-align:center}
 .copy-page .cf-scroll-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;min-width:0}
 .copy-page .cf-scroll-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff0b;color:#f8f5ee;font:400 22px/1 system-ui,-apple-system,sans-serif;cursor:pointer}
 .copy-page .cf-scroll-button:disabled{opacity:.3;cursor:default}
 .copy-page .cf-scroll-range{display:block;appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:44px;padding:0;margin:0;border:0;background:transparent;cursor:ew-resize;touch-action:pan-y;accent-color:#1fa3de}
 .copy-page .cf-scroll-range::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(90deg,#1fa3de 0 var(--cf-pan-progress,0%),#ffffff2b var(--cf-pan-progress,0%) 100%)}
 .copy-page .cf-scroll-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin-top:-8.5px;border:3px solid #edf8fa;border-radius:50%;background:#1fa3de;box-shadow:0 1px 5px #162a3140}
 .copy-page .cf-scroll-range::-moz-range-track{height:5px;border-radius:99px;background:#ffffff2b}
 .copy-page .cf-scroll-range::-moz-range-progress{height:5px;border-radius:99px;background:#1fa3de}
 .copy-page .cf-scroll-range::-moz-range-thumb{width:17px;height:17px;border:3px solid #edf8fa;border-radius:50%;background:#1fa3de}
 .copy-page .cf-scroll-button:focus-visible,.copy-page .cf-scroll-range:focus-visible{outline:2px solid #79d4f0;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){.copy-page .cf-viewport{scroll-behavior:auto}}