.solution-visual{min-width:0;margin:0}.solution-visual>figcaption{color:#8c9784;text-align:center;margin-top:16px;font-size:12px}.solution-phone{background:radial-gradient(circle at 50% 30%,#dcebc9,#edf5e1 70%);border:1px solid #e1e9d5;border-radius:14px;justify-content:center;height:560px;padding-top:28px;display:flex;overflow:hidden}.solution-phone .ka{--ka-height:950;background:0 0;width:auto;height:auto;display:block;overflow:visible}.solution-phone .ka-phone{transform-origin:top;position:relative;top:0;right:0;scale:.58}.solution-window{aspect-ratio:4/3;background:#171717;border:1px solid #262626;border-radius:13px;overflow:hidden;box-shadow:0 0 0 7px #eef2e8,0 16px 50px #0a0a0a24}.solution-visual[data-app-theme=light] .solution-window{background:#fafafa;border-color:#e5e5e5}.solution-webhook{background:#edf5e1;border:1px solid #e1e9d5;border-radius:14px;padding:28px}.solution-webhook .webhook-card{margin:0;box-shadow:0 16px 40px #142e2b26}.solution-webhook>a{color:var(--green);align-items:center;gap:6px;margin-top:20px;font-size:13px;font-weight:650;display:inline-flex}.solution-webhook>a .icon{width:14px;height:14px;transition:transform .16s}.solution-webhook>a:hover .icon{transform:translate(3px)}.solution-network{background:#18342c;border-radius:14px;padding:12px}@media (max-width:560px){.solution-phone{height:470px;padding-top:20px}.solution-phone .ka-phone{scale:.48}.solution-window{aspect-ratio:3/4}.solution-webhook{padding:18px}}
