.visually-hidden-list{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section.integration-stream{padding-top:24px}.integration-stream .section-heading{margin-bottom:28px}@keyframes integration-stream-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.integration-stream__viewport{padding:4px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.integration-stream__track{width:max-content;animation:80s linear infinite integration-stream-scroll;display:flex}.integration-stream__viewport:hover .integration-stream__track{animation-play-state:paused}.integration-stream__set{gap:12px;padding-right:12px;display:flex}.integration-stream__item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);height:52px;color:var(--color-ink-2);font-size:var(--type-ui);white-space:nowrap;align-items:center;gap:10px;padding:0 18px 0 14px;font-weight:600;display:inline-flex}.integration-stream__item img{object-fit:contain;filter:grayscale();opacity:.7;width:22px;height:22px;transition:filter .2s,opacity .2s}.integration-stream__item:hover img{filter:none;opacity:1}.integration-stream__footer{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:24px;display:flex}.integration-stream__link{color:var(--color-viridian-dark);font-weight:700;text-decoration:none}.integration-stream__link:hover{text-decoration:underline}.integration-stream__plan,.integration-directory__plan{background:var(--color-selected);height:26px;color:var(--color-viridian-dark);font-size:var(--type-caption);border-radius:999px;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.integration-directory{width:min(1120px,100% - 40px);color:var(--color-ink);margin:0 auto;padding:64px 0 88px}.integration-directory__hero{max-width:780px}.integration-directory__hero h1{font-family:var(--font-source-serif), Georgia, serif;letter-spacing:-.02em;margin:10px 0 16px;font-size:clamp(2.3rem,4vw,3.4rem);font-weight:500;line-height:1.06}.integration-directory__lead{max-width:68ch;color:var(--color-text-secondary);font-size:var(--type-lead);margin:0;line-height:1.6}.integration-directory__meta{color:var(--color-text-muted);font-size:var(--type-ui);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:22px;display:flex}.integration-directory__values{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}.integration-directory__values article{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);padding:22px}.integration-directory__icon{border-radius:var(--radius-md);background:var(--color-selected);width:36px;height:36px;color:var(--color-viridian-dark);place-items:center;margin-bottom:14px;display:inline-grid}.integration-directory__values h2{font-size:var(--type-lead);margin:0 0 6px;font-weight:650;line-height:1.3}.integration-directory__values p{color:var(--color-text-secondary);margin:0;line-height:1.55}.integration-directory__catalog{margin-top:72px}.integration-directory__catalog>h2,.integration-directory__cta h2{font-family:var(--font-source-serif), Georgia, serif;letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(1.9rem,2.6vw,2.4rem);font-weight:500;line-height:1.12}.integration-directory__group{border-top:1px solid var(--color-border-subtle);grid-template-columns:220px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.integration-directory__catalog>h2+.integration-directory__group{margin-top:20px}.integration-directory__group h3{font-size:var(--type-ui);color:var(--color-ink);align-items:baseline;gap:8px;margin:12px 0 0;font-weight:700;display:flex}.integration-directory__group h3 span{color:var(--color-text-muted);font-weight:600}.integration-directory__grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.integration-directory__tile{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);align-items:center;gap:12px;min-width:0;height:60px;padding:0 14px 0 10px;transition:border-color .16s,box-shadow .16s;display:flex}.integration-directory__tile:hover{border-color:var(--color-border);box-shadow:var(--shadow-subtle)}.integration-directory__well{border-radius:var(--radius-md);background:var(--color-subtle);background:0 0;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.integration-directory__well img{object-fit:contain;width:28px;height:28px}.integration-directory__well:has(.integration-directory__monogram){background:var(--color-subtle)}.integration-directory__monogram{color:var(--color-ink-2);letter-spacing:.02em;font-size:.75rem;font-weight:700}.integration-directory__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-ui);flex:auto;font-weight:600;overflow:hidden}.integration-directory__guide{color:var(--color-viridian-dark);font-size:var(--type-caption);flex:none;font-weight:700;text-decoration:none}.integration-directory__guide:hover{text-decoration:underline}.integration-directory__cta{background:var(--color-ink);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-top:56px;padding:clamp(28px,4vw,44px);display:flex}.integration-directory__cta h2{color:#fff}.integration-directory__cta p{color:#ffffffbd;margin:0}.integration-directory__cta .button--secondary{color:#fff;background:0 0;border-color:#fff6}.integration-directory__cta .button--secondary:hover{background:#ffffff14;border-color:#fff}.integration-directory__actions{flex-wrap:wrap;gap:10px;display:flex}.integration-directory__note{max-width:80ch;color:var(--color-text-muted);font-size:var(--type-caption);margin:28px 0 0;line-height:1.5}@media (max-width:900px){.integration-directory__values{grid-template-columns:minmax(0,1fr)}.integration-directory__group{grid-template-columns:minmax(0,1fr);gap:12px}.integration-directory__group h3{margin-top:0}}@media (max-width:640px){.integration-directory{width:calc(100% - 24px);padding-top:36px}.integration-directory__cta{padding:22px}}@media (prefers-reduced-motion:reduce){.integration-stream__viewport{-webkit-mask-image:none;mask-image:none}.integration-stream__track{width:auto;animation:none}.integration-stream__set{flex-wrap:wrap}.integration-stream__set+.integration-stream__set{display:none}.integration-stream__item img,.integration-directory__tile{transition:none}}.integration-guide{width:min(880px,100% - 40px);color:var(--color-ink);margin:0 auto;padding:48px 0 88px}.integration-guide__back{color:var(--color-viridian-dark);font-size:var(--type-ui);gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.integration-guide__back:hover{text-decoration:underline}.integration-guide__hero{border-bottom:1px solid var(--color-border-subtle);margin-top:28px;padding-bottom:36px}.integration-guide__hero h1{font-family:var(--font-source-serif), Georgia, serif;letter-spacing:-.02em;margin:10px 0 16px;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;line-height:1.06}.integration-guide__hero p:last-child{max-width:68ch;color:var(--color-text-secondary);font-size:var(--type-lead);margin:0;line-height:1.6}.integration-guide__section{margin-top:48px}.integration-guide__section h2{font-family:var(--font-source-serif), Georgia, serif;letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(1.45rem,2.1vw,1.75rem);font-weight:500;line-height:1.2}.integration-guide__section>p{max-width:70ch;color:var(--color-text-secondary);margin:0 0 18px;line-height:1.6}.integration-guide__callout{border:1px solid var(--color-border-subtle);border-left:4px solid var(--color-viridian);border-radius:var(--radius-lg);background:var(--color-surface);padding:24px 26px}.integration-guide__callout h2{font-family:inherit;font-size:var(--type-lead);font-weight:700}.integration-guide__callout ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.integration-guide__callout li{padding-left:26px;line-height:1.55;position:relative}.integration-guide__callout li:before{content:"✓";color:var(--color-viridian-dark);font-weight:800;position:absolute;left:0}.integration-guide__steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.integration-guide__steps li{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:36px minmax(0,1fr);gap:16px;padding:20px 22px;display:grid}.integration-guide__num{background:var(--color-selected);width:32px;height:32px;color:var(--color-viridian-dark);border-radius:999px;place-items:center;font-weight:800;display:inline-grid}.integration-guide__steps h3{font-size:var(--type-lead);margin:4px 0 6px;font-weight:700;line-height:1.35}.integration-guide__steps p{color:var(--color-text-secondary);margin:0;line-height:1.6}.integration-guide__scopes{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);margin:0;overflow:hidden}.integration-guide__scopes>div{border-top:1px solid var(--color-border-subtle);grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:16px;padding:14px 20px;display:grid}.integration-guide__scopes>div:first-child{border-top:0}.integration-guide__scopes dt code{color:var(--color-ink);font-size:.9em}.integration-guide__scopes dd{color:var(--color-text-secondary);margin:0;line-height:1.55}.integration-guide__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.integration-guide__pair article{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface);padding:22px 24px}.integration-guide__pair h2{font-family:inherit;font-size:var(--type-lead);font-weight:700}.integration-guide__pair p{color:var(--color-text-secondary);margin:0;line-height:1.6}.integration-guide__support{border-top:1px solid var(--color-border-subtle);padding-top:28px}.integration-guide__support h2{font-family:inherit;font-size:var(--type-lead);margin-bottom:6px;font-weight:700}.integration-guide__support p{color:var(--color-text-secondary);margin:0}.integration-guide__support a{color:var(--color-viridian-dark);font-weight:700}@media (max-width:720px){.integration-guide{width:calc(100% - 24px);padding-top:32px}.integration-guide__pair{grid-template-columns:minmax(0,1fr)}.integration-guide__scopes>div{grid-template-columns:minmax(0,1fr);gap:4px}.integration-guide__steps li{grid-template-columns:minmax(0,1fr);gap:10px;padding:18px}}
