.integration-marketplace-page,.integration-setup-page{width:min(1500px,100%);margin:auto;padding:40px clamp(22px,3vw,52px) 80px;color:#17213a}
.integration-marketplace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}
.integration-marketplace-head h1{max-width:820px;margin:8px 0 10px;font:800 clamp(38px,4vw,60px)/1.02 Urbanist,sans-serif;letter-spacing:-.045em}
.integration-marketplace-head p{margin:0;color:#71809a;font-size:17px}
.integration-marketplace-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px}
.integration-filters{position:sticky;top:92px;align-self:start;display:grid;gap:26px;padding:22px;border:1px solid #e1e6ef;border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(32,46,87,.06);backdrop-filter:blur(18px)}
.integration-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;padding:0 12px;border:1px solid #d9e0eb;border-radius:12px;background:#fff}
.integration-search svg{width:19px;fill:none;stroke:#7f8a9f;stroke-width:1.8}
.integration-search input{width:100%;min-height:46px;border:0;outline:0;background:transparent;font:650 14px Urbanist,sans-serif;color:#18233d}
.integration-filters>div{display:grid;gap:5px}.integration-filters>div>span{margin:0 8px 7px;color:#929bae;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.integration-filters button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#56627a;font:720 13px Urbanist,sans-serif;text-align:left;cursor:pointer}
.integration-filters button:hover,.integration-filters button.active{background:#edf2ff;color:#244fef}.integration-filters button b{font-size:10px}
.integration-filters footer{padding:14px;border-radius:13px;background:linear-gradient(145deg,#edf1ff,#f9efff)}.integration-filters footer b{font-size:13px}.integration-filters footer p{margin:5px 0 9px;color:#69758c;font-size:12px;line-height:1.45}.integration-filters footer a{color:#294fe8;font-size:12px;font-weight:800}
.integration-results>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.integration-results>header>div{display:grid}.integration-results>header span{font-size:22px;font-weight:850}.integration-results>header small{margin-top:3px;color:#8791a4}.integration-results>header>a{color:#3158ef;font-size:13px;font-weight:800}
.integration-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.integration-directory-card{display:flex;min-width:0;min-height:330px;flex-direction:column;padding:22px;border:1px solid #e0e5ee;border-radius:19px;background:#fff;box-shadow:0 13px 35px rgba(37,49,82,.055);transition:transform .18s,border-color .18s,box-shadow .18s}
.integration-directory-card:hover{transform:translateY(-3px);border-color:#cbd5ee;box-shadow:0 20px 45px rgba(37,49,82,.09)}.integration-directory-card[hidden]{display:none}
.integration-directory-card>header{display:flex;align-items:flex-start;justify-content:space-between}.integration-directory-card>header img,.integration-setup-hero>img{width:56px;height:56px;border-radius:13px;object-fit:contain;background:transparent}
.integration-directory-card>header span{padding:5px 8px;border-radius:99px;background:#e8f8ef;color:#148052;font-size:9px;font-weight:850;text-transform:uppercase}.integration-directory-card>header span.featured{background:#edf0ff;color:#4354c8}.integration-directory-card>header span.access{background:#fff3df;color:#8a6120}
.integration-directory-card>div small{display:block;margin-top:20px;color:#8792a6;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.integration-directory-card h2,.integration-directory-card h3{margin:6px 0 8px;font-size:22px}.integration-directory-card p{margin:0;color:#69758a;font-size:14px;line-height:1.55}
.integration-directory-card ul{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 20px;padding:0;list-style:none}.integration-directory-card li{padding:5px 7px;border-radius:7px;background:#f3f5f9;color:#677289;font-size:10px;font-weight:700}
.integration-directory-card>footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #edf0f5}.integration-directory-card>footer>a:first-child{color:#254fe9;font-size:13px;font-weight:850}.integration-directory-card>footer>a:first-child span{padding-left:4px}.integration-directory-card>footer>a.muted{color:#7f899b}.integration-directory-card .external{color:#929bad;font-size:18px}
.integration-empty{padding:60px;border:1px dashed #cfd6e3;border-radius:18px;color:#7d8798;text-align:center}
.public-integration-directory{padding-top:90px;padding-bottom:110px}.public-integration-directory>.section-copy{margin-bottom:44px}.public-integration-directory .integration-filters{top:110px}.public-integration-directory .integration-directory-card{min-height:345px}.public-integration-directory .integration-marketplace-layout{text-align:left}
.integration-back{display:inline-flex;margin-bottom:22px;color:#53617a;font-weight:800}.integration-setup-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:28px;border:1px solid #e0e6ef;border-radius:24px;background:linear-gradient(130deg,rgba(246,247,255,.96),rgba(238,251,250,.96))}
.integration-setup-hero>img{width:72px;height:72px}.integration-setup-hero span{color:#69758c;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.integration-setup-hero h1{margin:4px 0 5px;font-size:34px}.integration-setup-hero p{margin:0;color:#6c7890}.integration-setup-hero>b{padding:8px 11px;border-radius:99px;background:#eef1f5;color:#697487;font-size:11px}.integration-setup-hero>b.connected{background:#e4f7ec;color:#137b4e}
.integration-setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.integration-setup-grid>article{padding:24px;border:1px solid #e1e6ee;border-radius:19px;background:#fff}.integration-setup-grid>article>header{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px}.integration-setup-grid>article>header>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#eaf0ff;color:#3156e6;font-weight:850}.integration-setup-grid h2{margin:0;font-size:20px}.integration-setup-grid header p{margin:5px 0 18px;color:#758095;font-size:13px;line-height:1.5}.integration-setup-grid form{display:grid;gap:13px}.integration-setup-grid form label{display:grid;gap:6px;color:#4f5d76;font-size:12px;font-weight:800}.integration-setup-grid input{min-width:0;min-height:44px;padding:0 11px;border:1px solid #d7deea;border-radius:10px;background:#fff;color:#17213a;font:650 13px Urbanist,sans-serif}.integration-webhook{position:relative;display:grid;gap:7px;color:#4f5d76;font-size:12px;font-weight:800}.integration-webhook input{padding-right:62px;font-size:11px}.integration-webhook button{position:absolute;right:5px;bottom:5px;min-height:34px;padding:0 10px;border:0;border-radius:7px;background:#102344;color:#fff;font-weight:800}.integration-setup-grid>article>small{display:block;margin-top:10px;color:#8a94a5;line-height:1.45}.integration-setup-grid ul{display:grid;gap:9px;padding:0;list-style:none}.integration-setup-grid li:before{content:"✓";margin-right:8px;color:#1a9561;font-weight:900}.integration-safety-note{margin:18px 0 0;padding:13px;border-radius:11px;background:#f4f7fb;color:#657189;font-size:12px;line-height:1.55}.integration-event-state{display:grid;gap:3px;margin-top:16px;padding:12px;border-radius:11px;background:#e9f8ef;color:#176d49}.integration-event-state span{font-size:11px}.integration-readonly{color:#707b8f}
[data-theme="dark"] .integration-marketplace-page,[data-theme="dark"] .integration-setup-page{color:#edf2fb}[data-theme="dark"] .integration-filters,[data-theme="dark"] .integration-directory-card,[data-theme="dark"] .integration-setup-grid>article,[data-theme="dark"] .integration-search,[data-theme="dark"] .integration-setup-grid input{background:#141c2a;border-color:#2b3749;color:#edf2fb}[data-theme="dark"] .integration-directory-card p,[data-theme="dark"] .integration-marketplace-head p,[data-theme="dark"] .integration-setup-hero p{color:#9eabc0}[data-theme="dark"] .integration-setup-hero{border-color:#2b3749;background:linear-gradient(135deg,#182033,#132628)}
@media(max-width:1500px){.integration-setup-grid{grid-template-columns:1fr 1fr}.integration-setup-grid>article:last-child{grid-column:1/-1}}
@media(max-width:1180px){.integration-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-setup-grid{grid-template-columns:1fr 1fr}.integration-setup-grid>article:last-child{grid-column:1/-1}}
@media(max-width:760px){.integration-marketplace-page,.integration-setup-page{padding:26px 14px 60px}.integration-marketplace-head{align-items:flex-start;flex-direction:column}.integration-marketplace-head h1{font-size:38px}.integration-marketplace-layout{grid-template-columns:1fr}.integration-filters{position:relative;top:auto}.integration-filters>div{display:flex;flex-wrap:wrap}.integration-filters>div>span{width:100%}.integration-filters button{width:auto}.integration-card-grid,.integration-setup-grid{grid-template-columns:1fr}.integration-setup-grid>article:last-child{grid-column:auto}.integration-setup-hero{grid-template-columns:auto 1fr}.integration-setup-hero>b{grid-column:1/-1;justify-self:start}.integration-results>header{align-items:flex-start;gap:10px;flex-direction:column}.integration-directory-card{min-height:300px}}
.integration-setup-grid form label small{color:#8490a3;font-size:10px;font-weight:600;line-height:1.45}.integration-setup-grid form label em{color:#8d97a7;font-size:9px;font-style:normal;font-weight:650}.integration-requirements,.integration-access-note{margin:0 0 16px;padding:13px;border:1px solid #e0e6ef;border-radius:11px;background:#f7f8fb;color:#647188;font-size:11px;line-height:1.5}.integration-requirements>b{color:#34415a}.integration-requirements ul{margin:8px 0 0}.integration-provider-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.integration-provider-links a{color:#4d61d7;font-size:11px;font-weight:800}.integration-security-state{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;border:1px solid #e0e6ef;border-radius:11px}.integration-security-state>span{width:10px;height:10px;border-radius:50%;background:#e4a743;box-shadow:0 0 0 4px #fff4da}.integration-security-state>span.ready{background:#25a36a;box-shadow:0 0 0 4px #e4f7ee}.integration-security-state>div{display:grid;gap:2px}.integration-security-state small{color:#7d889a;font-size:10px}.integration-verification-token{margin-top:14px}.integration-verification-token input{padding-right:11px}.integration-setup-grid h3{margin:18px 0 8px;color:#33405a;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.integration-inline-error{padding:10px;border-radius:9px;background:#fff0ef;color:#9d3e3e;font-size:11px}.integration-disconnect{margin-top:18px!important;padding-top:16px;border-top:1px solid #e5e9ef}.integration-disconnect button{justify-self:start;padding:8px 10px;border:1px solid #e1baba;border-radius:8px;background:transparent;color:#9a4141;font:800 10px Urbanist,sans-serif;cursor:pointer}[data-theme="dark"] :is(.integration-requirements,.integration-access-note,.integration-security-state){background:#182334;border-color:#344157;color:#a9b5c7}[data-theme="dark"] .integration-setup-grid h3{color:#cbd5e4}[data-theme="dark"] .integration-inline-error{background:#3a2023;color:#f2aaa8}
.integration-request-section{padding:110px 0;background:radial-gradient(circle at 8% 8%,rgba(211,194,255,.35),transparent 34%),radial-gradient(circle at 92% 88%,rgba(145,235,218,.28),transparent 34%),#f8f9fd}.integration-request-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:80px;align-items:start}.integration-request-copy h2{max-width:650px;margin:12px 0 18px;font-size:clamp(40px,5vw,66px);line-height:1;letter-spacing:-.05em}.integration-request-copy>p{max-width:650px;color:#65738a;font-size:17px;line-height:1.65}.integration-request-copy>ol{display:grid;gap:10px;margin:35px 0;padding:0;list-style:none}.integration-request-copy>ol li{display:flex;gap:14px;padding:15px;border:1px solid rgba(215,222,235,.8);border-radius:14px;background:rgba(255,255,255,.72)}.integration-request-copy>ol li>b{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:9px;background:#eaf0ff;color:#3158ee}.integration-request-copy>ol span{display:grid;gap:3px}.integration-request-copy>ol small{color:#758197;line-height:1.4}.integration-build-paths{display:grid;grid-template-columns:1fr 1fr;gap:10px}.integration-build-paths a{display:grid;gap:5px;padding:16px;border:1px solid #dce3ef;border-radius:14px;background:#fff;color:#17233e}.integration-build-paths span{color:#64728a;font-size:11px;line-height:1.45}.integration-request-form{display:grid;gap:15px;padding:32px;border:1px solid rgba(213,221,235,.9);border-radius:25px;background:#fff;box-shadow:0 28px 80px rgba(25,42,78,.11)}.integration-request-form header h3{margin:5px 0;font-size:31px}.integration-request-form header p{margin:0;color:#728096}.integration-request-form>label,.integration-form-split>label{display:grid;gap:6px;color:#475773;font-size:12px;font-weight:850}.integration-request-form input,.integration-request-form select,.integration-request-form textarea{width:100%;min-width:0;border:1px solid #d8dfeb;border-radius:11px;background:#fbfcfe;color:#17213a;padding:11px 12px;font:650 14px Urbanist,sans-serif}.integration-request-form textarea{resize:vertical;line-height:1.5}.integration-form-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.integration-request-form fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #dde4ee;border-radius:14px;padding:13px}.integration-request-form legend{padding:0 6px;color:#475773;font-size:11px;font-weight:900}.integration-request-form fieldset label{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:10px;background:#f7f9fc}.integration-request-form fieldset input{width:16px;height:16px;margin-top:2px;padding:0}.integration-request-form fieldset span{display:grid}.integration-request-form fieldset small{color:#7d899d;font-size:10px;line-height:1.35}.integration-request-form>button{justify-content:center;border:0}.integration-request-notice{display:grid;gap:3px;padding:13px;border-radius:11px}.integration-request-notice.success{background:#eaf8f0;color:#176f4c}.integration-request-notice.error{background:#fff0f2;color:#a33749}.integration-request-notice span{font-size:11px}
@media(max-width:1000px){.integration-request-layout{grid-template-columns:1fr;gap:40px}.integration-request-form{max-width:720px}}
@media(max-width:650px){.integration-request-section{padding:75px 0}.integration-request-layout{padding-left:16px;padding-right:16px}.integration-build-paths,.integration-form-split,.integration-request-form fieldset{grid-template-columns:1fr}.integration-request-form{padding:22px}}
.integration-request-consent{display:grid!important;grid-template-columns:18px 1fr!important;gap:10px!important;align-items:start;padding:12px;border:1px solid rgba(203,212,228,.9);border-radius:11px;background:#f8faff;font-size:12px;line-height:1.5}.integration-request-consent input{width:17px!important;height:17px!important;margin-top:2px}.integration-request-consent a{color:#4e5fe3;font-weight:800;text-decoration:underline}