.integration-page{--ink:#101a2f;--navy:#061b35;--muted:#64738d;--line:#dce4ef;--blue:#146cff;--cyan:#18c7dd;--green:#46b895;color:var(--ink);background:#f7f9fc;overflow:hidden}.integration-page a{color:inherit}.integration-breadcrumbs,.integration-section,.integration-hero,.integration-final,.integration-footer{width:min(1200px,100% - 80px);margin-inline:auto}.integration-breadcrumbs{color:#8794a9;gap:10px;padding-top:20px;font-size:11px;display:flex}.integration-breadcrumbs b{color:#52617a}.integration-kicker{color:#71819c;letter-spacing:.15em;margin:0;font-size:10px;font-weight:750}.integration-hero{grid-template-columns:minmax(0,43fr) minmax(0,57fr);align-items:center;gap:38px;padding:66px 0 96px;display:grid}.integration-hero h1{letter-spacing:-.075em;max-width:620px;margin:22px 0 26px;font-size:clamp(45px,5.4vw,72px);line-height:1.02}.integration-hero h1 span,h2 span{color:#71809d}.integration-lede,.section-heading>p:not(.integration-kicker),.feature-grid>div>p:not(.integration-kicker),.report-section>div>p:not(.integration-kicker),.split-panels>div>p:not(.integration-kicker){color:var(--muted);max-width:550px;font-size:15px;line-height:1.75}.integration-actions{align-items:center;gap:24px;margin-top:30px;display:flex}.integration-button{background:var(--blue);border-radius:5px;align-items:center;gap:14px;padding:15px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #5475ff28;color:#fff!important}.integration-text-link{align-items:center;gap:9px;font-size:13px;font-weight:700;display:inline-flex}.capability-line{color:#7f8da4;letter-spacing:.03em;margin-top:30px;font-size:11px}.hero-automation{min-width:0}.automation-operations{box-shadow:0 20px 60px #1c365414}.integration-section{padding:88px 0}.intro-section{border-top:1px solid var(--line);grid-template-columns:42% 58%;gap:35px;display:grid;position:relative}.intro-section>div:nth-child(2){padding-top:15px}.intro-section>div:nth-child(2) p{color:var(--muted);max-width:650px;margin:0 0 16px;font-size:15px;line-height:1.75}.section-heading h2{letter-spacing:-.065em;margin:18px 0 20px;font-size:clamp(34px,4vw,54px);line-height:1.05}.section-heading.centered{text-align:center}.section-heading.centered>p:last-child{margin-inline:auto}.integration-flow{border:1px solid var(--line);background:#fff;border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:18px;padding:18px 20px;display:flex;box-shadow:0 10px 30px #34476a0a}.flow-step{color:#3c4b65;align-items:center;gap:9px;font-size:12px;display:flex}.flow-step span{color:#8d9bb0;font-size:10px}.flow-step svg{color:#aab8ca;margin-left:18px}.connect-grid,.process-grid,.why-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px;display:grid}.connect-card,.process-grid article{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:210px;padding:24px;box-shadow:0 8px 24px #34476a08}.card-icon{color:#5475ff;background:#edf1ff;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:22px;display:grid}.connect-card h3,.process-grid h3{margin:0 0 10px;font-size:16px}.connect-card p,.process-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.card-caps{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.card-caps span,.tag-row span,.ai-capabilities span{border:1px solid var(--line);color:#71809a;background:#fbfcfe;border-radius:4px;padding:6px 8px;font-size:10px}.feature-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:75px;display:grid}.feature-grid.reverse>div:last-child{order:-1}.check-list{gap:12px;margin-top:28px;display:grid}.check-list span{color:#45546d;align-items:center;gap:10px;font-size:12px;display:flex}.check-list svg{color:var(--green)}.api-visual,.data-panel,.webhook-visual,.ai-flow,.report-card,.reliability-card{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 16px 40px #34476a0c}.api-visual{padding:23px}.api-top,.panel-label,.ai-flow-title{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding-bottom:16px;display:flex}.api-top b,.panel-label span,.ai-flow-title span{letter-spacing:.12em;color:#73829b;font-size:10px}.api-top>span{color:var(--green);margin-left:auto;font-size:11px;font-weight:700}.api-request{background:#f2f5fb;border-radius:7px;gap:10px;margin:22px 0;padding:18px;display:grid}.api-request small{color:#66758d;font:11px var(--font-geist-mono)}.api-request code{color:#364669;font-size:12px}.api-result{gap:8px;padding-top:4px;display:grid}.api-result span{color:var(--green);font-size:11px;font-weight:700}.api-result b{font-size:14px}.api-result small{color:#8b98aa;font-size:11px}.webhook-section{border-top:1px solid var(--line)}.webhook-visual{align-items:center;gap:20px;margin-top:35px;padding:22px;display:flex}.webhook-event{align-items:center;gap:13px;min-width:240px;display:flex}.webhook-event>svg{color:#5475ff;background:#edf1ff;border-radius:10px;width:38px;height:38px;padding:11px}.webhook-event div{gap:4px;display:grid}.webhook-event small{letter-spacing:.12em;color:#8a98ad;font-size:9px}.webhook-event strong{font-size:13px}.webhook-event span{color:var(--green);font-size:10px}.webhook-visual>svg{color:#a4b1c5}.webhook-actions{flex-wrap:wrap;gap:9px;display:flex}.webhook-actions span{color:#4e5e78;background:#f2f5fb;border-radius:6px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:flex}.dark-feature{background:var(--navy);color:#fff;width:100%;padding-inline:max(40px,50% - 600px)}.dark-feature .section-heading>p:not(.integration-kicker){color:#aab7d0}.dark-feature .integration-kicker{color:#8ea5d0}.dark-feature .section-heading h2 span{color:#8399c2}.dark-feature .automation-operations{margin-top:35px}.process-grid article{min-height:185px}.process-status{color:var(--green);align-items:center;gap:6px;margin-top:20px;font-size:10px;display:flex}.data-panel{padding:22px}.panel-label{justify-content:space-between}.panel-label b{color:#3b4b67;font-size:12px}.data-rows{padding:5px 0}.data-row{border-bottom:1px solid #e7ecf3;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.data-row div{gap:5px;display:grid}.data-row strong{font-size:12px}.data-row small{color:#8996aa;font-size:10px}.data-row>span{color:var(--green);font-size:10px;font-weight:700}.data-note{color:#6d7c94;align-items:center;gap:8px;padding-top:15px;font-size:10px;display:flex}.ai-section{border-top:1px solid var(--line)}.ai-capabilities{flex-wrap:wrap;gap:7px;margin:28px 0;display:flex}.ai-capabilities span{color:#586883;align-items:center;gap:6px;display:flex}.ai-flow{padding:22px}.ai-flow-title b{color:#71809a;margin-left:auto;font-size:11px;font-weight:500}.ai-flow-title svg{color:#a477f5}.ai-flow-grid{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:25px;display:grid}.ai-flow-grid>div{background:#f6f8fc;border-radius:8px;gap:7px;padding:16px;display:grid}.ai-flow-grid>div svg{color:#5475ff}.ai-flow-grid b{font-size:11px}.ai-flow-grid small{color:#8b98aa;font-size:10px}.ai-flow-grid>svg{color:#aab8ca}.ai-highlight{background:#f0edff!important}.ai-highlight svg{color:#8e72e8!important}.human-review{color:#7a879c;align-items:center;gap:7px;margin-top:18px;font-size:10px;display:flex}.human-review svg{color:var(--green)}.report-section{border-top:1px solid var(--line);grid-template-columns:1fr 360px;align-items:center;gap:70px;display:grid}.report-flow{color:#54647e;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px;font-size:11px;display:flex}.report-flow span,.report-flow b{border:1px solid var(--line);background:#fff;border-radius:5px;padding:10px 12px}.report-flow b{color:#5475ff;background:#edf1ff}.report-flow svg{color:#a6b4c7}.report-card{padding:22px}.report-card>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:16px;display:flex}.report-card>div svg{color:#5475ff}.report-card>div span{color:var(--green);margin-left:auto;font-size:10px}.report-card p{color:#687790;border-bottom:1px solid #e9edf3;margin:0;padding:14px 0;font-size:11px}.bar-chart-icon{align-items:end;gap:3px;width:20px;height:18px;display:flex}.bar-chart-icon i{background:#5475ff;border-radius:2px;width:4px}.bar-chart-icon i:first-child{height:8px}.bar-chart-icon i:nth-child(2){height:14px}.bar-chart-icon i:nth-child(3){height:11px}.split-panels{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;display:grid}.tag-row{flex-wrap:wrap;gap:7px;margin-top:25px;display:flex}.reliability-card{padding:24px}.reliability-card h3{margin:12px 0 26px;font-size:20px}.reliability-flow,.failure-flow{align-items:center;gap:9px;font-size:11px;display:flex}.reliability-flow span{color:#3a9f7f;background:#edfaf5;border-radius:5px;padding:9px 10px}.failure-flow{margin-top:14px}.failure-flow span{color:#bf7a38;background:#fff5ec;border-radius:5px;padding:9px 10px}.reliability-flow svg,.failure-flow svg{color:#aab8ca}.use-case-section{border-top:1px solid var(--line)}.use-case-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px;display:grid}.use-case-grid span,.service-links a,.service-links>span{border:1px solid var(--line);color:#43526b;background:#fff;border-radius:7px;align-items:center;gap:10px;padding:17px;font-size:12px;display:flex}.use-case-grid svg:first-child{color:var(--green)}.use-case-grid svg:last-child{color:#9aa8bb;margin-left:auto}.connected-services{border-top:1px solid var(--line)}.service-links{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px;display:grid}.service-links a svg{margin-left:auto}.service-links a:hover{color:#405bd4;border-color:#9daff8}.service-links>span{color:#8895a9}.service-links small{margin-left:auto}.why-section{border-top:1px solid var(--line)}.why-grid{grid-template-columns:repeat(3,1fr)}.why-grid>div{border-top:2px solid #dfe6f1;padding:20px 0}.why-grid svg{color:#5475ff;margin-bottom:15px}.why-grid b{font-size:13px;display:block}.why-grid p{color:#8290a4;margin:8px 0;font-size:11px}.faq-section{border-top:1px solid var(--line);grid-template-columns:35% 65%;gap:50px;display:grid}.faq-grid{gap:8px;display:grid}.faq-grid details{border:1px solid var(--line);background:#fff;border-radius:6px;padding:17px 18px}.faq-grid summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;list-style:none;display:flex}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary svg{color:#a4b1c4;transition:transform .2s}.faq-grid details[open] summary svg{transform:rotate(90deg)}.faq-grid details p{color:var(--muted);margin:14px 20px 0 0;font-size:12px;line-height:1.65}.integration-final{background:var(--navy);color:#fff;text-align:center;border-radius:14px;margin-bottom:45px;padding:75px 30px}.integration-final .integration-kicker{color:#8ea5d0}.integration-final h2{letter-spacing:-.07em;margin:18px auto;font-size:clamp(35px,4.5vw,58px);line-height:1.05}.integration-final h2 span{color:#91a5d0}.integration-final>p:not(.integration-kicker){color:#aab7d0;max-width:560px;margin:0 auto;font-size:14px;line-height:1.7}.integration-final .integration-actions{justify-content:center}.integration-footer{border-top:1px solid var(--line);color:#8794a9;justify-content:space-between;align-items:center;padding:24px 0 35px;font-size:11px;display:flex}.footer-logo{font-size:18px;color:var(--ink)!important}.footer-logo b{font-weight:800}.integration-footer a:last-child{color:#5475ff;align-items:center;gap:6px;display:flex}@media (max-width:900px){.integration-breadcrumbs,.integration-section,.integration-hero,.integration-final,.integration-footer{width:min(100% - 40px,700px)}.integration-hero{grid-template-columns:1fr;padding:48px 0 70px}.hero-automation{margin-top:10px}.intro-section,.feature-grid,.report-section,.split-panels,.faq-section{grid-template-columns:1fr;gap:35px}.connect-grid,.process-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.feature-grid.reverse>div:last-child{order:initial}.dark-feature{width:100%;padding-inline:20px}.ai-flow-grid{grid-template-columns:1fr;gap:8px}.ai-flow-grid>svg{justify-self:center;transform:rotate(90deg)}.webhook-visual{flex-direction:column;align-items:flex-start}.webhook-visual>svg{align-self:center;transform:rotate(90deg)}.service-links{grid-template-columns:1fr}.integration-section{padding:68px 0}}@media (max-width:560px){.integration-breadcrumbs,.integration-section,.integration-hero,.integration-final,.integration-footer{width:calc(100% - 32px)}.integration-hero h1{font-size:45px}.integration-actions{flex-direction:column;align-items:flex-start;gap:18px}.integration-button{justify-content:center;width:100%}.integration-flow{flex-direction:column;align-items:stretch;gap:12px}.flow-step svg{display:none}.connect-grid,.process-grid,.why-grid{grid-template-columns:1fr}.connect-card,.process-grid article{min-height:0}.section-heading h2{font-size:38px}.data-row{align-items:flex-start;gap:12px}.data-row>span{text-align:right}.ai-flow,.api-visual,.data-panel{padding:16px}.ai-flow-title{flex-wrap:wrap;align-items:flex-start}.ai-flow-title b{width:100%;margin-left:25px}.report-flow{flex-direction:column;align-items:stretch}.report-flow svg{align-self:center;transform:rotate(90deg)}.reliability-flow,.failure-flow{flex-wrap:wrap}.integration-footer{flex-direction:column;align-items:flex-start;gap:14px}}
