/* Scoped port of the product SonarRadar styling; compact nodes for marketing. */
.sonar-canvas{position:relative;font-family:Poppins,sans-serif;color:var(--canvas-primary)}
.sonar-canvas *{box-sizing:border-box}.sonar-radar{position:absolute;flex-shrink:0}.sonar-radar-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sonar-radar-crosshair{stroke:var(--canvas-tile-border);stroke-width:1.5;opacity:.5}.sonar-radar-connector{fill:none;stroke-linecap:round}.sonar-radar-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1.5px dotted var(--canvas-radar-grid);opacity:0;pointer-events:none}.sonar-radar-emitter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:var(--canvas-primary);box-shadow:0 0 24px var(--canvas-primary),0 0 60px #26345d33;z-index:10}.sonar-radar-pulses{position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:50%;overflow:hidden}.sonar-radar-pulse-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:2.5px solid var(--canvas-primary);opacity:0;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none}.sonar-radar-node{position:absolute;width:32px;height:32px;z-index:5;opacity:0;transform-origin:center;isolation:isolate}.sonar-radar-orb{width:100%;height:100%;border-radius:16px;background:var(--node-color);border:2px solid var(--node-color);position:relative;overflow:hidden;transform-origin:center}.sonar-radar-icon,.sonar-radar-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.sonar-radar-icon svg{width:20px;height:20px}.sonar-radar-count{opacity:0;transform:scale(.6) rotateY(90deg);font-size:18px;font-weight:800;color:white}.sonar-radar-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:9px;font-size:17px;font-weight:500;color:var(--canvas-primary);white-space:nowrap}.sonar-card-content{position:absolute;inset:0;width:356px;height:362px;padding:25px;opacity:0}.sonar-critical{display:inline-block;font-size:20px;line-height:1.4;background:#faeabd;color:#8d6400;border-radius:20px;padding:6px 14px}.sonar-card-content h3{font-size:31px;letter-spacing:-.5px;font-weight:500;margin:17px 0 15px}.sonar-issue{display:flex;gap:13px;border-top:1px solid #e9e5d8;padding:14px 0;opacity:0}.sonar-issue i{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#ca8a04;margin-top:9px}.sonar-issue strong{display:block;font-size:23px;line-height:1.3;font-weight:500}.sonar-issue span{display:block;font-size:20px;line-height:1.4;color:var(--canvas-text-secondary);margin-top:4px}.sonar-card-footer{display:flex;justify-content:space-between;font-size:18px;color:#8d6400;margin-top:1px}.sonar-illustration{overflow:hidden!important}#sonar .sonar-illustration{aspect-ratio:1000/680}
@media(max-width:760px){#sonar .sonar-illustration{aspect-ratio:640/1040}}

.sonar-compact .sonar-card-content{width:436px;height:431px;padding:30px}.sonar-compact .sonar-critical{font-size:25px}.sonar-compact .sonar-card-content h3{font-size:38px}.sonar-compact .sonar-issue strong{font-size:28px}.sonar-compact .sonar-issue span{font-size:25px}.sonar-compact .sonar-card-footer{font-size:23px;margin-top:8px}.sonar-compact .sonar-radar-label{font-size:22px}@media(max-width:760px){#sonar .sonar-illustration{aspect-ratio:520/1080}}

#sonar{background:var(--canvas-accent-4-light)}.sonar-radar{background:var(--canvas-tile-surface);border-radius:50%;box-shadow:0 0 0 1px var(--canvas-tile-border)}

/* One proportional HTML stage for Safari, Chromium and Firefox. */
#sonar .workflow-art{min-width:0;max-width:100%;width:100%;margin-left:auto;margin-right:auto}
.sonar-stage{position:relative;width:100%;overflow:hidden;isolation:isolate}
.sonar-stage .sonar-canvas{position:absolute;left:0;top:0;transform-origin:0 0}
.sonar-wash{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.sonar-card-footer .ui-arrow{width:1.2em;height:1.2em}