:root{--primary-blue:#4088fc;--primary-dark:#172241;--button-primary:#1366da;--button-primary-hover:#0d52b1;--cta-dark-bg:#1a2c54;--boilerplate-bg:#23244c;--light-gray:#f8f9fa;--card-bg-primary:#f5fafd;--card-bg-secondary:#fff8f3;--text-primary:#172241;--text-secondary:#555;--text-muted:#666;--text-white:#fff;--text-white-muted:hsla(0,0%,100%,.8);--border-light:#ddd;--border-dark:#000;--background-filter:#f5f5f5;--background-filter-hover:#e9e9e9;--background-secondary:#f7f7f7;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:40px;--space-2xl:48px;--space-3xl:60px;--space-4xl:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:20px;--radius-xl:30px;--shadow-card:0 0 20px 0 rgba(0,0,0,.1);--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:22px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:48px;--line-height-tight:1.1;--line-height-base:1.4;--line-height-relaxed:1.5;--line-height-loose:1.6}.integration-detail-container,.integrations-list-container{color:var(--text-primary);overflow-x:hidden;width:100%}.integrations-hero{background-color:var(--text-white);padding:var(--space-4xl) 0}.integrations-hero-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-xl)}.integrations-hero-content{flex:1;min-width:300px}.integrations-hero-image{align-items:center;display:flex;flex:1;justify-content:flex-end;min-width:300px}.hero-img{border-radius:var(--radius-sm);height:auto;max-width:100%}.integrations-hero-highlight{color:var(--primary-blue);display:block;margin-bottom:var(--space-xs)}.integrations-hero-main{display:block;font-weight:700;line-height:var(--line-height-tight)}.integrations-hero-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-loose);margin-top:var(--space-sm);max-width:600px}.integrations-list-section{background-color:var(--text-white);padding:9px 0 0;text-align:center}.integrations-filter-container{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-xl)}.integrations-search-container{margin-bottom:var(--space-md);max-width:400px;width:100%}.integrations-search-input{border:1px solid var(--border-dark);border-radius:5px;font-size:var(--font-size-base);padding:12px var(--space-sm);width:100%}.integrations-search-input::-moz-placeholder,.integrations-search-input::-webkit-input-placeholder,.integrations-search-input::placeholder{color:#333}.filter-buttons{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-xl)}.filter-btn{background:var(--background-filter);border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-xs) var(--space-sm);transition:all .2s ease}.filter-btn:hover{background:var(--background-filter-hover)}.filter-btn.active{background:#0275ff;color:var(--text-white)}.integrations-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-3xl)}.integration-card-wrapper{height:100%}.integration-card-link{display:block;height:100%}.integration-card-link,.integration-card-link:hover{color:inherit;text-decoration:none}.integration-card{background-color:var(--card-bg-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;padding:var(--space-md);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.integration-card:hover{box-shadow:var(--shadow-card);transform:scale(1.01)}.card-logo{align-items:center;display:flex;height:var(--space-3xl);justify-content:center;margin-bottom:var(--space-sm)}.card-logo-img{max-height:var(--space-3xl);max-width:80px;object-fit:contain}.card-content{display:flex;flex:1;flex-direction:column}.card-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:12px}.card-description{color:var(--text-secondary);flex-grow:1;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.no-integrations{background:var(--background-secondary);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--font-size-lg);grid-column:1/-1;padding:var(--space-2xl) var(--space-sm);text-align:center}.integration-bottom-cta{background-color:var(--light-gray);margin-top:var(--space-xl);padding:var(--space-3xl) 0}.bottom-cta-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg)}.bottom-cta-image{flex:1;max-width:calc(50% - 15px)}.bottom-cta-img{border-radius:var(--radius-md);max-width:100%}.bottom-cta-content{flex:1;max-width:calc(50% - 15px)}.cta-small-heading{color:var(--primary-blue);font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--space-xs)}.cta-heading{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:600;margin-bottom:var(--space-sm)}.cta-text{color:var(--text-secondary);line-height:var(--line-height-loose);margin-bottom:var(--space-md)}.cta-primary,.cta-text{font-size:var(--font-size-base)}.cta-primary{background-color:var(--button-primary);border:none;border-radius:5px;color:var(--text-white)!important;cursor:pointer;display:inline-block;font-weight:500;padding:12px var(--space-md);text-align:center;text-decoration:none;transition:background-color .3s ease}.cta-primary:hover{background-color:var(--button-primary-hover);text-decoration:none}.integration-detail-hero{background-color:var(--light-gray);overflow:hidden;padding:var(--space-4xl) 0;position:relative}.integration-detail-hero:before{background-image:url(/hubfs/abstract-background.jpg);background-position:50%;background-size:cover;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0;z-index:0}.integration-hero-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3xl);position:relative;z-index:1}.integration-hero-logo,.integration-hero-text{flex:1;max-width:calc(50% - 15px)}.integration-hero-logo{align-items:center;display:flex;justify-content:center}.integration-logo-img{max-height:400px;max-width:400px;object-fit:contain}.integration-pre-title{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.integration-pre-title a{color:var(--primary-blue);text-decoration:none}.integration-pre-title a:hover{text-decoration:underline}.integration-detail-main{background-color:var(--text-white);padding:var(--space-3xl) 0 0 0}.integration-detail-columns{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3xl)}.integration-diagram,.integration-main-content{flex:1;max-width:calc(50% - 15px)}.integration-diagram{align-items:center;display:flex;justify-content:center}.integration-diagram-img{border-radius:var(--radius-sm);max-width:100%}.integration-main-text{color:#333;font-size:var(--font-size-base);line-height:var(--line-height-loose)}.integration-main-text h2{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:600;margin:var(--space-lg) 0 var(--space-sm)}.integration-main-text p{margin-bottom:var(--space-sm)}.integration-main-text ol,.integration-main-text ul{margin-bottom:var(--space-md);padding-left:var(--space-md)}.integration-main-text li{margin-bottom:var(--space-xs)}.integration-general-section{background-color:var(--text-white);padding:0}.integration-general-columns{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3xl)}.integration-general-image{flex:1;max-width:calc(50% - 15px)}.general-image{max-width:100%}.integration-general-content{flex:1;max-width:calc(50% - 15px)}.general-text{color:#333;font-size:var(--font-size-base);line-height:var(--line-height-loose)}.related-integrations-section{background-color:var(--text-white);padding:var(--space-3xl) 0}.related-integrations-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-top:var(--space-lg)}.related-integration-card{background-color:var(--card-bg-secondary);border-radius:var(--radius-lg);height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.related-integration-card:hover{box-shadow:var(--shadow-card);transform:scale(1.01)}.related-card-inner{align-items:center;display:flex;height:100%;padding:var(--space-sm);text-align:left}.related-card-logo{align-items:center;display:flex;justify-content:flex-start;margin-right:var(--space-sm);width:20%}.related-card-logo img{max-height:50px;max-width:var(--space-3xl);object-fit:contain}.related-card-info{text-align:left;width:80%}.related-card-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-xs)}.related-card-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.integration-boilerplate-cta{background-color:var(--boilerplate-bg);margin:0 auto var(--space-xl);max-width:1600px;padding:var(--space-3xl) 0;text-align:center}.boilerplate-cta-container{margin:0 auto;max-width:800px}.boilerplate-cta-title{color:var(--text-white);font-size:var(--font-size-4xl);font-weight:600;margin-bottom:var(--space-sm)}.boilerplate-cta-text{color:var(--text-white);font-size:var(--font-size-base);line-height:var(--line-height-loose);margin-bottom:var(--space-md)}.integration-cta-section{background-color:var(--cta-dark-bg);color:var(--text-white);padding:var(--space-3xl) 0}.integration-cta-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-lg)}.integration-cta-image{flex:1;max-width:calc(50% - 15px)}.cta-image{border-radius:var(--radius-md);max-width:100%}.integration-cta-content{flex:1;max-width:calc(50% - 15px)}.cta-subtitle{color:var(--text-white-muted);font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.cta-title{color:var(--text-white);font-size:var(--font-size-4xl);font-weight:600;margin-bottom:var(--space-md)}@media (max-width:991px){.integrations-grid,.related-integrations-grid{grid-template-columns:repeat(2,1fr)}.integrations-hero{padding:var(--space-3xl) 0 0 0}.integration-detail-hero{padding:var(--space-3xl) 0}.bottom-cta-content,.bottom-cta-image,.integration-general-content,.integration-general-image,.integration-hero-text,.integration-main-content{max-width:100%}.bottom-cta-container,.integration-detail-columns,.integration-general-columns,.integration-hero-content{flex-direction:column}}@media (max-width:768px){.integrations-grid,.related-integrations-grid{grid-template-columns:1fr}.integration-card{align-items:center;flex-direction:row;padding:var(--space-sm);text-align:left}.card-logo{height:auto;justify-content:flex-start;margin-bottom:0;margin-right:var(--space-xl);width:20%}.card-content{text-align:left;width:80%}.card-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-xs)}.card-description{font-size:var(--font-size-sm)}.bottom-cta-content{text-align:left}.related-card-logo{margin-right:var(--space-md)}.bottom-cta-container,.integration-detail-columns,.integration-general-columns,.integration-hero-content{flex-direction:column;gap:var(--space-md)}.integration-hero-text{max-width:100%;order:2;text-align:center}.integration-hero-logo{margin-bottom:0;max-width:100%;order:1}.integration-logo-img{max-height:200px;max-width:200px}.integration-main-content{margin-bottom:0;max-width:100%;order:1}.integration-diagram{max-width:100%;order:2}.integration-general-image{margin-bottom:0;max-width:100%;order:2}.bottom-cta-image,.integration-general-content{max-width:100%;order:1}.bottom-cta-image{margin-bottom:0}.bottom-cta-content{max-width:100%;order:2}}