:where(.voidr-operation,.voidr-implementation,.voidr-scenarios,.diagnostic-cta){--diagram-line: #7a8aa0;--diagram-active: #5579a7;--diagram-icon: #65778f;--diagram-border: #b7c4d4;--diagram-text: #59697e}.diagnostic-cta{--sq-radius: 0px;background:#f8fafd;color:#20242b;padding:90px clamp(24px,5.5vw,80px);border-top:1px solid #e6ecf4}.dc-inner{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center}.dc-copy h2{max-width:680px;margin:0;font-size:clamp(28px,3.6vw,50px);line-height:1.12;letter-spacing:-.05em;text-wrap:balance}.dc-copy>p{white-space:pre-line;max-width:490px;margin:24px 0 28px;font-size:16px;line-height:1.5;color:#6a7584}.dc-action{--sq-radius: 5px;display:inline-flex;align-items:center;gap:22px;min-height:50px;padding:0 21px;color:#fff;background:var(--cta-background);font-size:15px;text-decoration:none;transition:background .2s}.dc-action:hover{background:var(--cta-hover)}.dc-action:focus-visible{outline:2px solid var(--cta-background);outline-offset:5px}.dc-duration{display:block;margin-top:12px;color:#6a7584;font-size:12px;line-height:1.5}.dc-steps{--sq-radius: 0px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:40px 0;list-style:none}.dc-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;color:var(--diagram-text);font-size:12px}.dc-steps li:not(:last-child):after{content:"";position:absolute;left:calc(50% + 37px);top:36px;width:calc(100% - 54px);height:1px;background:var(--diagram-line)}.dc-node{--sq-radius: 12px 12px 12px 3px;width:74px;height:74px;display:grid;place-items:center;background:#fff;border:1px solid var(--diagram-border);box-shadow:0 5px #e8eef7,0 12px 24px -20px #6789b7}.dc-steps li:last-child .dc-node{color:#2563eb;border-color:#b9d0f7}@media(max-width:850px){.dc-inner{grid-template-columns:1fr;gap:24px}.diagnostic-cta{padding-top:64px;padding-bottom:48px}.dc-copy>p{white-space:pre-line;max-width:550px}.dc-steps{max-width:500px;padding:20px 0}}@media(max-width:380px){.dc-copy>p{white-space:pre-line;font-size:14px}.dc-steps{gap:8px}.dc-steps li{font-size:10px}.dc-node{width:60px;height:60px}.dc-steps li:not(:last-child):after{left:calc(50% + 30px);top:30px;width:calc(100% - 52px)}}button.dc-action{border:0;font-family:inherit;cursor:pointer}
