.automation-tool-mark{background:#fff;border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:inline-grid}.automation-tool-mark img{object-fit:contain;width:28px;height:28px;display:block}.automation-tool-mark[data-tool=jotform] img{width:50px;max-width:none;height:50px}.automation-tool-map{color:#171815;container-type:inline-size}.tool-map-intro{letter-spacing:-.045em;margin:24px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.2}.tool-map-intro em{font-family:Georgia,serif;font-weight:400}.tool-map-canvas{background-image:radial-gradient(#17181519 .75px,#0000 .75px);background-size:20px 20px;border-radius:20px;height:520px;margin-top:12px;position:relative}.tool-map-connections{color:#a9a296;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tool-map-sources,.tool-map-destinations{width:100%;margin:0;padding:0;list-style:none;display:grid;position:absolute}.tool-map-sources{grid-template-columns:repeat(3,minmax(0,1fr));top:16px}.tool-map-sources li{text-align:center;min-width:0}.tool-map-sources .automation-tool-mark{border-radius:16px;width:54px;height:54px;box-shadow:0 4px 14px #2d241b0c,0 0 0 1px #17181510}.tool-map-sources .automation-tool-mark img{width:32px;height:32px}.tool-map-sources .automation-tool-mark[data-tool=jotform] img{width:58px;height:58px}.tool-map-sources strong,.tool-map-destinations strong{font-size:16px;font-weight:500;line-height:1.4;display:block}.tool-map-sources strong{margin-top:8px}.tool-map-sources li>span:not(.automation-tool-mark),.tool-map-destinations li>div>span{color:#656057;font-size:14px;line-height:1.5;display:block}.tool-map-engine{color:#f5f4ee;text-align:center;background:#171815;border-radius:20px;width:min(310px,94%);min-height:100px;padding:14px;position:absolute;top:162px;left:50%;transform:translate(-50%);box-shadow:0 12px 24px #17181515,0 0 0 7px #fb622212}.tool-map-engine>span{margin-bottom:9px;font-size:14px;display:block}.tool-map-engine fieldset{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.tool-map-engine button{color:#171815;background:#fff;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:16px;font-weight:500;transition:border-color .18s,box-shadow .18s;display:flex}.tool-map-engine .automation-tool-mark{flex-basis:28px;width:28px;height:28px}.tool-map-engine .automation-tool-mark img{width:23px;height:23px}.tool-map-engine button[aria-pressed=true]{border-color:#fb6222;box-shadow:0 0 0 2px #fb62223d}.tool-map-engine button:focus-visible{outline-offset:4px;outline:3px solid #fff}.tool-map-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14%;width:94%;top:280px;left:3%}.tool-map-destinations li{background:#fff;border:1px solid #17181512;border-radius:16px;justify-content:flex-start;align-items:center;gap:12px;min-height:92px;padding:14px;display:flex;box-shadow:0 5px 14px #2d241b08}.tool-map-destinations .automation-tool-mark{flex-basis:32px;width:32px;height:32px}.tool-map-engine-note{color:#655f57;min-height:42px;margin:-20px 0 22px;font-size:14px;line-height:1.5}.service-showcase.automation-showcase{color:#171815;background:#f1e9df}.automation-showcase .automation-caption{border-color:#17181524}.automation-showcase .automation-caption p{color:#655f57}.automation-showcase .automation-caption p strong{color:#a33c13}.automation-showcase .automation-caption button{color:#171815;background:#fff6;border-color:#1718153d}.service-showcase.automation-showcase .showcase-disclosure{color:#655f57}.automation-tool-shelf{border-top:1px solid #17181522;margin:0 30px;padding:24px 0}.automation-tool-shelf>p{letter-spacing:-.02em;margin-bottom:16px;font-size:18px}.automation-tool-shelf ul{flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none;display:flex}.automation-tool-shelf li{background:#fff;border:1px solid #17181512;border-radius:12px;align-items:center;gap:8px;padding:7px 12px 7px 8px;font-size:14px;display:flex}.automation-tool-shelf .automation-tool-mark{flex-basis:30px;width:30px;height:30px}.automation-tool-shelf .automation-tool-mark img{width:24px;height:24px}.automation-tool-shelf .automation-tool-mark[data-tool=jotform] img{width:43px;height:43px}.automation-stage[data-compact=true] .flow-node>span.automation-tool-mark,.automation-stage[data-compact=true] .flow-hub>span.automation-tool-mark{background:#fff}.automation-stage[data-compact=true] .automation-tool-mark img{width:26px;height:26px}.automation-stage[data-compact=true] .automation-tool-mark[data-tool=jotform] img{width:46px;height:46px}@container (width<=520px){.tool-map-destinations li{text-align:center;flex-direction:column;justify-content:center;gap:5px;padding:10px 4px}.tool-map-sources strong,.tool-map-destinations strong{font-size:14px}.tool-map-destinations li>div>span{display:none}}@media (max-width:600px){.automation-tool-shelf{margin-inline:18px}.automation-tool-shelf ul{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.automation-tool-shelf li{gap:6px;padding-right:8px}.automation-showcase .automation-caption{flex-wrap:wrap;align-items:center}}@media (prefers-reduced-motion:reduce){.tool-map-engine button{transition:none}}@media (max-width:420px){.automation-tool-shelf li{text-align:center;flex-direction:column;padding:10px 6px}.automation-showcase .showcase-topline{flex-wrap:wrap;align-items:start;gap:6px 12px}.automation-showcase .showcase-topline>span:last-child{text-align:left;flex-shrink:1}}.automation-tool-shelf .automation-tool-mark[data-tool=boomtown]{flex-basis:72px;width:72px}.automation-tool-shelf .automation-tool-mark[data-tool=boomtown] img{width:66px;height:26px}.automation-tool-map>.automation-tool-shelf{margin:0}.automation-tool-map>.automation-tool-shelf ul{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.automation-tool-map>.automation-tool-shelf li{text-align:center;flex-direction:column;min-width:0;padding:12px 5px}.automation-tool-map>.automation-tool-shelf .automation-tool-mark{flex-basis:30px}@container (width<=440px){.automation-tool-map>.automation-tool-shelf ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.automation-tool-shelf .automation-tool-mark[data-tool=boomtown]{flex-basis:30px}}
