.integrations-hero { padding: 2.5rem 0 4rem; }
.integrations-hero .page-title { max-width: 1000px; }
.integrations-hero .byom-hero-lede { max-width: 760px; }
.integrations-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; margin-top: 4.5rem; }
.integrations-grid article { border-top: 1px solid var(--color-border-default); padding-top: 1.5rem; }
.integrations-grid .eyebrow { min-height: 28px; }
.integrations-grid h2 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); letter-spacing: -.035em; }
.integrations-grid article > p:last-child { color: var(--color-text-secondary); line-height: 1.8; }
.integrations-preview { background: var(--color-bg-panel); border-block: 1px solid var(--color-border-subtle); }
.integrations-screenshot { max-width: 1040px; margin: 0 auto; }
.integrations-screenshot a { display: block; border-radius: var(--radius-lg); }
.integrations-screenshot img { display: block; width: 100%; height: auto; border-radius: var(--radius-lg); }
.integrations-screenshot figcaption { margin-top: 1.25rem; color: var(--color-text-secondary); text-align: center; font-size: .9rem; line-height: 1.6; }
#connect-github { scroll-margin-top: 80px; }
@media (max-width: 760px) {
    .integrations-grid { grid-template-columns: 1fr; gap: 2rem; margin-top: 3rem; }
    .integrations-hero .eyebrow, .integrations-hero .hero-actions { justify-content: flex-start; }
}