.integration-product{grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr);align-items:center;gap:80px;padding-block:192px 112px;display:grid}.integration-product-copy{max-width:350px}.integration-product-copy>p,.integration-product-copy>.text-link{margin-top:28px}.integration-product-preview{min-width:0}@media (width<=1100px){.integration-product{grid-template-columns:1fr;gap:40px}.integration-product-copy{max-width:600px}}@media (width<=760px){.integration-product{gap:32px;padding-block:144px 64px}}.integration-connection{gap:64px;padding-top:112px;display:grid}.integration-introduction{max-width:840px}.integration-introduction h2{margin-bottom:32px}.integration-introduction p{max-width:740px}.integration-introduction p+p{margin-top:20px}.integration-report-ideas{border-top:1px solid var(--border);border-left:1px solid var(--border);margin-top:48px}.integration-report-ideas article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:32px}.integration-report-marker{color:var(--accent);margin-bottom:24px;display:block}.integration-report-ideas p{margin-top:12px}.integration-data{min-width:0}.integration-data-heading{margin-bottom:24px}.integration-data-rows{border-top:1px solid var(--border);border-left:1px solid var(--border);align-items:start}.integration-data-rows:has(>details:only-child){grid-template-columns:1fr}.integration-data details{border-right:1px solid var(--border);border-bottom:1px solid var(--border);align-self:stretch;min-width:0}.integration-data summary{cursor:pointer;grid-template-columns:minmax(0,1fr) 16px;align-content:center;align-items:center;gap:8px 20px;min-height:120px;padding:24px 32px;list-style:none;display:grid}.integration-data summary::-webkit-details-marker{display:none}.integration-data summary:hover{background:var(--surface-hover)}.integration-data-name{font-size:var(--text-body);font-weight:500;line-height:1.5}.integration-data-examples{font-size:var(--text-small);color:var(--text-muted);overflow-wrap:anywhere;grid-column:1;line-height:1.6}.integration-data summary>.pixel-icon{grid-area:1/2/3}.integration-data details[open] summary>.pixel-icon{transform:rotate(180deg)}.integration-data-detail{overflow-wrap:anywhere;padding:0 32px 28px}.integration-data-detail p{font-size:var(--text-small)}.integration-details{max-width:940px;margin:0 auto 112px}.integration-details h2{margin-bottom:48px}.integration-details details{border-bottom:1px solid var(--border)}.integration-details details:first-of-type{border-top:1px solid var(--border)}.integration-details summary{font-weight:500;font-size:var(--text-body);cursor:pointer;gap:24px;padding-block:24px;line-height:1.6;list-style:none}.integration-details summary::-webkit-details-marker{display:none}.integration-details details[open] summary>span{transform:rotate(180deg)}.integration-detail-body{overflow-wrap:anywhere;padding:0 40px 32px 0}.integration-detail-body>p{white-space:pre-line}.integration-detail-body dl{gap:28px;margin:28px 0 0;display:grid}.integration-detail-body dt{font-weight:500;font-size:var(--text-lead);line-height:1.5}.integration-detail-body dt a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.integration-detail-body dd{color:var(--text-muted);font-size:var(--text-body);margin:8px 0 0;line-height:1.7}.integration-key-fields{font-size:var(--text-small);flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:0;list-style:none;display:flex}.integration-key-fields code{font-size:inherit}.integration-key-fields li{margin:0}.integration-landing-security{border-top:1px solid var(--border);grid-template-columns:1fr 1.4fr;align-items:center;gap:80px;padding-top:64px;display:grid}.integration-landing-security h2,.integration-landing-security .text-link{margin-top:24px}@media (width<=1000px){.integration-landing-security{gap:32px}.integration-data-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-report-ideas article{padding:24px}}@media (width<=760px){.integration-landing-security{grid-template-columns:1fr}.integration-connection{gap:48px;padding-top:64px}.integration-introduction h2{margin-bottom:24px}.integration-report-ideas{grid-template-columns:1fr;margin-top:36px}.integration-report-ideas article{grid-template-columns:16px minmax(0,1fr);gap:16px;display:grid}.integration-report-marker{margin:4px 0 0}.integration-data-rows{grid-template-columns:1fr}.integration-data summary{min-height:104px;padding:24px}.integration-data-detail{padding:0 24px 24px}.integration-details{margin-block:0 64px}.integration-details h2{margin-bottom:32px}.integration-detail-body{padding-right:0}.integration-landing-security{padding-top:48px}}.integration-pairings{padding-top:112px}.integration-pairings .integration-card-list{border-top:1px solid var(--border);border-left:1px solid var(--border);gap:0;margin-top:48px}.integration-pairings .integration-card{background:0 0;border-width:0 1px 1px 0;padding:40px 32px;transition:background-color .16s}.integration-pairings .integration-card:hover{border-color:var(--border);background:var(--surface-hover)}.integration-pairings .integration-card p{margin-bottom:0}.integration-pairings+.integration-product{padding-top:112px}@media (width<=760px){.integration-pairings{padding-top:80px}.integration-pairings .integration-card-list{grid-template-columns:1fr;margin-top:32px}.integration-pairings .integration-card{padding:28px}.integration-pairings+.integration-product{padding-top:80px}}@media (prefers-reduced-motion:reduce){.integration-pairings .integration-card{transition:none}}
