.integrations-section{padding:70px var(--gutter) 85px;background:var(--paper);overflow:hidden}
.integrations-heading{max-width:920px;margin:0 auto 65px;display:flex;justify-content:space-between;align-items:end;gap:40px}
.integrations-heading .section-label{font:10px/1.5 monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:0 0 17px}
.integrations-heading h2{font-size:clamp(32px,3.3vw,46px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin:0}
.integrations-heading>p{font-size:14px;line-height:1.65;max-width:30ch;margin:0;color:var(--muted)}
.integration-field{--columns:12;position:relative;container-type:inline-size;isolation:isolate;max-width:1080px;margin:0 auto}
/* One extra ring of empty cells preserves the reference's surrounding grid. */
.integration-field::before{--cell:calc(100cqw / var(--columns));content:'';position:absolute;z-index:-1;inset:calc(-1 * var(--cell));pointer-events:none;background-image:linear-gradient(to right,#a6afa53d 1px,transparent 1px),linear-gradient(to bottom,#a6afa53d 1px,transparent 1px);background-size:var(--cell) var(--cell);mask-image:linear-gradient(to right,transparent,#000 var(--cell),#000 calc(100% - var(--cell)),transparent),linear-gradient(to bottom,transparent,#000 var(--cell),#000 calc(100% - var(--cell)),transparent);mask-composite:intersect}
.integrations-grid{position:relative;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));margin:0;padding:0;list-style:none;border-left:1px solid #a6afa54d;border-top:1px solid #a6afa54d}
.integration-cell{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--paper);border-right:1px solid #a6afa54d;border-bottom:1px solid #a6afa54d;transition:background .2s,box-shadow .2s}
.integration-cell img{width:27px;height:27px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:opacity .2s,filter .2s}
.integration-cell span{font-size:9px;line-height:1.3;max-width:95%;color:#596057;text-align:center}
.integration-cell::before,.integration-cell::after{content:'';position:absolute;width:7px;height:7px;background:linear-gradient(#919c8c,#919c8c) center/1px 7px no-repeat,linear-gradient(#919c8c,#919c8c) center/7px 1px no-repeat;opacity:.65;pointer-events:none;z-index:2}
.integration-cell::before{top:-4px;left:-4px}.integration-cell::after{bottom:-4px;right:-4px}
.integration-wordmark img{width:78%;max-width:70px;height:27px}
@media(hover:hover) and (pointer:fine){.integration-cell:hover{background:#eaf0df;box-shadow:inset 0 0 0 1px #abc995;z-index:1}.integration-cell:hover img{filter:grayscale(0);opacity:1}.integration-cell:hover span{color:#263927}}
@media(min-width:761px) and (max-width:1000px){.integration-field{--columns:8;max-width:720px}}
@media(max-width:760px){.integration-field{--columns:4;max-width:360px}.integrations-heading{max-width:440px;display:block;margin-bottom:60px}.integrations-heading>p{margin-top:20px;max-width:38ch}.integrations-section{padding:55px var(--gutter) 70px}.integrations-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.integration-cell,.integration-cell img{transition:none}}