:root{--bs-modal-header-border-width:1px;--bs-modal-header-border-color:#dee2e6}#qcg-component>#integration-component{padding-top:0!important;padding-bottom:0!important}#integration-component .integration-uniform-section{padding-top:6rem!important;padding-bottom:6rem!important}#integration-component .integration-hero-section{align-items:center;min-height:auto;max-height:none;display:flex;padding-top:2rem!important;padding-bottom:1.5rem!important}#integration-component .integration-hero-content-shell{min-height:auto;align-items:center!important}#integration-component .integration-hero-mobile-content{display:flex}#integration-component .integration-hero-desktop-content{display:none!important}@media (min-width:768px){#integration-component .integration-hero-mobile-content{display:none!important}#integration-component .integration-hero-desktop-content{display:flex!important}#integration-component .integration-hero-copy--desktop{gap:2rem!important}}#integration-component .hero-section-gradient{z-index:0;pointer-events:none;background:radial-gradient(400px 400px at 0 0,rgba(10,14,39,.9) 0,transparent 90%),radial-gradient(400px 400px at 100% 0,rgba(10,14,39,.9) 0,transparent 90%),radial-gradient(400px 400px at 0 100%,rgba(10,14,39,.9) 0,transparent 90%),radial-gradient(400px 400px at 100% 100%,rgba(10,14,39,.9) 0,transparent 90%),radial-gradient(800px 600px at 85% 15%,rgba(168,85,247,.9) 0,rgba(139,92,246,.6) 25%,transparent 65%),radial-gradient(at 20% 75%,rgba(14,165,233,.6) 0,transparent 55%),radial-gradient(at 25%,rgba(6,182,212,.5) 0,transparent 50%),radial-gradient(at 15%,rgba(30,58,138,.4) 0,transparent 45%),radial-gradient(at 80% 80%,rgba(99,102,241,.5) 0,transparent 50%);width:100%;height:100%;position:absolute;top:0;left:0}#integration-component .gradient-bg-purple-blue-flipped{z-index:0;pointer-events:none;background:radial-gradient(800px 800px at 0 0,rgba(0,0,0,.95) 0,rgba(10,10,60,.9) 15%,rgba(20,20,100,.7) 30%,rgba(10,10,80,.5) 50%,transparent 75%),radial-gradient(850px 850px at 100% 0,rgba(75,0,130,.95) 0,rgba(60,0,110,.75) 25%,rgba(50,0,90,.5) 50%,transparent 75%),radial-gradient(900px 900px at 0 100%,rgba(0,200,255,.9) 0,rgba(0,180,230,.7) 20%,rgba(0,150,200,.4) 45%,transparent 70%),radial-gradient(700px 700px at 100% 100%,#000 0,rgba(0,0,0,.95) 8%,rgba(20,0,10,.9) 15%,rgba(50,10,30,.8) 25%,rgba(100,30,70,.7) 35%,rgba(139,50,88,.5) 45%,rgba(140,55,95,.3) 55%,transparent 70%),radial-gradient(rgba(139,92,246,.25) 0,transparent 50%);width:100%;height:100%;position:absolute;top:0;left:0}#integration-component .grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}#integration-component .grainy-effect-dark{pointer-events:none;z-index:2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}#integration-component .magic-card{cursor:pointer;background:#fff;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden}#integration-component .magic-card:before{content:"";background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(203,0,131,.8),rgba(70,60,231,.6),rgba(0,119,255,.4),transparent 50%);opacity:0;z-index:0;border-radius:16px;transition:opacity .3s;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}#integration-component .magic-card:hover:before{opacity:1}#integration-component .magic-card-border{-webkit-backdrop-filter:blur(50px);z-index:2;background:#f4f5f9;border-radius:14px;position:absolute;top:3px;bottom:3px;left:3px;right:3px;box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.5),inset 0 -1px rgba(255,255,255,.1),inset 0 0 60px 30px rgba(255,255,255,.3)}#integration-component .magic-card-content{z-index:3;border:1px solid #e0e0e0;border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}#integration-component .magic-card-gradient{opacity:0;pointer-events:none;z-index:1;background:radial-gradient(600px circle at var(--x,50%) var(--y,50%),rgba(0,0,0,.04),transparent 40%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}#integration-component .magic-card-content:hover .magic-card-gradient{opacity:1}#integration-component .integration-features-section .card-inner{z-index:2;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}#integration-component #integration-cta .grainy-effect-dark,#integration-component #integration-functions .grainy-effect-dark,#integration-component .integration-hero-section .grainy-effect-dark{opacity:.42;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='1.35' numOctaves='6' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:120px 120px}#integration-component #integration-cta .grid-overlay{background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 0);background-size:50px 50px}#integration-component .integration-uniform-section>:first-child{margin-top:0!important}#integration-component .integration-uniform-section>:last-child{margin-bottom:0!important}#integration-component .integration-testimonial-section.integration-uniform-section #testimonials{padding-top:0!important;padding-bottom:0!important}#integration-component .integration-page-black-button,#integration-component .integration-page-black-button *{font-size:16px!important;font-weight:600!important}#integration-component .integration-page-black-button{color:#fff!important;background:#6938ef!important;border:1px solid #6938ef!important}#integration-component .integration-hero-button--secondary svg,#integration-component .integration-hero-button--secondary svg *,#integration-component .integration-page-outline-dark-button svg,#integration-component .integration-page-outline-dark-button svg *{fill:none!important}#integration-component .integration-hero-button--secondary svg *{stroke:#121314!important}#integration-component .integration-page-black-button:hover{color:#fff!important;background:#5c2fd1!important;border-color:#522ac0!important}#integration-component .integration-page-black-button:focus-visible{color:#fff!important;background:#5c2fd1!important;border-color:#522ac0!important}#integration-component .integration-page-outline-dark-button,#integration-component .integration-page-outline-dark-button *{font-size:16px!important;font-weight:600!important}#integration-component .integration-page-outline-dark-button{color:#6938ef!important;background:0 0!important;border:1px solid #6938ef!important}#integration-component .integration-page-outline-dark-button:hover{color:#fff!important;background:#6938ef!important;border-color:#6938ef!important}#integration-component .integration-page-outline-dark-button:focus-visible{color:#fff!important;background:#6938ef!important;border-color:#6938ef!important}#integration-component .integration-page-outline-dark-button:hover svg *{stroke:#fff!important}#integration-component .integration-page-outline-dark-button:focus-visible svg *{stroke:#fff!important}html[lang^=de] #integration-component .integration-hero-copy--desktop .integration-hero-actions{gap:.6rem!important}html[lang^=de] #integration-component .integration-hero-copy--desktop .integration-hero-button{padding:.7rem .95rem!important;font-size:14px!important}#integration-component .integration-hero-button--primary{color:#121314!important;background:#fff!important;border:1px solid #fff!important}#integration-component .integration-hero-button--primary:hover{color:#121314!important;background:#fff!important;border-color:#fff!important}#integration-component .integration-hero-button--primary:focus-visible{color:#121314!important;background:#fff!important;border-color:#fff!important}#integration-component .integration-hero-button--secondary{color:#121314!important;background:#fff!important;border:2px solid #fff!important}#integration-component .integration-hero-button--secondary:hover{color:#121314!important;background:#fff!important;border-color:#fff!important}#integration-component .integration-hero-button--secondary:focus-visible{color:#121314!important;background:#fff!important;border-color:#fff!important}#integration-component .integration-hero-actions{margin-top:1rem!important}#integration-component .integration-suite-section{position:relative;overflow:hidden;background-color:transparent!important}#integration-component .integration-suite-section:before{content:"";opacity:.8;pointer-events:none;z-index:0;background:url(/assets/images/bg15.webp) 50%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}#integration-component .integration-suite-section:after{content:"";opacity:.34;mix-blend-mode:overlay;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='1.2' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;position:absolute;top:0;bottom:0;left:0;right:0}#integration-component .integration-suite-section>*{z-index:1;position:relative}#integration-component .integration-features-section{position:relative;overflow:hidden;background-color:transparent!important}#integration-component .integration-features-section:before{content:"";opacity:.3;pointer-events:none;z-index:0;background:url(/assets/images/common/bg_12.jpg) 50%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}#integration-component .integration-features-section:after{content:"";opacity:.34;mix-blend-mode:overlay;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='1.2' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:150px 150px;position:absolute;top:0;bottom:0;left:0;right:0}#integration-component .integration-features-section>*{z-index:1;position:relative}#integration-component .integration-security-section{background-color:transparent;position:relative;overflow:hidden}#integration-component .integration-security-section>*{z-index:1;position:relative}#integration-component .integration-expanded-card{-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.5);border:1.5px solid rgba(255,255,255,.62);border-color:rgba(255,255,255,.62) rgba(255,255,255,.22) rgba(255,255,255,.18) rgba(255,255,255,.5);border-radius:12px;padding:1.25rem;box-shadow:inset 0 1px rgba(255,255,255,.45),inset 0 -1px rgba(255,255,255,.2),0 4px 14px rgba(18,19,20,.05)}#integration-component .integration-expanded-topline{margin-bottom:1rem}#integration-component .integration-expanded-header{border-bottom:1px solid #ebebf0;column-gap:1.25rem;margin-bottom:1rem;padding-bottom:1rem}#integration-component .integration-expanded-title{color:#121314;margin:0 0 .375rem;font-size:18px;font-weight:700;line-height:1.3}#integration-component .integration-expanded-subtitle{color:#4b5563;margin:0;font-size:16px;font-weight:400;line-height:1.6}#integration-component .integration-expanded-copy{padding-top:.125rem}#integration-component .integration-expanded-cta-wrap{align-self:center;margin-top:0}#integration-component .integration-expanded-content{white-space:pre-line;border-bottom:0;margin-bottom:1rem;padding-bottom:.15rem}#integration-component .integration-expanded-paragraph{color:#374151;margin:0;font-size:16px;font-weight:400;line-height:1.65}#integration-component .integration-expanded-paragraph+.integration-expanded-paragraph{margin-top:.75rem}#integration-component .integration-expanded-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem}#integration-component .integration-expanded-point-title{color:#121314;align-items:flex-start;margin:0 0 .55rem;font-size:16px;font-weight:700;line-height:1.4;display:flex}#integration-component .integration-expanded-point-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:.05rem;margin-right:.55rem;display:inline-flex}#integration-component .integration-expanded-point-icon{object-fit:contain;width:18px;height:18px;display:block}#integration-component .integration-expanded-point-icon-wrap svg{width:18px;height:18px;display:block}#integration-component .integration-expanded-point-list{color:#4b5563;margin:.25rem 0 0;padding-left:1.05rem;font-size:16px;font-weight:400;line-height:1.55;list-style:outside}#integration-component .integration-expanded-point{border-radius:10px;box-shadow:0 2px 8px rgba(18,19,20,.04);background:rgba(255,255,255,.38)!important;border:1px solid rgba(18,19,20,.08)!important;padding:.9rem 1rem!important}#integration-component .integration-expanded-point-list li{margin-bottom:.38rem}#integration-component .integration-expanded-point-list li:last-child{margin-bottom:0}#integration-component .integration-pro-tip{background:#fff;border:0;border-radius:10px;margin-bottom:1.35rem;padding:.95rem 1rem}#integration-component .integration-pro-tip-text{color:#4b5563;margin:0;font-size:16px;line-height:1.6}#integration-component .integration-pro-tip-list{color:#4b5563;margin:.5rem 0 0;padding-left:1.1rem;font-size:16px;line-height:1.6}#integration-component .integration-pro-tip-list li{margin-bottom:.35rem}#integration-component .integration-card-grid{overflow-anchor:none;grid-template-columns:repeat(1,minmax(0,1fr));gap:32px;display:grid}#integration-component .integration-grid-item{will-change:transform,opacity;transform-origin:top}#integration-component .integration-expanded-grid-item{transform-origin:top;grid-column:1/-1}@media (min-width:768px){#integration-component .integration-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#integration-component .integration-feature-grid>.integration-feature-item:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;max-width:calc(50% - 1rem)}}@media (max-width:767.98px){#integration-component .integration-hero-section{padding-top:calc(68px + 3rem)!important;padding-bottom:1.5rem!important}}@media (min-width:1024px){#integration-component .integration-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}#integration-component .integration-card-item{text-align:left;isolation:isolate;-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.62);border-color:rgba(255,255,255,.62) rgba(255,255,255,.22) rgba(255,255,255,.18) rgba(255,255,255,.5);border-radius:12px;width:100%;min-height:210px;padding:56px 14px 14px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:inset 0 1px rgba(255,255,255,.45),inset 0 -1px rgba(255,255,255,.18),0 4px 14px rgba(18,19,20,.05)}#integration-component .integration-card-item:before{--integration-border-width:2px;--integration-border-duration:20s;content:"";border-radius:inherit;width:100%;height:100%;padding:var(--integration-border-width);-webkit-mask-composite:xor;pointer-events:none;z-index:3;opacity:0;will-change:background-position;background-image:radial-gradient(transparent,transparent,#cb0083,#463ce7,#07f,#cb0083,transparent,transparent);background-size:300% 300%;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#integration-component .integration-card-item:hover{border-color:transparent;transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.5),0 8px 20px rgba(18,19,20,.12)}#integration-component .integration-card-item:hover:before{opacity:1;animation:integration-card-border-shine var(--integration-border-duration) infinite linear}#integration-component .integration-card-item>*{z-index:1;position:relative}#integration-component .integration-marquee-container{white-space:nowrap;width:100%;position:relative;overflow:hidden}#integration-component .integration-marquee-container:hover .integration-marquee-wrapper{animation-play-state:paused}#integration-component .integration-marquee-wrapper{animation:30s linear infinite integration-marquee;display:inline-flex}#integration-component .integration-marquee-wrapper>*{flex-shrink:0}@keyframes integration-card-border-shine{0%{background-position:0 0}12.5%{background-position:25% 0}25%{background-position:50% 0}37.5%{background-position:75% 0}50%{background-position:100% 0}62.5%{background-position:100%}75%{background-position:100% 100%}87.5%{background-position:50% 100%}to{background-position:0 100%}}@keyframes integration-marquee{0%{transform:translateZ(0)}to{transform:translate(-50%)}}#integration-component .integration-card-expand{color:#6b7280;border:1px solid #ddd7ec;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;line-height:0;display:inline-grid}#integration-component .integration-card-expand svg{width:14px;height:14px;display:block}#integration-component .integration-card-expand svg path{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none}#integration-component .integration-expanded-card .integration-card-expand{color:#121314;background:rgba(255,255,255,.8);border-color:#cfd5df;width:32px;height:32px;transition:background-color .2s,border-color .2s,transform .2s}#integration-component .integration-expanded-card .integration-card-expand svg{width:14px;height:14px}#integration-component .integration-expanded-card .integration-card-expand:hover{background:#fff;border-color:#aeb6c2;transform:scale(1.04)}#integration-component .integration-card-logo{object-fit:contain;width:68px;height:68px}#integration-component .integration-card-subtitle{color:#4b5563}#integration-component .integration-card-tag{letter-spacing:.02em;border-radius:6px;align-items:center;height:29px;min-height:29px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}#integration-component .integration-card-topline{min-height:29px;align-items:center!important}#integration-component .integration-card-item .integration-card-topline{width:100%;min-height:32px;position:static;margin:0 0 16px!important}#integration-component .integration-card-item .integration-card-logo-shell{position:static;margin:0 0 12px!important}#integration-component .integration-card-item{flex-direction:column;align-items:flex-start;display:flex;padding:14px!important}#integration-component .integration-card-item .integration-card-copy{width:100%;margin:0;position:static}#integration-component .integration-card-title{align-items:flex-start;font-size:18px;font-weight:700;line-height:1.3;display:flex;margin:0 0 .5rem!important}#integration-component .integration-card-subtitle{min-height:96px;font-size:16px;font-weight:400;margin:0!important;line-height:24px!important}#integration-component .integration-branding-copy p,#integration-component .integration-expanded-subtitle,#integration-component .integration-functions-cta-subtitle,#integration-component .integration-hero-description,#integration-component .integration-suite-subtitle{line-height:30px!important}#integration-component .integration-support-title{margin-bottom:1.5rem!important}#integration-component .integration-card-logo-shell,#integration-component .integration-feature-icon-shell{flex-shrink:0;justify-content:center;align-items:center;display:flex}#integration-component .integration-card-logo-shell{-webkit-backdrop-filter:blur(8px);background:0 0;border:1px solid rgba(255,255,255,.96);border-color:rgba(255,255,255,.96) rgba(255,255,255,.5) rgba(255,255,255,.42) rgba(255,255,255,.8);border-radius:24px;width:72px;height:72px;position:relative;overflow:hidden;box-shadow:inset 2px 2px 8px rgba(18,19,20,.14),inset -2px -2px 8px rgba(255,255,255,.76),0 2px 6px rgba(18,19,20,.02)}#integration-component .integration-card-logo-shell:before{content:"";pointer-events:none;border:1px solid transparent;border-color:rgba(255,255,255,.45) transparent transparent rgba(255,255,255,.45);border-radius:23px;position:absolute;top:1px;bottom:1px;left:1px;right:1px}#integration-component .integration-expanded-card .integration-card-logo-shell{border-radius:24px;width:72px;height:72px}#integration-component .integration-expanded-card .integration-card-logo{width:68px;height:68px}#integration-component .integration-feature-icon-shell{-webkit-backdrop-filter:blur(8px);background:0 0;border:1px solid rgba(255,255,255,.96);border-color:rgba(255,255,255,.96) rgba(255,255,255,.5) rgba(255,255,255,.42) rgba(255,255,255,.8);border-radius:32px;width:96px;height:96px;position:relative;overflow:hidden;box-shadow:inset 2px 2px 8px rgba(18,19,20,.14),inset -2px -2px 8px rgba(255,255,255,.76),0 2px 6px rgba(18,19,20,.02)}#integration-component .integration-feature-icon-shell:before{content:"";pointer-events:none;border:1px solid transparent;border-color:rgba(255,255,255,.45) transparent transparent rgba(255,255,255,.45);border-radius:31px;position:absolute;top:1px;bottom:1px;left:1px;right:1px}#integration-component #integration-features .integration-feature-card{background:#fff}#integration-component #integration-features .integration-feature-card-content{height:100%}#integration-component #integration-features .integration-feature-card-content .card-inner{height:100%;justify-content:flex-start!important}#integration-component #integration-features .integration-feature-card-content h5{text-align:center;justify-content:center;align-items:center;min-height:56px;margin:.25rem 0 0;display:flex}#integration-component #integration-features .integration-feature-card-content p{margin:0}#integration-component #integration-features .integration-feature-card-content h5 *{margin:0!important;line-height:1.35!important}#integration-component #integration-features .integration-feature-card-content p *{margin:0!important;line-height:1.55!important}#integration-component>.integration-uniform-section:last-child{margin-bottom:0!important;padding-bottom:6rem!important}#integration-component .integration-card-tag-ai{color:#15803d;background:#ecfdf3;border:1px solid #86efac}#integration-component .integration-card-tag-automation{color:#ea580c;background:#fff7ed;border:1px solid #fdba74}#integration-component .integration-card-tag-analytics{color:#b45309;background:#fffbeb;border:1px solid #fcd34d}#integration-component .integration-card-tag-design{color:#4f46e5;background:#eef2ff;border:1px solid #a5b4fc}#integration-component .integration-card-tag-advertising{color:#2563eb;background:#eff6ff;border:1px solid #93c5fd}#integration-component .integration-card-tag-default{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}#integration-component .integration-card-cta-button{justify-content:center!important;align-items:center!important;height:42px!important;min-height:42px!important;padding-top:0!important;padding-bottom:0!important;font-size:16px!important;display:inline-flex!important}#integration-component .integration-security-logos{gap:2rem;overflow:visible}@media (min-width:1024px){#integration-component .integration-security-logos{gap:4rem!important}}#integration-component .integration-security-logo-image{transform-origin:50%;will-change:transform;flex:0 0 200px;justify-content:center;align-items:center;width:200px;max-width:200px;transition:transform .28s;display:inline-flex}#integration-component .integration-security-logo-media{transform-origin:50%;will-change:transform;transition:transform .28s;display:block;object-fit:contain!important;width:200px!important;max-width:200px!important;height:128px!important;max-height:128px!important}#integration-component .integration-security-logo-image:hover,#integration-component .integration-security-logo-media:hover{transform:scale(1.06)}#integration-component .integration-security-logo-image:focus-visible{transform:scale(1.06)}#integration-component .integration-security-logo-media:focus-visible{transform:scale(1.06)}@media (max-width:767px){#integration-component .integration-security-logo-image{flex-basis:112px;width:140px;max-width:140px}#integration-component .integration-security-logo-media{width:140px!important;max-width:140px!important;height:100px!important;max-height:100px!important}}@media (min-width:768px) and (max-width:1199px){#integration-component .integration-expanded-points{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#integration-component .integration-hero-section{min-height:auto;max-height:none;padding-top:calc(70px + 1rem)!important;padding-bottom:2.5rem!important}#integration-component .integration-hero-mobile-content .integration-hero-title{margin-top:1rem!important}#integration-component .integration-hero-content-shell{align-items:flex-start!important}#integration-component .integration-feature-grid{gap:1rem!important;margin-top:1.75rem!important}#integration-component .integration-security-section .tw-mt-12{margin-top:2rem!important}#integration-component .integration-expanded-card{padding:1rem}#integration-component .integration-expanded-topline{margin-bottom:.875rem}#integration-component .integration-expanded-header{margin-bottom:.875rem;padding-bottom:.875rem}#integration-component .integration-expanded-title{font-size:18px}#integration-component .integration-expanded-subtitle{font-size:16px}#integration-component .integration-expanded-content{margin-bottom:1rem}#integration-component .integration-expanded-paragraph{font-size:16px}#integration-component .integration-expanded-points{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-bottom:1rem}#integration-component .integration-expanded-point-list,#integration-component .integration-expanded-point-title{font-size:16px}#integration-component .integration-pro-tip{margin-bottom:1rem;padding:.8rem .85rem}#integration-component .integration-pro-tip-list,#integration-component .integration-pro-tip-text{font-size:16px}#integration-component .integration-expanded-card .integration-card-logo-shell{border-radius:24px;width:72px;height:72px}#integration-component .integration-expanded-card .integration-card-logo{width:60px;height:60px}#integration-component .integration-expanded-card .integration-card-expand{width:32px;height:32px}}#integration-component .integration-beam-card{width:100%;max-width:920px;box-shadow:none;background:0 0;border-radius:20px;padding:12px;position:relative;overflow:hidden}#integration-component .integration-beam-card:before{content:none}#integration-component .integration-beam-svg{z-index:1;width:100%;height:auto;display:block;position:relative}#integration-component .integration-beam-node-clickable{cursor:pointer;outline:none!important}#integration-component .integration-beam-node-clickable:focus{outline:none!important}#integration-component .integration-beam-node-clickable:focus-visible{outline:none!important}#integration-component .integration-beam{fill:none;stroke-linecap:round;stroke-dasharray:72 1000;stroke-dashoffset:0;animation:5.6s infinite integration-beam-flow}#integration-component .integration-beam-glow{opacity:0}#integration-component .integration-hover-beam{stroke-width:1.6px;opacity:1}#integration-component .integration-hover-beam,#integration-component .integration-hover-beam-glow{fill:none;stroke-linecap:round;stroke-dasharray:90 1000;stroke-dashoffset:1000px;animation:1.2s linear infinite integration-hover-beam-flow}#integration-component .integration-hover-beam-glow{stroke-width:3.2px;opacity:.6}@keyframes integration-beam-flow{0%{stroke-dashoffset:0;opacity:0}8%{opacity:1}78%{opacity:1}to{stroke-dashoffset:-1000px;opacity:0}}@keyframes integration-hover-beam-flow{0%{stroke-dashoffset:1000px;opacity:0}10%{opacity:1}to{stroke-dashoffset:0;opacity:.95}}@keyframes integration-pulse-ring{0%,to{r:48;opacity:.15}50%{r:56;opacity:.35}}@keyframes integration-center-glow{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:767px){#integration-component .integration-beam-card{border-radius:16px;max-width:100%;padding:8px}#integration-component .integration-expanded-cta-wrap{margin-top:0}#integration-component .integration-hero-actions{margin-bottom:.5rem!important}}#integration-component .integration-testimonial-section .animate-on-scroll{opacity:1!important;transform:none!important}#integration-component .integration-testimonial-section,#integration-component .integration-testimonial-section #testimonials{background:#f3f4f6!important}#integration-component .integration-testimonial-section #testimonials{background:0 0!important}#integration-component .integration-testimonial-section #testimonials .grainy-effect-light{display:none!important}#integration-component .testimonial-avatar-item{width:60px;height:60px;padding:5px}#integration-component .testimonial-avatar-item.active{border:4px solid #dadee7;width:80px;height:80px}#integration-component .testimonial-avatar-item.active:before{content:"";background:conic-gradient(from var(--loader-angle,0deg),#cb0083 0deg,#463ce7 120deg,#07f 240deg,#cb0083 1turn);-webkit-mask-composite:xor;z-index:1;pointer-events:none;opacity:0;will-change:background,opacity;border-radius:50%;padding:3px;animation:.75s linear forwards testimonial-avatar-loader;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes testimonial-avatar-loader{0%{opacity:0;background:conic-gradient(#cb0083 0deg,transparent 0deg,transparent 1turn)}1%{opacity:1}10%{background:conic-gradient(#cb0083 0deg,rgba(203,0,131,.8) 36deg,transparent 36deg,transparent 1turn)}20%{background:conic-gradient(#cb0083 0deg,#463ce7 72deg,transparent 72deg,transparent 1turn)}30%{background:conic-gradient(#cb0083 0deg,#463ce7 108deg,transparent 108deg,transparent 1turn)}40%{background:conic-gradient(#cb0083 0deg,#463ce7 144deg,transparent 144deg,transparent 1turn)}50%{background:conic-gradient(#cb0083 0deg,#463ce7 120deg,#07f 240deg,transparent 240deg,transparent 1turn)}60%{background:conic-gradient(#cb0083 0deg,#463ce7 120deg,#07f 240deg,rgba(0,119,255,.8) 264deg,transparent 264deg,transparent 1turn)}70%{background:conic-gradient(#cb0083 0deg,#463ce7 120deg,#07f 240deg,rgba(203,0,131,.6) 300deg,transparent 300deg,transparent 1turn)}80%{background:conic-gradient(#cb0083 0deg,#463ce7 120deg,#07f 240deg,#cb0083 330deg,transparent 330deg,transparent 1turn)}90%{background:conic-gradient(#cb0083 0deg,#463ce7 120deg,#07f 240deg,#cb0083 345deg,transparent 345deg,transparent 1turn)}to{opacity:1;background:conic-gradient(#cb0083 0deg,#463ce7 120deg,#07f 240deg,#cb0083 1turn)}}#integration-component .testimonial-dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:inline-flex;position:relative;background:0 0!important}#integration-component .testimonial-dot:before{content:"";background-color:#d1d5db;border-radius:50%;width:8px;height:8px;transition:all .3s;display:block}#integration-component .testimonial-dot.active:before{background-color:#6b7280;border-radius:4px;width:32px;height:8px}#integration-component .testimonial-dot:hover:not(.active):before{background-color:#9ca3af;transform:scale(1.2)}@media (max-width:767px){#integration-component .testimonial-dot.active:before{border-radius:50%!important;width:8px!important;height:8px!important}}#integration-component #integration-blog,#integration-component #integration-security{position:relative;overflow:hidden;background-color:transparent!important}#integration-component #integration-blog:before,#integration-component #integration-security:before{content:"";opacity:.3;pointer-events:none;z-index:0;background:url(/assets/images/common/bg_11.webp) 50%/cover no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}#integration-component #integration-blog>*,#integration-component #integration-security>*{z-index:1;position:relative}#integration-component #integration-blog .grainy-effect-light,#integration-component #integration-security .grainy-effect-light{opacity:.26!important}#integration-component .integration-blog-grid{scrollbar-width:thin;gap:1.5rem;padding:.25rem .125rem;display:flex;overflow-x:auto;overflow-y:hidden}#integration-component .integration-blog-link{color:inherit;flex:0 0 450px;max-width:450px;text-decoration:none}#integration-component .integration-blog-card{background:#fff;border:1px solid #d8d8d8;border-radius:12px;flex-direction:column;width:450px;height:310px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden}#integration-component .integration-blog-card:hover{border-color:rgba(18,19,20,.35);transform:translateY(-2px);box-shadow:0 8px 22px rgba(18,19,20,.08)}#integration-component .integration-blog-media{background:#f8f8fa;flex:0 0 200px;width:450px;height:200px;overflow:hidden}#integration-component .integration-blog-image{object-fit:cover;width:100%;height:100%;display:block}#integration-component .integration-blog-copy{justify-content:center;align-items:center;height:110px;padding:.75rem 1rem;display:flex}#integration-component .integration-blog-title{color:#121314;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:24px;font-weight:400;line-height:1.25;display:-webkit-box;overflow:hidden}#integration-component .integration-blog-cta-button,#integration-component .integration-blog-cta-button *{font-weight:600!important}#integration-component .integration-blog-stack{flex-direction:column;gap:3rem;display:flex}#integration-component .integration-blog-header{margin-bottom:0!important}#integration-component .integration-blog-actions{margin-top:0!important}@media (max-width:767px){#integration-component .integration-blog-stack{gap:2rem}#integration-component .integration-blog-link{flex-basis:min(85vw,450px);max-width:min(85vw,450px)}#integration-component .integration-blog-card{width:100%;height:auto;min-height:286px}#integration-component .integration-blog-media{aspect-ratio:450/200;flex-basis:auto;width:100%;height:auto}#integration-component .integration-blog-copy{height:auto;min-height:96px;padding:.75rem .875rem}#integration-component .integration-blog-title{font-size:20px}}#integration-component .integration-functions-subheading,#integration-component .integration-functions-subheading *{font-weight:400!important}#integration-component .integration-functions-subheading{margin-bottom:2.25rem!important}#integration-component .integration-function-item-title{margin:0 0 1.4rem!important}#integration-component .integration-functions-cta{max-width:920px;margin-top:4rem}#integration-component .integration-functions-cta-title{color:#fff;margin:.75rem 0 1rem;font-size:30px;font-weight:700;line-height:1.2}#integration-component .integration-functions-cta-subtitle{color:rgba(255,255,255,.92);margin:0 0 2rem;font-size:18px;font-weight:400;line-height:1.6}#integration-component .integration-functions-cta-footer{color:rgba(255,255,255,.88);margin:1.5rem 0 0;font-size:18px;font-weight:400;line-height:1.6}#integration-component #integration-branding{background:#fff!important}#integration-component .integration-branding-copy{flex-direction:column;gap:.9rem;display:flex}#integration-component .integration-branding-copy p{margin-top:0!important}#integration-component #integration-branding .integration-marquee-container{margin-top:2.75rem!important;margin-bottom:2.75rem!important}#integration-component .integration-branding-actions{gap:1.25rem;margin-top:2rem!important}#integration-component .integration-branding-footer{color:#121314;margin-top:2rem;font-size:18px;font-weight:400}#integration-component .integration-support-button,#integration-component .integration-support-button *{font-size:16px!important;font-weight:600!important}#integration-component .integration-support-title{line-height:1.2;font-size:30px!important}#integration-component .integration-support-button svg,#integration-component .integration-support-button svg *{fill:none!important}@media (max-width:767px){#integration-component .integration-functions-subheading{margin-bottom:1.5rem!important}#integration-component .integration-functions-cta{margin-top:3rem}#integration-component .integration-functions-cta-title{font-size:30px}#integration-component .integration-branding-footer,#integration-component .integration-functions-cta-footer,#integration-component .integration-functions-cta-subtitle{font-size:16px}}#qcg-component .animate-on-scroll{opacity:0;will-change:opacity,transform;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}#qcg-component .animate-on-scroll.visible{will-change:auto;opacity:1!important;transform:translateY(0)!important}#qcg-component .animate-on-scroll[data-delay="0"]{transition-delay:0s}#qcg-component .animate-on-scroll[data-delay="1"]{transition-delay:50ms}#qcg-component .animate-on-scroll[data-delay="2"]{transition-delay:.1s}#qcg-component .animate-on-scroll[data-delay="3"]{transition-delay:.15s}#qcg-component .animate-on-scroll[data-delay="4"]{transition-delay:.2s}#qcg-component .animate-on-scroll[data-delay="5"]{transition-delay:.25s}#qcg-component .animate-on-scroll[data-delay="6"]{transition-delay:.3s}#qcg-component .animate-on-scroll[data-delay="7"]{transition-delay:.35s}#qcg-component .animate-on-scroll[data-delay="8"]{transition-delay:.4s}#qcg-component .animate-on-scroll[data-delay="9"]{transition-delay:.45s}
