.integration-hero{background:linear-gradient(180deg,#f8fafc,#fff);margin-top:calc(0px - var(--header-height));padding:calc(24px + var(--header-height)) 0 72px}@media only screen and (max-width:1024px){.integration-hero{padding-bottom:56px}}.integration-hero__breadcrumbs{overflow-x:auto;scrollbar-width:none}.integration-hero__breadcrumbs::-webkit-scrollbar{display:none}.integration-hero__breadcrumbs ol{align-items:center;display:flex;gap:8px;list-style:none;margin:0;padding:0}.integration-hero__breadcrumbs li{align-items:center;color:#767b8c;display:flex;font:400 var(--label-sm);gap:8px;white-space:nowrap}.integration-hero__breadcrumbs li:not(:last-child):after{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi40MTYyIDExLjI2OTlMMTYuNDAwMSAxMS4yODZMMTIuNTUxNCAxNS4wMTI1QzEyLjM5MSAxNS4xNjc4IDEyLjE3ODkgMTUuMjM3OSAxMS45NzE5IDE1LjIyM0MxMS43NjUxIDE1LjIzODIgMTEuNTUyNiAxNS4xNjggMTEuMzkyIDE1LjAxMjVMNy41NDMyOCAxMS4yODZMNy41MjcxNCAxMS4yNjk5QzcuMjU1NCAxMC45ODkyIDcuMjYyNjMgMTAuNTQxNSA3LjU0MzI4IDEwLjI2OTdDNy44MzU4MyA5Ljk4NjQ3IDguMzAwMzcgOS45ODY0NyA4LjU5MjkyIDEwLjI2OTdMMTEuOTcyNyAxMy41NDA1TDE1LjM1MDQgMTAuMjY5N0MxNS42NDMgOS45ODY0NyAxNi4xMDc1IDkuOTg2NDcgMTYuNDAwMSAxMC4yNjk3QzE2LjY4MDcgMTAuNTQxNSAxNi42ODc5IDEwLjk4OTIgMTYuNDE2MiAxMS4yNjk5WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K) no-repeat 50%/cover;content:"";filter:invert(46%) sepia(9%) saturate(525%) hue-rotate(189deg) brightness(103%) contrast(95%);height:12px;transform:rotate(-90deg);width:12px}.integration-hero__breadcrumbs a{color:inherit;text-decoration:none}.integration-hero__breadcrumbs a:hover{color:#181a20}.integration-hero__breadcrumbs [aria-current]{color:#181a20}.integration-hero__grid{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:minmax(0,5fr) minmax(0,6fr);margin-top:40px}@media only screen and (max-width:1024px){.integration-hero__grid{gap:40px;grid-template-columns:minmax(0,1fr);margin-top:32px}}.integration-hero__pair{align-items:center;display:flex;gap:10px;margin-bottom:24px}.integration-hero__pair-icon{background:#fff;border:1px solid #e1e5f2;border-radius:12px;display:grid;height:48px;place-items:center;transition:border-color .2s ease;width:48px}.integration-hero__pair-icon:hover{border-color:#b7bed2}.integration-hero__pair-icon img{height:28px;object-fit:contain;width:28px}.integration-hero__pair-arrow{background:#b7bed2;height:1px;position:relative;width:20px}.integration-hero__pair-arrow:after{border-right:1px solid #b7bed2;border-top:1px solid #b7bed2;content:"";height:6px;position:absolute;right:0;top:-3px;transform:rotate(45deg);width:6px}.integration-hero__title{color:#0c223a;font:500 var(--h1);letter-spacing:-.01em;margin:0}.integration-hero__lede{color:#3e424f;font:400 var(--p-lg);margin:20px 0 0;max-width:34em}.integration-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.integration-hero__rating{margin-top:28px}.integration-hero-vis{background:#fff;border:1px solid #e1e5f2;border-radius:16px;box-shadow:0 24px 48px -24px rgba(12,34,58,.18);margin:0;min-width:0;overflow:hidden}.integration-hero-vis code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.integration-hero-vis__head{align-items:center;border-bottom:1px solid #e1e5f2;color:#0c223a;display:flex;font:500 var(--label-sm);gap:10px;padding:14px 18px}.integration-hero-vis__head img{height:22px;object-fit:contain;width:22px}.integration-hero-vis__sub{color:#767b8c;font-weight:400;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-hero-vis__sub code{color:#0c223a;font-size:13px}.integration-hero-vis__caption{background:#f8fafc;border-top:1px solid #e1e5f2;color:#767b8c;font:400 var(--p-sm);padding:12px 18px}.integration-hero-vis__sk{background:#f1f4f9;border-radius:4px;display:block;height:8px;width:70%;width:var(--w,70%)}.integration-hero-vis__sk--head{background:#e1e5f2;height:9px}.integration-hero-vis__sk--line{height:9px;margin:10px 0}.integration-hero-vis__row{grid-gap:16px;align-items:center;border-bottom:1px solid #f1f4f9;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:11px 16px}.integration-hero-vis__row:last-child{border-bottom:0}.integration-hero-vis__num{color:#767b8c;font:400 var(--label-xs);text-align:center}.integration-hero-vis__warehouse{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);min-height:236px}@media only screen and (max-width:768px){.integration-hero-vis__warehouse{grid-template-columns:minmax(0,1fr);min-height:0}}.integration-hero-vis__tables{background:#f8fafc;border-right:1px solid #e1e5f2;list-style:none;margin:0;padding:10px}@media only screen and (max-width:768px){.integration-hero-vis__tables{border-right:0}}.integration-hero-vis__tables li{border-radius:8px;color:#3e424f;overflow:hidden;padding:9px 10px;text-overflow:ellipsis;white-space:nowrap}.integration-hero-vis__tables li.is-on{background:#fff;box-shadow:0 1px 2px rgba(12,34,58,.08);color:#0c223a}.integration-hero-vis__tables code{font-size:12.5px}.integration-hero-vis__more{color:#767b8c;font:400 var(--p-xs)}.integration-hero-vis__grid{padding:6px 0}@media only screen and (max-width:768px){.integration-hero-vis__grid{display:none}}.integration-hero-vis__sheet .integration-hero-vis__row{gap:0;grid-template-columns:28px repeat(5,minmax(0,1fr));padding:0}.integration-hero-vis__sheet .integration-hero-vis__row>*{border-right:1px solid #f1f4f9;margin:0;padding:10px}.integration-hero-vis__sheet .integration-hero-vis__row .integration-hero-vis__sk{margin:10px;padding:0;width:auto}.integration-hero-vis__sheet .integration-hero-vis__num,.integration-hero-vis__sheet .integration-hero-vis__row--letters span{background:#f8fafc;color:#767b8c;font:400 var(--label-xs);text-align:center}.integration-hero-vis__tabs{background:#f8fafc;border-top:1px solid #e1e5f2;display:flex;gap:2px;overflow:hidden;padding:0 10px}.integration-hero-vis__tabs span{color:#767b8c;font:400 var(--label-xs);padding:9px 12px;white-space:nowrap}.integration-hero-vis__tabs span.is-on{background:#fff;box-shadow:inset 0 -2px 0 #033652;color:#033652;font-weight:500}.integration-hero-vis__url{align-items:center;border-bottom:1px solid #f1f4f9;display:flex;gap:12px;padding:14px 18px}.integration-hero-vis__url-label{background:#e6effe;border-radius:6px;color:#033652;flex:none;font:500 var(--label-xs);padding:4px 8px}.integration-hero-vis__url-bar{border:1px solid #e1e5f2;border-radius:8px;flex:1 1;padding:0 12px}.integration-hero-vis__url-bar .integration-hero-vis__sk{--w:80%}.integration-hero-vis__code{min-height:196px;padding:10px 0}.integration-hero-vis__code-line{align-items:center;display:grid;grid-template-columns:40px minmax(0,1fr);padding:6px 0}.integration-hero-vis__code-text{padding-left:0;padding-left:calc(var(--indent, 0)*20px)}.integration-hero-vis__code-text .integration-hero-vis__sk{width:calc(var(--w));width:calc(var(--w) - var(--indent, 0)*8%)}.integration-hero-vis__chip{align-items:center;border:1px solid #e1e5f2;border-radius:999px;color:#767b8c;display:inline-flex;font:400 var(--label-xs);gap:6px;margin-left:auto;padding:4px 10px 4px 6px;white-space:nowrap}.integration-hero-vis__chip img{height:14px;width:14px}@media only screen and (max-width:768px){.integration-hero-vis__chip{display:none}}.integration-hero-vis__dashboard{grid-gap:16px;display:grid;gap:16px;min-height:236px;padding:18px}.integration-hero-vis__kpis{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.integration-hero-vis__kpi{grid-gap:12px;border:1px solid #f1f4f9;border-radius:10px;display:grid;gap:12px;padding:14px}.integration-hero-vis__kpi .integration-hero-vis__sk{--w:60%}.integration-hero-vis__kpi-value{background:#dbe8ff;border-radius:4px;display:block;height:18px;width:45%}.integration-hero-vis__chart{align-items:flex-end;border:1px solid #f1f4f9;border-radius:10px;display:flex;gap:8px;height:120px;padding:12px 14px 0}.integration-hero-vis__chart span{background:#8aaee1;border-radius:4px 4px 0 0;flex:1 1;height:var(--h)}.integration-hero-vis__chart span:last-child{background:#033652}.integration-hero-vis__board{min-height:236px;padding:16px 18px}.integration-hero-vis__group{border-left:3px solid #848ee0;color:#0c223a;font:500 var(--label-sm);margin-bottom:8px;padding-left:10px}.integration-hero-vis__item{grid-gap:16px;align-items:center;border-bottom:1px solid #f1f4f9;display:grid;gap:16px;grid-template-columns:minmax(0,2fr) 88px minmax(0,1fr);padding:10px}.integration-hero-vis__item:last-child{border-bottom:0}.integration-hero-vis__status{border-radius:6px;height:22px}.integration-hero-vis__status--done{background:#c8f2d6}.integration-hero-vis__status--working{background:#f9e4da}.integration-hero-vis__status--stuck{background:#ffbec5}.integration-hero-vis__chat{grid-gap:16px;align-content:start;display:grid;gap:16px;min-height:236px;padding:22px}.integration-hero-vis__bubble{background:#f1f4f9;border-radius:16px 16px 4px 16px;color:#0c223a;font:400 var(--p-md);justify-self:end;margin:0;max-width:85%;padding:12px 16px}.integration-hero-vis__answer{max-width:85%}.integration-hero-vis__tool{align-items:center;border:1px solid #e1e5f2;border-radius:999px;color:#767b8c;display:inline-flex;font:400 var(--label-xs);gap:8px;padding:6px 10px 6px 6px}.integration-hero-vis__tool img{height:16px;width:16px}
/*# sourceMappingURL=integration-hero-ee2365fa98b087c0a0a20b01d95e59c4.css.map*/