/* Clear UI surfaces and original brand marks above contained video illustrations. */
body.integrations-page{--int-ink:#302036;--int-muted:#635369;--int-glass:linear-gradient(145deg,#ffffffd9,#ffffff80 48%,#eeedf166);background:#fff;color:var(--int-ink)}
.integrations-page .int-hero{background:linear-gradient(180deg,transparent,#fff 95%),radial-gradient(ellipse at 15% 0%,#d8b8e38c,transparent 75%),linear-gradient(120deg,#f3eaf6,#e9e6ed);min-height:970px;color:var(--int-ink)}
.integrations-page .int-hero h1{color:var(--int-ink)}
.integrations-page :is(.int-eyebrow,.int-lead,.int-section-heading>p:last-child,.int-card-copy>p,.int-topic-description,.int-directory-note,.int-system p,.int-cta>p:not(.int-eyebrow)){color:var(--int-muted)}
.integrations-page :is(a,button):focus-visible{outline-color:var(--corvana-accent-deep,#8212b3)}
.integrations-page .int-button{background:linear-gradient(155deg,#c025cee6,#bc21cced 46%,#8212b3f5);border:1px solid #e8bef4;border-radius:99px;box-shadow:inset 0 1px 2px #ffffffc2,inset 0 -3px 8px #570d812e,0 6px 22px #8212b326;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.integrations-page .int-button:hover{background:linear-gradient(155deg,#d154dce6,#bc21cc,#7511a1)}
.integrations-page .int-hero-art{position:relative;width:350px;height:350px;margin:48px auto 0;filter:drop-shadow(0 22px 22px #63207320)}
.integrations-page .int-bolt-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none}
.integrations-page .int-overview{padding-top:64px}
.integrations-page .int-card{background:var(--int-glass);border:1px solid #efedf2;border-top-color:#fff;border-bottom-color:#c8c1ce80;box-shadow:inset 0 1px 1px #fff,inset 0 -1px 3px #79658416,0 12px 38px #44304f09;backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15)}
.integrations-page :is(.int-card-art,.int-detail-art){background:radial-gradient(ellipse at 12% 0%,#ffffffa3,transparent 65%),radial-gradient(ellipse at 95% 100%,#dacbe55e,transparent 66%),linear-gradient(140deg,#f4f2f7,#e6e3eb);border:1px solid #ffffff94;box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #6320731a;color:var(--int-ink)}
.integrations-page :is(.int-logo-tile,.int-mock,.int-system,.int-protocol-node,.int-protocol-hub,.int-flow>div,.int-test-input,.int-test-output,.int-event){position:relative;background:linear-gradient(145deg,#ffffffcc 0%,#ffffff80 42%,#e8e6ee70 100%);border:1px solid #ffffffdb;border-right-color:#d5d1daa6;border-bottom-color:#b7b0c196;box-shadow:inset 0 1px 2px #fff,inset 2px 0 2px #ffffff8c,inset 0 -3px 7px #71657f1c,0 9px 20px #34273e19;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);color:var(--int-ink)}
.integrations-page .int-logo-tile{min-height:104px;border-radius:18px}
.integrations-page .int-logo-tile::after,.integrations-page .int-system::after{content:'';position:absolute;inset:2px;border-radius:inherit;border-top:1px solid #ffffffbd;pointer-events:none;background:linear-gradient(135deg,#fff3,transparent 35% 73%,#ffffff21)}
.integrations-page :is(.int-logo-tile,.int-system-logo,.int-mock-title)>img{filter:none;transform:none;position:relative;z-index:1}
.integrations-page .int-logo-tile span{position:relative;z-index:1;color:#403845}
.integrations-page .int-mock-row,.integrations-page .int-mock-note{border-color:#a8a0ae3d}
.integrations-page :is(.int-mock-label,.int-diagram-label,.int-detail-art .int-diagram-label){color:#6a5873}
.integrations-page :is(.int-mock-row b,.int-detail-nav a:hover,.int-detail-nav a[aria-current],.int-security-art a){color:#632073}
.integrations-page :is(.int-mock-note,.int-approval-mock>p,.int-flow small,.int-flow>div>span,.int-test-input p,.int-event>small,.int-api-copy>p){color:#65586c}
.integrations-page .int-code-mock{background:linear-gradient(140deg,#ffffffbd,#ece8f1ad);color:#452950}
.integrations-page .int-code-mock pre{color:#632073}
.integrations-page .int-code-line{border-color:#a774b531}
.integrations-page .int-code-line>span,.integrations-page .int-review-state,.integrations-page .int-test-tags>span{background:#ffffff73;border:1px solid #d0c8d8;color:#632073;box-shadow:inset 0 1px 1px #fff}
.integrations-page :is(.int-flow>i,.int-event-line,.int-protocol-line,.int-test-middle span){background:linear-gradient(90deg,#ded8e6,#9639b6,#ded8e6)}
.integrations-page .int-protocol-hub{color:#8212b3;box-shadow:inset 0 1px 3px #fff,inset 0 -3px 10px #bc21cc16,0 0 28px #bc21cc08}
.integrations-page .int-test-middle,.integrations-page .int-check{color:#8212b3}
.integrations-page .int-benefits li{color:#573b60}
.integrations-page .int-detail-nav{border-color:#af84be42}
.integrations-page .int-detail-nav a{color:#715e79}
.integrations-page .int-detail-nav a[aria-current]::before{background:#bc21cc}
.integrations-page .int-cta{background:linear-gradient(180deg,#fff,#f7f2fa);border-top:1px solid #f1edf3}
.integrations-page .int-video-box{position:relative;isolation:isolate;overflow:hidden;background:#e7e3e9}
.integrations-page .int-card .int-video-box,.integrations-page .int-detail-art.int-video-box{padding-bottom:64px}
.integrations-page .int-ambient{position:absolute;inset:0;z-index:-1;padding:0;pointer-events:none;overflow:hidden;background:#e7e3e9 url('/assets/media/integrations-liquid-background.jpg') center/cover no-repeat}
.integrations-page .int-ambient video{width:100%;height:100%;object-fit:cover;opacity:1}
.integrations-page .int-ambient::after{content:'';position:absolute;inset:0;background:#f8f5fc42}
.integrations-page :is(.int-api-copy,.int-security-art>div:not(.int-ambient)){padding:24px;border:1px solid #ffffffc9;border-radius:16px;background:linear-gradient(145deg,#ffffffe0,#fffffff0);box-shadow:inset 0 1px 2px #fff,0 9px 20px #34273e12;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.integrations-page .int-motion-toggle{position:absolute;right:16px;bottom:12px;z-index:3;display:inline-flex;gap:8px;align-items:center;min-height:36px;padding:8px 13px;border:1px solid #ffffffdf;border-radius:99px;background:#ffffffb8;color:#48394f;box-shadow:inset 0 1px 2px #fff,0 3px 14px #63207315;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:11px;cursor:pointer;--glass-ink:#48394f;--glass-fill:#ffffffb8;--glass-fallback:#f5f3f7}
@media(max-width:760px){.integrations-page .int-hero{min-height:840px}.integrations-page .int-hero-art{width:300px;height:300px;margin-top:38px}.integrations-page .int-detail-nav{background:#fffffff0}.integrations-page .int-overview{padding-top:36px}}
@media(max-width:480px){.integrations-page .int-logo-cloud{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integrations-page .int-logo-tile{min-height:106px;padding:17px 10px}.integrations-page .int-logo-tile img{width:68px;height:40px}.integrations-page .int-logo-tile span{font-size:12px}.integrations-page .int-hero-art{width:min(280px,100%);height:auto;aspect-ratio:1}.integrations-page .int-permission-sources .int-logo-tile{min-height:100px}.integrations-page .int-permission-sources .int-logo-tile img{width:50px}.integrations-page .int-card-systems .int-video-box{padding-bottom:62px}}
@media(prefers-reduced-transparency:reduce){.integrations-page .int-ambient{display:none}.integrations-page :is(.int-card,.int-logo-tile,.int-mock,.int-system,.int-protocol-node,.int-protocol-hub,.int-flow>div,.int-test-input,.int-test-output,.int-event){background:#faf9fc;backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports not (backdrop-filter:blur(1px)){.integrations-page .int-card{background:#faf9fcf0}.integrations-page :is(.int-logo-tile,.int-mock,.int-system){background:#f9f8fcf0}}
