/* The integrations share the tour's viewport in normal page flow. */
.integrations-section { position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;width:100%;padding:12px 0 0;border-top:1px solid #ffffff14; }
.integrations-section h2 { font-size:14px;font-weight:500;margin:0;color:#a8b0bd; }
.integration-list { display:grid;grid-template-columns:repeat(21,minmax(0,1fr));align-items:center;justify-items:center;gap:4px;padding:0;margin:0;list-style:none; }
.integration-list .integration { position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px; }
.integration-list .integration img { width:26px;height:26px;object-fit:contain; }
.integration-list .integration .integration-name { position:absolute!important;bottom:calc(100% + 10px)!important;top:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;opacity:0;visibility:hidden;padding:8px 12px;border:1px solid #485267;border-radius:5px;background:#252a34;color:#ecf2fc;font-size:13px;line-height:1.4;white-space:nowrap;pointer-events:none;z-index:5; }
.integration-list .integration:hover .integration-name,.integration-list .integration:focus .integration-name { opacity:1;visibility:visible; }
.integration-list .integration:first-child .integration-name { left:0!important;transform:none!important; }
.integration-list .integration:last-child .integration-name { left:auto!important;right:0!important;transform:none!important; }
@media(max-width:1100px) {
 .integrations-section { gap:16px; }
 .integration-list { grid-template-columns:repeat(11,minmax(0,1fr));gap:4px 8px; }
}
@media(max-width:760px) {
 .integrations-section { grid-template-columns:1fr;gap:6px;padding-top:10px; }
 .integrations-section h2 { font-size:13px; }
 .integration-list { grid-template-columns:repeat(7,minmax(0,1fr));gap:4px 8px; }
 .integration-list .integration { width:28px;height:28px; }
 .integration-list .integration img { width:24px;height:24px; }
 .integration-list .integration .integration-name { max-width:240px;white-space:normal; }
 .integration-list .integration:nth-child(7n+1) .integration-name { left:0!important;transform:none!important; }
 .integration-list .integration:nth-child(7n) .integration-name { left:auto!important;right:0!important;transform:none!important; }
}
@media(max-height:540px) {
 .marketing-home .product-screen { height:100svh;min-height:0;gap:8px;padding-top:calc(var(--chrome-header) + 8px);padding-bottom:8px; }
 .marketing-home .capture-stage { min-height:0; }
 .marketing-home .example,.marketing-home .example-panel { gap:8px; }
 .marketing-home .example-caption { min-height:0;gap:6px; }
 .marketing-home .example-caption p { display:none; }
 .marketing-home .example-caption strong { font-size:16px; }
 .integrations-section { padding-top:6px; }
 .integration-list .integration { height:26px; }
 .integration-list .integration img { width:22px;height:22px; }
}