.public-site .connected-tools-visual{justify-self:end;width:100%;max-width:580px}.public-site .connected-tools-stage{aspect-ratio:1.22;isolation:isolate;color:#182137;position:relative}.public-site .connected-tools-halo{z-index:-1;background:radial-gradient(#e6eaff 0%,#edf0fb70 50%,#0000 72%);border-radius:50%;position:absolute;inset:9% 4% 4%}.public-site .connected-tools-browser{background:#fff;border:1px solid #e1e5ef;border-radius:16px;width:76%;padding-bottom:16px;position:absolute;top:8%;left:5%;overflow:hidden;transform:rotate(-7deg);box-shadow:0 20px 50px #233b6820}.public-site .connected-tools-toolbar{color:#9aa5bc;border-bottom:1px solid #eef0f5;align-items:center;gap:5px;padding:12px 14px;display:flex}.public-site .connected-tools-toolbar>span{background:#c9ced9;border-radius:50%;width:5px;height:5px}.public-site .connected-tools-toolbar>div{text-align:center;background:#f5f6fa;border-radius:5px;flex:1;margin-inline:10px;padding:3px;font-size:10px}.public-site .connected-tools-site{grid-template-columns:1fr 1fr;align-items:center;gap:18px;padding:25px 20px 18px;display:grid}.public-site .connected-tools-line{background:#bdc5d5;border-radius:4px;height:7px;margin-bottom:9px;display:block}.public-site .connected-tools-line.long{background:#34415d;width:100%;height:10px}.public-site .connected-tools-line.medium{background:#34415d;width:80%;height:10px}.public-site .connected-tools-line.short{width:90%;margin-top:16px}.public-site .connected-tools-site-button{color:#fff;background:#3863ed;border-radius:6px;align-items:center;gap:8px;margin-top:9px;padding:7px 10px;font-size:10px;display:inline-flex}.public-site .connected-tools-site-art{aspect-ratio:1;background:#d7c8fb;border-radius:12px;position:relative;overflow:hidden}.public-site .connected-tools-site-art>span{background:#a5bafa;border-radius:50%;width:78%;height:78%;position:absolute;bottom:-14%;right:-22%}.public-site .connected-tools-site-art>i{background:#eff9b7;border-radius:50%;width:35%;height:35%;position:absolute;top:15%;left:14%}.public-site .connected-tools-site-art svg{stroke:#fff;position:absolute;bottom:12%;right:16%;transform:rotate(-12deg)}.public-site .connected-tools-site-footer{gap:8px;padding-inline:20px;display:flex}.public-site .connected-tools-site-footer span{background:#edf0f6;border-radius:4px;flex:1;height:7px}.public-site .connected-tools-message{background:#fff;border:1px solid #e4e8f1;border-radius:14px;align-items:center;gap:10px;width:64%;padding:15px;display:flex;position:absolute;top:0;right:0;transform:rotate(4deg);box-shadow:0 10px 30px #253e6512}.public-site .connected-tools-message strong,.public-site .connected-tools-step strong{font-size:13px;display:block}.public-site .connected-tools-message div>span,.public-site .connected-tools-step div>span{color:#6b7486;margin-top:3px;font-size:10px;display:block}.public-site .connected-tools-icon,.public-site .connected-tools-step-icon{color:#3863ed;background:#eef2ff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.public-site .connected-tools-dot{background:#aac94e;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto}.public-site .connected-tools-pipeline{background:#fff;border:1px solid #e1e5ef;border-radius:18px;width:77%;padding:18px;position:absolute;bottom:5%;right:0;transform:rotate(3deg);box-shadow:0 25px 55px #20376024}.public-site .connected-tools-pipeline-title{border-bottom:1px solid #eef0f5;align-items:center;gap:9px;padding-bottom:14px;display:flex}.public-site .connected-tools-pipeline-title strong{font-size:12px}.public-site .connected-tools-mark{color:#fff;background:#3863ed;border-radius:8px;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.public-site .connected-tools-badge{color:#51662e;background:#f1f6df;border-radius:5px;margin-left:auto;padding:3px 6px;font-size:9px}.public-site .connected-tools-step{align-items:center;gap:10px;padding-top:15px;display:flex}.public-site .connected-tools-step>svg{stroke:#3863ed;flex-shrink:0;margin-left:auto}.public-site .connected-tools-spark{background:#dff18a;border-radius:16px;place-items:center;width:54px;height:54px;display:grid;position:absolute;bottom:9%;left:6%;transform:rotate(-10deg);box-shadow:0 10px 25px #273b4512}.public-site .connected-tools-visual figcaption{color:var(--friendly-muted);justify-content:space-between;gap:16px;margin-top:18px;font-size:12px;display:flex}.public-site .connected-tools-visual figcaption span{font-size:10px}@media (max-width:480px){.public-site .connected-tools-stage{aspect-ratio:1.04}.public-site .connected-tools-message{width:78%;padding:11px}.public-site .connected-tools-browser{width:87%;top:12%;left:0}.public-site .connected-tools-pipeline{width:88%;padding:13px;bottom:1%}.public-site .connected-tools-site{padding:18px 15px 14px}.public-site .connected-tools-spark{border-radius:12px;width:40px;height:40px;bottom:6%;left:0}.public-site .connected-tools-badge{display:none}.public-site .connected-tools-visual figcaption{gap:8px;font-size:11px}}