/* The logo cloud is a native diagram, with real, local brand vectors. */
.kap-box-site .featured-on {padding:40px 0;overflow:hidden;}
.kap-box-site .kap-integrations {text-align:center;}
.kap-box-site .kap-integrations-intro {max-width:720px;margin:0 auto;}
.kap-box-site .kap-integrations-intro h3 {margin:0 0 18px;font-size:40px;line-height:1.2;letter-spacing:-1px;font-weight:600;color:var(--encre);}
.kap-box-site .kap-integrations-intro p {font-size:18px;line-height:1.7;margin:0 auto;max-width:59ch;color:var(--texte-2);}
.kap-box-site .kap-cloud-network {position:relative;width:100%;max-width:1120px;aspect-ratio:1120/640;margin:20px auto 10px;isolation:isolate;}
.kap-box-site .kap-cloud-silhouette {position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:visible;pointer-events:none;}
.kap-box-site .kap-cloud-outline {fill:color-mix(in srgb,var(--fond) 70%,white);stroke:var(--filet);stroke-width:1.4;vector-effect:non-scaling-stroke;}
.kap-box-site .kap-cloud-routes path {fill:none;stroke:var(--filet);stroke-width:1.5;vector-effect:non-scaling-stroke;}
.kap-box-site .kap-cloud-routes circle {fill:var(--accent-surface);}
.kap-box-site .kap-cloud-hub {position:absolute;top:53%;left:50%;width:240px;transform:translate(-50%,-50%);text-align:center;}
.kap-box-site .kap-cloud-hub img {display:block;width:240px;height:160px;max-width:100%;object-fit:contain;margin:0 auto;}
.kap-box-site .kap-cloud-hub h4 {margin:0;font-size:22px;line-height:1.3;letter-spacing:-.5px;font-weight:600;color:var(--encre);}
.kap-box-site .kap-brand-cloud {list-style:none;padding:0;margin:0;}
.kap-box-site .kap-brand {position:absolute;left:var(--brand-x);top:var(--brand-y);width:104px;min-height:78px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0;padding:6px 0;color:var(--encre);}
.kap-box-site .kap-brand img {display:block;object-fit:contain;width:34px;height:34px;max-width:none;opacity:.88;transition:opacity 180ms ease,transform 180ms ease;}
.kap-box-site .kap-brand span {font-size:12px;line-height:1.35;white-space:normal;font-weight:500;color:var(--texte-2);}
.kap-box-site .kap-brand:hover img {opacity:1;transform:translateY(-3px);}
.kap-box-site .kap-brand-wordmark img {width:72px;height:34px;}
.kap-box-site .kap-integrations-note {font-size:13px;line-height:1.7;max-width:65ch;margin:12px auto 0;color:var(--texte-2);}
@media(min-width:768px) and (max-width:991px){
.kap-box-site .kap-cloud-hub {width:200px;}
.kap-box-site .kap-cloud-hub img {width:200px;height:134px;}
.kap-box-site .kap-brand {width:88px;min-height:66px;gap:7px;}
.kap-box-site .kap-brand img {width:28px;height:28px;}
.kap-box-site .kap-brand-wordmark img {width:62px;}
.kap-box-site .kap-cloud-hub h4 {font-size:20px;}
}
@media(max-width:767px){
.kap-box-site .featured-on {padding:28px 0;}
.kap-box-site .kap-integrations-intro h3 {font-size:30px;letter-spacing:-.6px;}
.kap-box-site .kap-integrations-intro p {font-size:16px;line-height:1.65;}
.kap-box-site .kap-cloud-network {aspect-ratio:auto;margin:18px auto 12px;padding:38px 16px 44px;display:flex;flex-direction:column;gap:24px;max-width:510px;}
.kap-box-site .kap-cloud-outline {stroke-width:1;}
.kap-box-site .kap-cloud-routes {display:none;}
.kap-box-site .kap-cloud-hub {position:static;transform:none;width:200px;margin:0 auto;}
.kap-box-site .kap-cloud-hub img {width:200px;height:134px;}
.kap-box-site .kap-cloud-hub h4 {font-size:21px;}
.kap-box-site .kap-brand-cloud {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 8px;align-items:start;}
.kap-box-site .kap-brand {position:static;transform:none;width:auto;min-height:64px;gap:8px;padding:0;}
.kap-box-site .kap-brand img {width:28px;height:28px;}
.kap-box-site .kap-brand span {font-size:12px;line-height:1.3;}
.kap-box-site .kap-brand-wordmark img {width:58px;}
.kap-box-site .kap-brand:nth-last-child(2) {grid-column:2;}
.kap-box-site .kap-integrations-note {font-size:12px;max-width:35ch;}
}
@media(max-width:359px){
.kap-box-site .kap-cloud-network {padding-left:10px;padding-right:10px;}
.kap-box-site .kap-brand-cloud {gap:20px 4px;}
.kap-box-site .kap-brand span {font-size:12px;}
}
@media(prefers-reduced-motion:reduce){.kap-box-site .kap-brand img{transition:none;}}

/* On phones the brands form a readable logo cloud without stretching the diagram. */
@media(max-width:767px){.kap-box-site .kap-cloud-silhouette{display:none;}.kap-box-site .kap-cloud-network{padding-top:18px;padding-bottom:18px;}}
@media(max-width:359px){.kap-box-site .kap-brand-cloud{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;}.kap-box-site .kap-brand:nth-last-child(2){grid-column:auto;}.kap-box-site .kap-brand:last-child{grid-column:2;}}

/* Room around every logo, including the outer labels and the lower row. */
@media(min-width:768px){
.kap-box-site .kap-cloud-network{margin-top:40px;margin-bottom:40px;}
.kap-box-site .kap-cloud-outline{transform-box:view-box;transform-origin:50% 50%;transform:scale(1.10);}
}

@media(min-width:768px) and (max-width:1199px){
.kap-box-site .kap-brand[data-brand="googledrive"]{left:19%;}
.kap-box-site .kap-brand[data-brand="googlecalendar"]{left:81%;}
.kap-box-site .kap-brand[data-brand="qonto"]{top:85%;}
}