.integrations-page .int-hero{background:var(--bg-main);text-align:center;padding:96px 0 56px}.integrations-page .int-hero h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--convexa-ink);text-wrap:balance;margin:0;padding-bottom:.06em;font-size:96px;font-style:italic;font-weight:400;line-height:1.02}.integrations-page .int-search{background:var(--bg-card);border:1px solid var(--border-strong);max-width:560px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;margin:36px auto 0;padding:6px 8px 6px 18px;display:flex}.integrations-page .int-search svg{width:16px;height:16px;color:var(--fg-muted)}.integrations-page .int-search input{font:400 14px var(--font-sans);color:var(--fg-strong);background:0 0;border:none;outline:none;flex:1;padding:10px 0}.integrations-page .int-search .ct{font:500 12px var(--font-mono);color:var(--fg-muted);letter-spacing:.04em;padding-right:12px}.integrations-page .int-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.integrations-page .int-chip{border:1px solid var(--border-strong);background:var(--bg-card);font:500 13px var(--font-sans);color:var(--fg-strong);cursor:pointer;transition:all .14s var(--ease-out);border-radius:999px;padding:8px 14px}.integrations-page .int-chip:hover{border-color:var(--convexa-blue);color:var(--convexa-blue)}.integrations-page .int-chip.is-on{background:var(--convexa-ink);color:#fff;border-color:var(--convexa-ink)}.integrations-page .int-chip .ct{font:500 11px var(--font-mono);opacity:.6;margin-left:6px}.integrations-page .cat-block{padding-top:64px;padding-bottom:32px}.integrations-page .cat-head{border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:baseline;margin-bottom:28px;padding-bottom:18px;display:flex}.integrations-page .cat-head .lhs{align-items:baseline;gap:14px;display:flex}.integrations-page .cat-head h2{font:500 26px var(--font-sans);color:var(--fg-strong);margin:0}.integrations-page .cat-head .ct{font:500 12px var(--font-mono);color:var(--fg-muted);letter-spacing:.04em}.integrations-page .cat-head .desc{font:400 14px var(--font-sans);color:var(--fg-muted);text-align:right;max-width:380px;line-height:1.5}.integrations-page .int-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.integrations-page .int-tile{background:var(--bg-card);border:1px solid var(--border-strong);min-height:100px;transition:all .24s var(--ease-out);cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:18px;display:flex}.integrations-page .int-tile:hover{box-shadow:var(--shadow-sm);border-color:var(--convexa-blue);transform:translateY(-2px)}.integrations-page .int-tile .logo{background:var(--bg-subtle);width:28px;height:28px;font:500 11px var(--font-mono);color:var(--fg-strong);letter-spacing:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;display:inline-flex}.integrations-page .int-tile .nm{font:500 14px var(--font-sans);color:var(--fg-strong);line-height:1.2}.integrations-page .int-tile .badge{font:500 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--convexa-blue);margin-top:auto;padding-top:6px}.integrations-page .int-tile .badge.is-beta{color:var(--convexa-apricot)}.integrations-page .int-tile .badge.is-byo{color:var(--fg-muted)}.integrations-page .int-tile.l-1 .logo{color:var(--convexa-blue);background:#5b2eff1f}.integrations-page .int-tile.l-2 .logo{color:#0e6b62;background:#4fd1c238}.integrations-page .int-tile.l-3 .logo{color:#5f3eb8;background:#5b2eff26}.integrations-page .int-tile.l-4 .logo{color:var(--semantic-success);background:#1fb97924}.integrations-page .int-tile.l-5 .logo{background:var(--neutral-100);color:var(--fg-strong)}.integrations-page .int-tile.l-6 .logo{color:var(--semantic-error);background:#fb37481a}.integrations-page .esc{background:radial-gradient(120% 150% at 90% 6%, #5b2eff4d, #5b2eff00 60%),radial-gradient(120% 150% at 6% 96%, #5b2eff4d, #5b2eff00 62%),var(--convexa-ink);color:#fff;border-radius:28px;grid-template-columns:1.2fr 1fr;align-items:center;gap:56px;padding:56px;display:grid}.integrations-page .esc h2{color:#fff}.integrations-page .esc pre{font:400 13px/1.6 var(--font-mono);color:#ffffffe6;white-space:pre-wrap;overflow-wrap:anywhere;background:#ffffff0f;border-radius:14px;margin:0;padding:24px;overflow:hidden}.integrations-page .esc pre .k{color:var(--convexa-apricot)}.integrations-page .esc pre .s{color:#a5d2ff}.integrations-page .esc pre .c{color:#ffffff73}@media (max-width:1100px){.integrations-page .int-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.integrations-page .int-hero h1{font-size:56px}.integrations-page .cat-head{flex-direction:column;align-items:flex-start;gap:8px}.integrations-page .cat-head .desc{text-align:left;max-width:none}.integrations-page .int-grid{grid-template-columns:repeat(2,1fr)}.integrations-page .esc{grid-template-columns:1fr;gap:32px;padding:36px}}