@layer components{.integration-section{padding-block:72px}.integrations-page .integration-title{max-width:850px;margin:24px auto 0;font-size:clamp(36px,4.2vw,56px);font-weight:500;line-height:1.12}.integrations-page .integration-heading{margin-top:20px;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.2}.integrations-page .lp-eyebrow{margin-bottom:0}.integrations-page section[id]{scroll-margin-top:120px}.integration-content>section{background:var(--background)}.integration-content .card{border-radius:var(--radius-3xl);background:var(--surface);box-shadow:none}.integrations-page .card__title{font-size:20px;font-weight:500;line-height:1.4}.integration-final{padding-block:40px}.integration-final>.lp-container{border:1px solid var(--separator);border-radius:var(--radius-3xl);background:var(--surface);padding:48px}.integration-directory-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;display:grid}.integration-source-link{min-width:0;color:var(--foreground);border-radius:var(--radius-3xl)}.integration-source-card{border:1px solid var(--separator);height:100%;padding:24px 16px}.integration-source-link:hover .integration-source-card{border-color:var(--accent)}.integration-source-card .card__content{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.integrations-page .integration-source-card h3{font-size:15px;line-height:1.4}.integration-source-logo{border-radius:var(--radius);background:#fff;width:96px;height:72px;position:relative;overflow:hidden}.integration-source-logo img{padding:12px}@media (max-width:1000px){.integration-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.integration-section{padding-block:48px}.integration-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-final>.lp-container{padding:28px}}}