/* Integration-specific layout only. Site shell owns fonts, nav, CTA and footer. */
:root{--bg:#0b001f}
[hidden]{display:none!important}
html{scroll-padding-top:100px}
.integrations-page{overflow:clip}
.integrations-page .section__actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:32px}
.integrations-page .section__actions .tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;line-height:1.4}
.integrations-page .section__actions .tlink::after{content:"→";flex:none}
@media(max-width:560px){.integrations-page .section__actions{align-items:flex-start;flex-direction:column;gap:16px;margin-top:28px}.integrations-page .section__actions .tlink{max-width:100%}}
.integration-breadcrumb{margin-bottom:30px}
.integration-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:24px;color:var(--fg-3);font-size:.875rem}
.integration-back:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.setup__instructions{min-width:0;align-self:start}
.setup__instructions .section-h{margin-bottom:32px}
@media(min-width:1101px){.setup__instructions{position:sticky;top:112px;max-height:calc(100dvh - 136px);overflow-y:auto;scrollbar-width:thin;scrollbar-gutter:stable;padding-right:12px}.setup>aside{padding-top:8px}}
.integration-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;line-height:1.7}
.integration-breadcrumb li+li::before{content:"/";margin-right:8px;color:var(--fg-3)}
.integration-breadcrumb [aria-current]{color:var(--fg-2)}
.integration-breadcrumb a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.ih,.dh{padding-top:clamp(48px,6vw,88px);background:radial-gradient(ellipse at 85% 30%,rgba(79,107,255,.09),transparent 52%)}
.dh h1{font-family:var(--font);font-weight:600;letter-spacing:-.045em;line-height:1.02;font-size:clamp(2.6rem,4.7vw,4.6rem)}
.ih .display{max-width:15ch}
.ih__grid>*,.dh__grid>*,.setup>*,.section-h>*{min-width:0}
.dir__bar{grid-template-columns:minmax(0,1fr);min-width:0}
.dir__bar>*,.dir__row>*{min-width:0}
.search{max-width:min(420px,100%)}
.dh__id .k{color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.panel,.stack{background:#100626;border-radius:10px}
.panel{box-shadow:0 22px 70px -45px rgba(79,107,255,.4)}
#sb{background:#06050a;border-color:#302b3b}
#sb .sb__tabs,#sb .sb__foot{background:#0b0911}
.hc{background:rgba(255,255,255,.015);transition:background .2s,border-color .2s}
.hc:hover,.hc:focus-visible{background:rgba(79,107,255,.08)}
.hc h3,.hc h4{font-size:1.2rem;line-height:1.25;letter-spacing:-.025em}
.hc__foot,.dir__label,.meta dt,.facts li span:first-child,.code__file{color:var(--fg-3)}
.t-c,.t-l{color:#a8a3b6}
.lg{width:44px;height:44px;background:rgba(79,107,255,.07);color:#d0ccdf;border-color:rgba(255,255,255,.15)}
.lg img{width:30px;height:30px;object-fit:contain}
/* Brand-inspired badge accents, lightened for legibility on the site’s dark surface.
   These are monograms, not substitute official logo artwork. */
.lg[data-logo]{--brand:#aeb8ff;color:color-mix(in srgb,var(--brand) 78%,white);background:color-mix(in srgb,var(--brand) 14%,#100626);border-color:color-mix(in srgb,var(--brand) 48%,#100626)}
.lg[data-logo^="claude"]{--brand:#d97757}
.lg[data-logo="chatgpt"],.lg[data-logo^="openai"],.lg[data-logo="cursor"],.lg[data-logo="cline"],.lg[data-logo="windsurf"],.lg[data-logo="vercel-ai-sdk"],.lg[data-logo="mcp-sdk"]{--brand:#e5e7eb}
.lg[data-logo="vscode"],.lg[data-logo="azure-blob"]{--brand:#007acc}
.lg[data-logo="gemini-cli"],.lg[data-logo="google-adk"],.lg[data-logo="bigquery"],.lg[data-logo="google-cloud-run"],.lg[data-logo="google-cloud-storage"],.lg[data-logo="looker-studio"]{--brand:#4285f4}
.lg[data-logo="google-sheets"],.lg[data-logo="excel"]{--brand:#34a853}
.lg[data-logo="langchain"],.lg[data-logo="pinecone"]{--brand:#65b7a0}
.lg[data-logo="llamaindex"],.lg[data-logo="copilot-studio"]{--brand:#b58bea}
.lg[data-logo="crewai"],.lg[data-logo="databricks"],.lg[data-logo="sql-server"]{--brand:#ff5a50}
.lg[data-logo="python"],.lg[data-logo="postgresql"],.lg[data-logo="mysql"],.lg[data-logo="r"],.lg[data-logo="tableau"]{--brand:#4c97c9}
.lg[data-logo="nodejs"],.lg[data-logo="mongodb"]{--brand:#68b84d}
.lg[data-logo="power-bi"],.lg[data-logo="hugging-face"]{--brand:#ffd21e}
.lg[data-logo="zapier"]{--brand:#ff4f00}
.lg[data-logo="make"]{--brand:#c061ef}
.lg[data-logo="n8n"]{--brand:#ea4b71}
.lg[data-logo="power-automate"]{--brand:#568cff}
.lg[data-logo="slack"]{--brand:#36c5f0}
.lg[data-logo="amazon-s3"],.lg[data-logo="aws-lambda"]{--brand:#ff9900}
.lg[data-logo="redshift"]{--brand:#b18bea}
.lg[data-logo="snowflake"]{--brand:#29b5e8}
.dh__id .lg{width:48px;height:48px}
.final__diamond{animation:integration-diamond-response 6s linear infinite}
@keyframes integration-diamond-response{0%,12%,100%{fill:#4f6bff}3%{fill:#9eaeff}}
.btn{height:auto;min-height:50px;padding-block:12px;text-align:center;white-space:normal}
.nav .btn{height:42px;min-height:42px;padding-block:0}
.sb__foot span{white-space:normal}
pre.code{max-width:100%;tab-size:2}
.meta dd,.steps li,.faq p,.ex{overflow-wrap:anywhere}
@media(max-width:1100px){.dh__grid,.ih__grid{grid-template-columns:minmax(0,1fr)}.dh .panel{margin-top:0}.dh h1{max-width:20ch}.ih .display{font-size:clamp(3rem,8vw,6rem)}}
@media(max-width:560px){.integration-breadcrumb{font-size:.72rem;margin-bottom:24px}.ih,.dh{padding-top:38px}.dh h1{font-size:2.65rem}.dh__actions,.ih__actions{gap:10px}.dh__actions .btn,.ih__actions .btn{flex:1 1 180px}.stack{padding:22px}.hc{padding:20px}.steps li{grid-template-columns:28px minmax(0,1fr)}.sb__foot{align-items:start}.sb__foot>div{display:grid;gap:6px}.sb__foot span+span{margin-left:0}.code__head{min-width:0}.code__file{overflow-wrap:anywhere}.meta{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}