.integration-intro{grid-template-columns:1fr 390px;align-items:center;gap:56px;margin-bottom:38px;display:grid}.integration-intro .resource-header{margin:0}.integration-intro .resource-header h1{max-width:470px}.integration-connection{background:#fff;border:1px solid #e4dfd7;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px #33160004}.integration-connection-top{color:#7d746a;border-bottom:1px solid #eeeae4;justify-content:space-between;align-items:center;padding:15px 19px;font-size:11px;display:flex}.integration-connection-top>:last-child{color:#746e65;font-family:ui-monospace,monospace;font-size:9px}.integration-connection-flow{background-image:radial-gradient(#ded7ca .65px,#0000 .65px);background-size:12px 12px;justify-content:center;align-items:center;gap:13px;padding:27px 23px;display:flex}.integration-client-stack{flex-direction:column;gap:9px;display:flex}.integration-app-logo{background:#fff;border:1px solid #e8e4dd;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.integration-claude-logo{background:#fbf4ef;border-color:#eee1d7}.integration-claude-logo img{filter:invert(51%)sepia(35%)saturate(629%)hue-rotate(332deg)brightness(95%)contrast(86%)}.integration-n8n-logo{-o-object-fit:contain;object-fit:contain;width:108px;height:30px}.integration-connection-line{color:#a39789;align-items:center;gap:7px;width:96px;display:flex}.integration-connection-line>span{background:#d9d0c4;flex:1;height:1px}.integration-roster-node{background:#fff;border:1px solid #e0d9cf;border-radius:13px;flex-direction:column;align-items:center;gap:10px;padding:20px 17px;display:flex;box-shadow:0 3px 7px #33160006}.integration-roster-node>span{color:#746e65;font-size:10px}.integration-connection-code{color:#746e65;border-top:1px solid #eeeae4;align-items:center;gap:8px;padding:12px 19px;display:flex}.integration-connection-code code{font-size:10px}.integration-connection-code>span{color:#746e65;margin-left:auto;font-size:10px}.integration-section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.integration-section-heading h2{font-size:19px}.integration-section-heading>span{color:#746e65;font-size:11px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.integration-card{background:#fff;border:1px solid #e5dfd6;border-radius:15px;flex-direction:column;min-width:0;padding:24px;text-decoration:none;transition:border-color .18s,box-shadow .18s;display:flex}.integration-card:hover{border-color:#c8b7a3;box-shadow:0 5px 18px #33160006}.integration-card-top{justify-content:space-between;align-items:center;height:48px;margin-bottom:23px;display:flex}.integration-card-top>svg{color:#aa9c8b}.integration-card h3{font-size:20px}.integration-card p{color:#746e65;flex:1;margin-top:9px;font-size:13px;line-height:1.65}.integration-card-bottom{color:#856f58;border-top:1px solid #f0ece6;justify-content:space-between;align-items:center;margin-top:22px;padding-top:15px;font-size:11px;display:flex}.integration-card-bottom>span:first-child{color:#746e65}.integration-assets{border-top:1px solid #e3ddd4;grid-template-columns:.8fr 1.2fr;gap:56px;margin-top:38px;padding-top:32px;display:grid}.integration-assets h2{margin-bottom:10px;font-size:23px}.integration-assets .resource-text{max-width:340px}.integration-download-list{background:#fff;border:1px solid #e6e0d7;border-radius:14px;padding:0 18px}.integration-download{border-bottom:1px solid #eee9e2;align-items:center;gap:13px;padding:15px 0;text-decoration:none;display:flex}.integration-download:last-child{border:0}.integration-download>svg:first-child{color:#9b8164;flex-shrink:0}.integration-download>svg:last-child{color:#a99e8f;flex-shrink:0;margin-left:auto}.integration-download strong{font-size:12px;font-weight:500;display:block}.integration-download small{color:#746e65;margin-top:3px;font-size:11px;display:block}.integration-download:hover strong{color:#a44817}.integration-import-note{margin-top:24px}.integration-import-note summary{cursor:pointer;color:#7f6b54;font-size:12px}.integration-import-note p{margin-top:12px}.integration-billing-note{align-items:flex-start;gap:8px;max-width:810px;margin-top:28px;display:flex}.integration-billing-note svg{flex-shrink:0;margin-top:3px}.integration-billing-note a{text-underline-offset:3px;text-decoration:underline}.integration-back{color:#8b7c6b;align-items:center;gap:7px;margin-bottom:28px;font-size:12px;text-decoration:none;display:inline-flex}.integration-detail-header{align-items:center;gap:24px;margin-bottom:34px;display:flex}.integration-detail-header>.integration-app-logo{flex-shrink:0;width:64px;height:64px}.integration-detail-header .resource-header{margin:0}.integration-detail-header .resource-header h1{font-size:32px}.integration-detail-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:48px;display:grid}.integration-steps{min-width:0}.integration-step{margin-bottom:33px;padding-left:43px;position:relative}.integration-step-number{color:#a1886c;background:#fff;border:1px solid #dfd6c9;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;display:flex;position:absolute;top:0;left:0}.integration-step h2{margin-bottom:12px;font-size:21px;line-height:25px}.integration-step p{color:#807468;margin:12px 0;font-size:13px;line-height:1.8}.integration-step p a{color:#59402a;text-underline-offset:3px;text-decoration:underline}.integration-step .resource-panel{margin-top:18px}.integration-step .resource-panel-bar{min-height:auto;padding:12px 17px;font-family:ui-monospace,monospace;font-size:10px}.integration-step .resource-code{font-size:10px}.integration-prompt{color:#796a59;background:#fff;border:1px solid #e5dfd5;border-radius:12px;margin:17px 0;padding:20px;font-size:13px;line-height:1.8}.integration-sidebar{background:#fff;border:1px solid #e4ddd3;border-radius:13px;padding:21px}.integration-sidebar h2{margin-bottom:18px;font-size:16px}.integration-sidebar dl{margin:0}.integration-sidebar dl>div{justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.integration-sidebar dt{color:#978877}.integration-sidebar dd{color:#60492f}.integration-sidebar p{color:#9c8d7d;border-top:1px solid #eee8df;margin-top:10px;padding-top:15px;font-size:11px;line-height:1.75}.integration-detail-footer{border-top:1px solid #e4ddd3;flex-wrap:wrap;gap:24px;margin-left:43px;padding-top:22px;display:flex}@media (max-width:900px){.integration-intro{grid-template-columns:1fr 330px;gap:24px}.integration-connection-flow{gap:8px;padding-left:16px;padding-right:16px}.integration-connection-line{width:65px}.integration-card{padding:20px}.integration-assets{gap:30px}.integration-detail-layout{grid-template-columns:minmax(0,1fr) 210px;gap:25px}}@media (max-width:639px){.integration-intro{grid-template-columns:1fr;gap:25px;margin-bottom:28px}.integration-connection-flow{padding:18px 24px}.integration-client-stack{flex-direction:row;gap:5px}.integration-client-stack .integration-app-logo{border-radius:10px;width:36px;height:36px}.integration-client-stack img{width:22px;height:22px}.integration-connection-line{gap:4px;width:44px}.integration-roster-node{padding:16px 13px}.integration-roster-node img{width:78px;height:auto}.integration-grid{grid-template-columns:1fr;gap:12px}.integration-card{padding:21px}.integration-card-top{margin-bottom:17px}.integration-card p{max-width:270px}.integration-card-bottom{margin-top:18px}.integration-assets{grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:26px}.integration-detail-header{align-items:flex-start;gap:15px}.integration-detail-header>.integration-app-logo{border-radius:12px;width:46px;height:46px;margin-top:28px}.integration-detail-header:has(>.integration-n8n-logo){flex-direction:column;gap:14px}.integration-detail-header .resource-header h1{font-size:28px}.integration-detail-layout{grid-template-columns:1fr;gap:24px}.integration-sidebar{grid-row:1}.integration-sidebar dl{flex-wrap:wrap;gap:7px 25px;display:flex}.integration-sidebar dl>div{gap:10px}.integration-sidebar h2{margin-bottom:7px}.integration-sidebar p{margin-top:5px}.integration-step{padding-left:34px}.integration-step h2{font-size:19px}.integration-detail-footer{margin-left:0}}