.integration-detail{background:#f8f8f5}.integration-detail__hero{text-align:center;padding-block:9rem 5rem}.integration-detail__icon{border:1px solid var(--line);background:#fff;border-bottom-width:2px;border-radius:.5rem;place-items:center;width:2.5rem;height:2.5rem;margin:0 auto 2.5rem;display:grid}.integration-detail__hero .directory-hero__heading{align-items:center}.integration-detail__hero .directory-hero__heading p{font-weight:300}.integration-detail__hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:1.75rem;display:flex}.integration-detail__hero-actions .site-button--secondary,.integration-detail__solution-group .site-button{background:#ffffff29;border-color:#8c8c8c3d}.integration-detail__hero-actions .site-button--secondary:hover,.integration-detail__solution-group .site-button:hover{background:#fff linear-gradient(#8c8c8c14,#8c8c8c14);border-color:#8c8c8c52}.integration-detail__operations{padding:3rem 3%}.integration-detail__operations>.site-container{width:100%}.integration-detail__operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;margin-top:5rem;display:grid}.integration-detail__operation-grid img{object-fit:contain;mix-blend-mode:luminosity;width:1rem;height:1rem;margin-bottom:1rem}.integration-detail__operations h2,.integration-detail__operation-grid :is(h5,p){width:fit-content}.integration-detail__operation-grid h5{margin-bottom:.5rem}.integration-detail__operation-grid p{color:#666;font-size:.875rem;line-height:1.5rem}.integration-detail__templates{padding-block:4rem}.integration-detail__templates-heading{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;margin-bottom:3rem;display:grid}.integration-detail__templates-heading h3{align-self:start;width:fit-content;margin-bottom:4rem}.integration-detail__templates-heading p{color:#000;font-size:.875rem;line-height:1.5rem}.integration-detail__templates .template-grid{gap:1rem}.integration-detail__templates .template-card{color:#1f2026;border-radius:.625rem}.integration-detail__templates .template-card__connectors{border:1px solid var(--line);background:#fff;border-bottom-width:2px;border-radius:.5rem;gap:.5rem;padding:.0625rem .25rem}.integration-detail__templates .template-card__connectors span{background:0 0;border:0;width:auto;height:auto;margin:0}.integration-detail__templates .template-card__connectors img{filter:contrast(120%)}.integration-detail__templates .template-card__image{object-fit:contain;object-position:center top;border:1px solid #8c8c8c3d;border-radius:.375rem 0 0;width:16.25rem;max-width:none;height:12.5rem;inset:auto -1.5rem -7.25rem auto;box-shadow:-.25rem .625rem 1.25rem #0003}@media (min-width:90rem){.integration-detail__templates .template-card__image{width:18.75rem;bottom:-6.5625rem}}.integration-detail__empty{color:#000;background:#ddd;padding:.625rem;font-size:.9375rem}.integration-detail__discovery{padding-block:3rem 4.5rem}.integration-detail__panel{border:1px solid var(--line);background:#fff;border-radius:.75rem;padding:.5rem;box-shadow:0 12px 67px -4px #0000001a}.integration-detail__panel>h3{text-align:center;padding-block:2.5rem}.integration-detail__connectors{background:#efefec;border-radius:.75rem;overflow:hidden}.integration-detail__connectors .integration-dock,.integration-detail__connectors .proof-strip{margin-top:0}.integration-detail__connector-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;padding:2rem 3rem 3rem;display:grid}.integration-detail__connector-grid a{color:#000;background:#e7e7e7;border:1px solid #d1d1d1;border-radius:.5rem;justify-self:start;align-items:center;gap:.5rem;min-height:1.5rem;padding:.125rem .375rem;font-size:.8125rem;font-weight:400;line-height:1rem;display:flex}.integration-detail__connector-grid img{object-fit:contain;width:1rem;height:1rem}.integration-detail__connector-grid span{border-left:1px solid var(--line);padding-left:.5rem}.integration-detail__request{text-align:center;padding-block:8rem}.integration-detail .integration-detail__request :is(h4,p){width:fit-content;margin-inline:auto}.integration-detail__request p{color:#000;margin:1rem 0;font-size:1rem;line-height:1.75rem}.integration-detail__solution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.integration-detail__solution-group{--solution-chip:#229154;--solution-chip-text:#e8f9ef;--solution-chip-border:#106436;--solution-chip-inset:.5rem;background:#f8f8f5;border-radius:.75rem;padding:2.5rem 2rem 3rem 3rem}.integration-detail__solution-group--team{--solution-chip:#b86c25;--solution-chip-text:#fef3e7;--solution-chip-border:#8a4e18;--solution-chip-inset:.375rem}.integration-detail__solution-group--industry{--solution-chip:#8d4fd4;--solution-chip-text:#efe7ff;--solution-chip-border:#6537b1;--solution-chip-inset:.375rem}.integration-detail__solution-group header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.integration-detail__solution-group .site-button{border-radius:.375rem;width:2.375rem;min-height:2rem;padding:0}.integration-detail__solution-links{flex-wrap:wrap;gap:.5rem;display:flex}.integration-detail__solution-links a{min-height:1.5rem;padding:.125rem var(--solution-chip-inset);border:1px solid var(--solution-chip-border);background:var(--solution-chip);color:var(--solution-chip-text);border-radius:.5rem;align-items:center;font-size:.8125rem;line-height:1rem;display:inline-flex}.integration-detail__connector-grid a:hover,.integration-detail__solution-links a:hover{background-image:linear-gradient(#ffffff29,#ffffff29)}@media (30rem<=width<48rem),(min-width:62rem){.integration-detail .integration-detail__connector-grid a{white-space:nowrap;inline-size:max-content;max-inline-size:calc(100% + 1rem)}}@media (min-width:62rem){.integration-detail .integration-detail__solution-group--industry .integration-detail__solution-links a{white-space:nowrap;max-inline-size:calc(100% + .5rem)}}@media not (min-width:90rem){.integration-detail__templates .template-card{min-height:13.125rem}}@media not (min-width:62rem){.integration-detail__hero{padding-top:7.5rem}.integration-detail__hero h1{font-size:3.25rem}.integration-detail h2{font-size:2.75rem}.integration-detail__operation-grid{margin-top:4.5rem}.integration-detail__templates-heading{grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}.integration-detail__templates .template-grid{gap:2rem}.integration-detail__templates .template-card__image{width:21.25rem;bottom:-6.4375rem}.integration-detail__templates-heading h3{margin-bottom:3.5rem}.integration-detail__panel>h3{padding-block:5rem}.integration-detail__connector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.integration-detail__solution-grid{grid-template-columns:1fr}.integration-detail__request{padding-block:7rem}.integration-detail__request h4{font-size:1.75rem;line-height:1.1}}@media not (min-width:48rem){.integration-detail__hero{padding-block:5rem}.integration-detail__hero h1{font-size:3rem}.integration-detail__operations{padding-block:2rem}.integration-detail__operations .integration-operations__card{padding:3rem}.integration-detail h2{font-size:2.25rem;line-height:3rem}.integration-detail h5,.integration-detail__solution-group h5{font-size:1.25rem;line-height:1.5rem}.integration-detail__operation-grid{margin-top:3.5rem}.integration-detail__templates{padding-block:3rem}.integration-detail__templates-heading{margin-bottom:2rem}.integration-detail__templates-heading h3{margin-bottom:3rem}.integration-detail__templates .template-card__image{left:1.9375rem;right:auto}.integration-detail__discovery{padding-block:2rem 3.25rem}.integration-detail__panel>h3{padding-block:5rem 2.5rem}.integration-detail__connectors .proof-strip{display:none}.integration-detail__connectors .integration-dock{height:7.5rem;min-height:7.5rem}.integration-detail__connector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:.5rem}.integration-detail__connector-grid a{justify-self:stretch}.integration-detail__request{padding-block:5rem}.integration-detail__request p{margin-block:.75rem}.integration-detail__request h4{font-size:1.5rem;line-height:1.4}.integration-detail__solution-group header{margin-bottom:.5rem}}@media (30rem<=width<48rem){.integration-detail .integration-detail__connectors .integration-dock{height:10rem;min-height:10rem}.integration-detail .integration-detail__connector-grid{gap:2rem}.integration-detail .integration-detail__connector-grid a{justify-self:start}.integration-detail .integration-detail__solution-group header{margin-bottom:2.5rem}}@media not (min-width:30rem){.integration-detail__hero h1{font-size:2.5rem}.integration-detail__hero-actions{gap:.4rem}.integration-detail__operation-grid{grid-template-columns:1fr}.integration-detail__templates .template-grid{gap:1rem}.integration-detail__templates .template-card__image{width:18.75rem;bottom:-6.5625rem;left:1.8125rem}.integration-detail__connector-grid{grid-template-columns:1fr}.integration-detail .integration-detail__solution-grid{grid-template-columns:minmax(0,1fr)}.integration-detail .integration-detail__solution-links a{white-space:nowrap}}.integration-detail__connectors .integration-dock[data-follow-scroll=true]{width:100%;margin-inline:0}.integration-benefits{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:1.5rem;width:100%;height:2.5rem;padding-inline:3%;display:flex}.integration-benefits__item{opacity:.64;border-radius:.625rem;flex:none;align-items:center;gap:.5rem;height:1.75rem;padding:.0625rem .5rem;font-size:.8125rem;font-weight:500;line-height:1.625rem;display:flex}.integration-benefits__icon{flex:none;width:1.0625rem;height:1.125rem;transform:scale(.8)}.integration-benefits__icon img{max-width:none}.integration-benefits__divider{background:var(--line);flex:none;width:1px;height:100%}@media not (min-width:62rem){.integration-benefits{gap:clamp(.25rem,1vw,1rem);height:auto;min-height:2.5rem}.integration-benefits__item{overflow-wrap:anywhere;flex:0 auto;min-width:0;height:auto;padding:.25rem;line-height:1.125rem}.integration-benefits__divider{align-self:stretch;height:auto}}@media not (min-width:48rem){.integration-benefits{display:none}}
