.integration-detail-hero{padding:115px 0 44px;border-bottom:1px solid #e5ebf1;background:#f8fbfe}.integration-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;color:#586e83;font-size:13px}.integration-back svg{width:15px;height:15px}.integration-detail-heading{display:flex;align-items:center;gap:24px}.integration-detail-logo{display:grid;place-items:center;flex-shrink:0;width:88px;height:88px;border:1px solid #e0e8f1;border-radius:22px;background:#fff}.integration-detail-logo img{object-fit:contain}.integration-detail-logo svg{width:46px;height:46px;color:#0071e3}.integration-detail-heading .integrations-eyebrow{margin-bottom:10px}.integration-detail-heading h1{margin:0;font-size:clamp(28px,3.8vw,48px);line-height:1.15;letter-spacing:-.035em;font-weight:600;color:#112435;text-wrap:balance}.integration-detail-intro{max-width:790px;margin:25px 0 26px;font-size:17px;line-height:1.8;color:#536b82}.integration-method-choices{display:flex;gap:12px;flex-wrap:wrap}.integration-method-choices a{display:flex;align-items:center;gap:14px;min-height:48px;padding:12px 18px;border:1px solid #d8e3ed;border-radius:10px;background:#fff;font-size:14px;font-weight:600;transition:border-color .15s,background .15s}.integration-method-choices a:hover{border-color:#0071e3;background:#f0f7ff}.integration-choice-number{font-family:ui-monospace,monospace;font-weight:400;color:#6a829a;font-size:11px}.integration-method-choices svg{width:16px;height:16px;color:#0071e3;margin-left:18px}.integration-detail-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding-top:48px;padding-bottom:60px}.integration-detail-sidebar{position:sticky;top:110px;align-self:start}.integration-detail-sidebar nav>p{margin-bottom:16px;font-size:10px;letter-spacing:.12em;color:#728499;font-weight:600}.integration-detail-sidebar nav>a{display:block;padding:9px 0 9px 16px;border-left:1px solid #dfe7ee;color:#586e83;font-size:13px}.integration-detail-sidebar nav>a:hover{color:#0071e3;border-left-color:#0071e3;background:#f6faff}.integration-account{margin-top:30px;padding:20px;background:#f4f8fc;border-radius:12px;font-size:13px}.integration-account p{margin:8px 0 16px;color:#6a7e92;line-height:1.6}.integration-account a,.integration-launch,.integration-usage>a{display:inline-flex;align-items:center;gap:8px;color:#0071e3;font-size:13px;font-weight:500}.integration-account svg,.integration-launch svg,.integration-usage>a svg{width:15px;height:15px}.integration-detail-section{scroll-margin-top:110px;margin-bottom:40px}.integration-detail-section h2,.integration-related h2{margin:0 0 20px;font-size:25px;font-weight:600;letter-spacing:-.025em;color:#152d43}.integration-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.integration-capabilities>div>span{font-family:ui-monospace,monospace;font-size:11px;color:#0071e3}.integration-capabilities h3{margin:12px 0 8px;font-size:15px;font-weight:600}.integration-capabilities p{color:#607589;font-size:13px;line-height:1.8}.integration-requirements{padding:24px 28px;background:#f7f9fc;border:1px solid #e6edf4;border-radius:12px}.integration-requirements h2{font-size:18px;margin-bottom:14px}.integration-requirements ul{padding:0;margin:0;list-style:none}.integration-requirements li{display:flex;gap:10px;margin:10px 0;font-size:14px;line-height:1.7}.integration-requirements svg{flex-shrink:0;width:16px;height:16px;color:#248763;margin-top:4px}.integration-method{padding-top:32px;border-top:1px solid #e3eaf2}.integration-method-label{margin-bottom:8px;font-size:10px;letter-spacing:.12em;color:#0071e3;font-weight:600}.integration-method h2{font-size:30px;margin-bottom:12px}.integration-plugin-preview{max-width:720px;margin:24px 0 30px}.integration-plugin-preview img{display:block;width:100%;height:auto;border:1px solid #e3eaf2;border-radius:12px;background:#fff}.integration-plugin-preview figcaption{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:12px;line-height:1.7;color:#607589}.integration-plugin-preview figcaption a{display:inline-flex;align-items:center;gap:4px;color:#0071e3}.integration-plugin-preview figcaption svg{width:13px;height:13px}.integration-section-lead{color:#5f758a;font-size:15px;line-height:1.8;margin-bottom:24px}.integration-steps{padding:0;margin:24px 0 0;list-style:none}.integration-steps>li{margin-top:26px;min-width:0}.integration-step-title{display:flex;align-items:baseline;gap:12px}.integration-step-title>span{display:grid;place-items:center;min-width:24px;height:24px;border:1px solid #dce6ef;border-radius:50%;font-size:11px;color:#597087}.integration-step-title h3{font-size:16px;font-weight:600;overflow-wrap:anywhere}.integration-steps li>p{margin:12px 0 16px;font-size:14px;line-height:1.85;color:#5c7185}.integration-code{border:1px solid #dfe7ef;background:#f8fafc;border-radius:10px;overflow:hidden;min-width:0;margin:16px 0}.integration-code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid #e4ebf2;color:#6a7c8d;font-size:11px}.integration-code-toolbar button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 8px;border-radius:5px;cursor:pointer;color:#4f697f}.integration-code-toolbar button:hover{background:#e9f0f7}.integration-code-toolbar svg{width:13px;height:13px}.integration-code pre{padding:20px;margin:0;overflow-x:auto;color:#233e55;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.85;tab-size:2}.integration-code pre:focus-visible{outline:2px solid #0071e3;outline-offset:-3px}.integration-code-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px}.integration-copy-error{display:block;color:#9b3b27;padding:0 20px 14px;font-size:12px}.integration-launch{padding:8px 0;margin-top:4px}.integration-launch-status{font-size:13px;color:#597087;margin-bottom:16px}.integration-launch-status:empty{display:none}.integration-usage{border-top:1px solid #e3eaf2;padding-top:32px}.integration-usage ul{padding-left:20px;list-style:disc;color:#5c7185;font-size:14px;line-height:1.85}.integration-usage li{margin-bottom:12px}.integration-usage>a{margin-top:10px}.integration-references{margin-bottom:0}.integration-references h2{font-size:18px}.integration-references a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f5;padding:12px 0;font-size:14px;color:#426988}.integration-references svg{width:14px;height:14px;flex-shrink:0}.integration-related{padding:36px 0 48px;border-top:1px solid #e3eaf2;background:#fafcfe}.integration-related h2{font-size:22px}.integration-related .integrations-container>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration-related a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border:1px solid #e0e8f0;border-radius:10px;background:#fff;font-size:14px}.integration-related a:hover{border-color:#0071e3}.integration-related svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 960px){.integration-detail-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.integration-capabilities{gap:16px}}@media (max-width: 700px){.integration-detail-hero{padding-top:102px;padding-bottom:28px}.integration-back{margin-bottom:24px}.integration-detail-heading{align-items:flex-start;gap:16px}.integration-detail-logo{width:58px;height:58px;border-radius:15px}.integration-detail-logo img,.integration-detail-logo svg{width:36px;height:36px}.integration-detail-heading h1{font-size:27px;line-height:1.25}.integration-detail-heading .integrations-eyebrow{font-size:9px;margin-bottom:6px}.integration-detail-intro{font-size:15px;line-height:1.85}.integration-method-choices{gap:8px}.integration-method-choices a{padding:10px 12px;gap:8px;font-size:13px}.integration-method-choices svg{margin-left:0;width:14px}.integration-detail-layout{display:block;padding-top:28px;padding-bottom:36px}.integration-detail-sidebar{display:none}.integration-capabilities{grid-template-columns:1fr;gap:18px}.integration-capabilities>div{display:grid;grid-template-columns:24px 1fr;column-gap:10px}.integration-capabilities>div>span{padding-top:3px}.integration-capabilities h3{margin:0 0 6px}.integration-capabilities p{grid-column:2}.integration-requirements{padding:20px}.integration-code pre{padding:14px;font-size:11px}.integration-code-prompt pre{font-size:13px}.integration-detail-section{scroll-margin-top:92px;margin-bottom:32px}.integration-related .integrations-container>div{grid-template-columns:1fr;gap:10px}}